:root{--terra:#A95232;--terra-dark:#873C26;--cream:#F8F4EE;--surface:#FBF9F5;--gold:#C79845;--ink:#3E332E;--line:#D9C9BA;--white:#FFFFFF}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--cream)}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
a{color:inherit}
.site-shell{width:100%;overflow:hidden}
.hero{position:relative;min-height:782px;isolation:isolate;overflow:hidden;background:var(--surface)}
.hero-image{position:absolute;inset:0;z-index:-1;background:url('interior.png') center top/cover no-repeat}
.hero-inner{position:relative;max-width:1920px;margin:auto;padding:72px 6.1% 38px}
.hero-header{display:flex;justify-content:space-between;align-items:flex-start;gap:36px}
.brand{display:flex;align-items:center;gap:27px;min-width:0;color:var(--gold)}
.brand-icon{width:136px;height:136px;flex:none;color:var(--gold)}
.brand-divider{display:block;width:1px;height:108px;background:var(--line);flex:none}
.brand-words{display:flex;flex-direction:column;gap:2px;min-width:0}
.brand-words strong{display:block;white-space:nowrap;font:400 clamp(42px,4.25vw,67px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.055em;text-transform:uppercase;color:var(--gold)}
.brand-words small{display:block;white-space:nowrap;color:var(--terra-dark);font-size:clamp(10px,1.1vw,17px);letter-spacing:.4em;text-transform:uppercase}
.announcement{position:absolute;left:61%;top:98px;min-width:210px;color:var(--ink);font-size:16px;line-height:1.9;letter-spacing:.4em;text-transform:uppercase}
.announcement i{display:block;width:64px;height:2px;background:var(--terra);margin-top:29px}
.hero-copy{max-width:740px;margin-top:38px}
.eyebrow{margin:0 0 13px;color:var(--terra);font-size:24px;line-height:1.2;letter-spacing:.48em;text-transform:uppercase}
h1{margin:0;color:var(--terra);font:400 clamp(63px,5.85vw,92px)/.82 Georgia,'Times New Roman',serif;letter-spacing:-.065em;text-transform:uppercase}
h1 span{display:block}
.copy-rule{width:91px;height:3px;background:var(--terra);margin:27px 0 22px}
.lead{max-width:590px;margin:0 0 18px;font-size:20px;line-height:1.38;letter-spacing:.006em}
.whatsapp{display:flex;align-items:center;width:542px;max-width:100%;height:102px;padding:17px 29px;gap:30px;border-radius:999px;background:var(--terra);color:var(--white);text-decoration:none;box-shadow:0 10px 24px rgba(135,60,38,.12);transition:background .2s,transform .2s}
.whatsapp:hover{background:var(--terra-dark);transform:translateY(-2px)}
.whatsapp:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.wa-icon{width:62px;height:62px;flex:none}
.wa-divider{width:1px;height:64px;background:var(--white);opacity:.72;flex:none}
.wa-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.wa-copy small{font-size:13px;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap}
.wa-copy strong{font-size:28px;font-weight:400;line-height:1;letter-spacing:.16em;text-transform:uppercase}
.wa-arrow{width:31px;height:31px;flex:none;margin-left:auto}
.phone{width:542px;max-width:100%;margin:11px 0 0;text-align:center;font-size:17px;letter-spacing:.08em}
.promises{display:grid;grid-template-columns:repeat(4,1fr);height:138px;background:var(--white);padding:33px 5.5% 25px}
.promise{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--ink);text-align:center;text-transform:uppercase;font-size:13px;line-height:1.35;letter-spacing:.18em}
.promise+.promise{border-left:1px solid var(--line)}
.promise svg{width:34px;height:34px;flex:none}
.footer{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:105px;padding:28px 4.1%;background:var(--terra);color:var(--white);font-size:11px;letter-spacing:.36em;text-transform:uppercase;white-space:nowrap}
.footer-line{height:1px;flex:1;background:var(--white);opacity:.55;max-width:300px}
@media(max-width:1380px) and (min-width:1151px){
 .hero-inner{padding-left:5%;padding-right:5%}
 .brand-icon{width:115px;height:115px}.brand{gap:18px}.brand-divider{height:92px}
 .brand-words strong{font-size:clamp(39px,4.1vw,60px)}
 .brand-words small{font-size:12px;letter-spacing:.34em}
 .announcement{font-size:13px;min-width:172px}
 .hero-copy{margin-top:55px}
 h1{font-size:clamp(65px,5.8vw,82px)}
}
@media(max-width:1150px){
 .hero{display:flex;flex-direction:column;min-height:0}
 .hero-image{position:relative;inset:auto;order:2;z-index:auto;height:clamp(240px,53vw,425px);background-size:auto 220%;background-position:right 52%}
 .hero-inner{order:1;padding:25px clamp(22px,5vw,54px) 28px;width:100%}
 .hero-header{display:block}
 .brand{flex-direction:column;gap:9px;text-align:center}
 .brand-icon{width:105px;height:105px}
 .brand-divider,.announcement{display:none}
 .brand-words strong{font-size:clamp(30px,6vw,48px)}
 .brand-words small{font-size:10px;letter-spacing:.31em}
 .hero-copy{max-width:650px;margin:41px auto 0}
 .eyebrow{font-size:14px;letter-spacing:.35em;margin-bottom:12px}
 h1{font-size:clamp(30px,7.7vw,64px);line-height:.95;letter-spacing:-.06em}
 .copy-rule{width:76px;height:2px;margin:26px 0 20px}
 .lead{font-size:clamp(16px,2.1vw,19px);line-height:1.48;margin-bottom:24px}
 .whatsapp{width:100%;max-width:540px;height:76px;padding:14px 23px;gap:17px;border-radius:27px}
 .wa-icon{width:45px;height:45px}.wa-divider{height:46px}.wa-copy small{font-size:10px;letter-spacing:.2em}.wa-copy strong{font-size:23px}.wa-arrow{width:26px;height:26px}
 .phone{width:100%;max-width:540px;font-size:14px}
 .promises{grid-template-columns:repeat(2,1fr);height:auto;padding:22px 4%}
 .promise{min-height:90px;font-size:11px}.promise+.promise{border:0}.promise:nth-child(odd){border-right:1px solid var(--line)}.promise:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .footer{min-height:70px;padding:24px;gap:12px;font-size:10px;letter-spacing:.16em}.footer-line,.footer span:last-child{display:none}
}
@media(max-width:380px){.hero-inner{padding-left:20px;padding-right:20px}.brand-icon{width:92px;height:92px}.brand-words strong{font-size:30px}.brand-words small{font-size:9px}.hero-copy{margin-top:34px}.whatsapp{gap:11px;padding:12px 17px}.wa-icon{width:38px;height:38px}.wa-copy strong{font-size:19px}.wa-arrow{width:21px;height:21px}}

/* Keep every section inside the visible viewport. */
.site-shell{display:grid;height:100svh;grid-template-rows:minmax(0,1fr) clamp(78px,13.5svh,138px) clamp(48px,10.25svh,105px)}
.hero{min-height:0;height:100%}
.promises{height:100%;min-height:0}
.footer{height:100%;min-height:0}
@media(min-width:1151px){
 .hero-inner{height:100%;padding-top:clamp(24px,7svh,72px);padding-bottom:clamp(8px,3svh,38px)}
 .brand-icon{width:clamp(70px,13.3svh,136px);height:clamp(70px,13.3svh,136px)}
 .brand-divider{height:clamp(62px,10.5svh,108px)}
 .brand-words strong{font-size:clamp(36px,6.5svh,67px)}
 .brand-words small{font-size:clamp(9px,1.65svh,17px)}
 .announcement{top:clamp(26px,9.6svh,98px);font-size:clamp(11px,1.55svh,16px)}
 .announcement i{margin-top:clamp(12px,2.8svh,29px)}
 .hero-copy{margin-top:clamp(8px,3.7svh,38px)}
 .eyebrow{font-size:clamp(14px,2.35svh,24px);margin-bottom:clamp(4px,1.3svh,13px)}
 h1{font-size:clamp(48px,8.9svh,92px)}
 .copy-rule{margin:clamp(7px,2.6svh,27px) 0 clamp(6px,2.1svh,22px)}
 .lead{font-size:clamp(14px,1.95svh,20px);line-height:1.35;margin-bottom:clamp(7px,1.76svh,18px)}
 .whatsapp{height:clamp(58px,10svh,102px);padding:clamp(9px,1.65svh,17px) 24px;gap:clamp(14px,2.9svh,30px)}
 .wa-icon{width:clamp(38px,6svh,62px);height:clamp(38px,6svh,62px)}
 .wa-divider{height:70%}
 .wa-copy small{font-size:clamp(9px,1.25svh,13px)}
 .wa-copy strong{font-size:clamp(18px,2.7svh,28px)}
 .phone{margin-top:clamp(3px,1svh,11px);font-size:clamp(12px,1.65svh,17px)}
 .promises{padding:clamp(7px,3.2svh,33px) 5.5% clamp(7px,2.4svh,25px)}
 .promise{gap:clamp(2px,.7svh,7px);font-size:clamp(9px,1.25svh,13px)}
 .promise svg{width:clamp(23px,3.3svh,34px);height:clamp(23px,3.3svh,34px)}
 .footer{padding:0 4.1%;font-size:clamp(8px,1.07svh,11px)}
}
@media(max-width:1250px) and (min-width:1151px){.announcement{display:none}}
@media(max-width:1150px){
 .site-shell{grid-template-rows:minmax(0,1fr) clamp(80px,14svh,118px) clamp(32px,6svh,52px)}
 .hero{display:block}
 .hero-image{position:absolute;inset:auto 0 0;z-index:-1;order:initial;height:clamp(90px,21svh,185px);background-size:auto 230%;background-position:right 52%}
 .hero-inner{position:relative;z-index:1;order:initial;height:100%;padding:clamp(8px,1.5svh,16px) clamp(14px,5vw,24px) 0}
 .brand{gap:clamp(2px,.7svh,8px)}
 .brand-icon{width:clamp(42px,9svh,78px);height:clamp(42px,9svh,78px)}
 .brand-words strong{font-size:clamp(22px,3.7svh,33px)}
 .brand-words small{font-size:clamp(7px,1svh,10px);letter-spacing:.26em}
 .hero-copy{margin-top:clamp(5px,1.6svh,16px)}
 .eyebrow{font-size:clamp(10px,1.5svh,14px);margin-bottom:clamp(3px,1svh,9px)}
 h1{font-size:clamp(25px,min(7.6vw,5.5svh),47px);line-height:.95}
 .copy-rule{width:60px;height:2px;margin:clamp(5px,1.5svh,13px) 0 clamp(5px,1.4svh,12px)}
 .lead{font-size:clamp(12px,1.9svh,16px);line-height:1.28;margin-bottom:clamp(7px,1.7svh,14px)}
 .whatsapp{height:clamp(46px,8svh,70px);padding:8px clamp(12px,3vw,20px);gap:clamp(8px,2vw,15px);border-radius:24px}
 .wa-icon{width:clamp(30px,5.5svh,43px);height:clamp(30px,5.5svh,43px)}
 .wa-divider{height:70%}
 .wa-copy small{font-size:clamp(8px,1.15svh,10px)}
 .wa-copy strong{font-size:clamp(16px,2.6svh,23px)}
 .wa-arrow{width:clamp(18px,3svh,26px);height:clamp(18px,3svh,26px)}
 .phone{margin-top:clamp(3px,.8svh,7px);font-size:clamp(11px,1.6svh,14px)}
 .promises{grid-template-columns:repeat(4,minmax(0,1fr));padding:clamp(7px,1.5svh,14px) 3%}
 .promise{min-height:0;gap:clamp(2px,.5svh,5px);padding:0 3px;font-size:clamp(7px,1.1svh,10px);letter-spacing:.07em;line-height:1.25}
 .promise svg{width:clamp(19px,3svh,28px);height:clamp(19px,3svh,28px)}
 .promise:nth-child(odd){border-right:0}
 .promise:nth-child(-n+2){border-bottom:0}
 .promise+.promise{border-left:1px solid var(--line)}
 .footer{padding:0 clamp(12px,4vw,24px);font-size:clamp(8px,1.1svh,10px)}
}
@media(min-width:850px) and (max-width:1150px){
 .hero-image{inset:0;height:100%;background-size:cover;background-position:center top}
 .hero-inner{padding:clamp(18px,4svh,32px) 4.5% 0}
 .brand{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px}
 .brand-icon{width:clamp(54px,9svh,80px);height:clamp(54px,9svh,80px)}
 .brand-divider{display:block;height:clamp(47px,7svh,66px)}
 .brand-words strong{font-size:clamp(28px,4.5svh,37px)}
 .brand-words small{font-size:clamp(8px,1.35svh,11px)}
 .hero-copy{width:54%;max-width:none;margin:clamp(12px,3svh,24px) 0 0}
 .eyebrow{font-size:clamp(11px,2svh,16px)}
 h1{font-size:clamp(36px,min(4.3vw,6svh),49px)}
 .lead{font-size:clamp(12px,1.9svh,15px);line-height:1.35}
 .whatsapp{width:100%;height:clamp(49px,8svh,65px)}
 .phone{width:100%}
}
@media(min-width:650px) and (max-width:849px) and (min-height:850px){
 .hero-image{height:40%;background-size:cover}
}