@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/archivo.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter.woff2') format('woff2')}
/* Helotes homepage integration: approved kit layout, single-page navigation. */
:root{--accent:#404F77;--cta:#2C3757;--cta-deep:#1F2740;--hot:#E8A33C;--ink:#1A2030;--ink-soft:#5C6274;--paper:#F3F0E8;--paper-2:#E9E5DA;--line:#D8D3C5;--shell:#1B2135;--footer:#12172A;--deep:#1B2135;--deep-2:#293450;--deep-3:#12172A;--tex-stucco:none;--tex-block:none;--bg-dark:radial-gradient(120% 120% at 16% 88%,#566990 0%,#404F77 22%,#2C3757 52%,#1B2135 84%);--bg-footer:radial-gradient(145% 170% at 100% 100%,#404F77 0%,#2C3757 35%,#1B2135 66%,#12172A 100%);--grad-copyright:linear-gradient(90deg,#12172A,#1B2135);--f-head:'Archivo',Arial,sans-serif;--f-body:'Inter',Arial,sans-serif}
html{scroll-padding-top:100px}
.site-header .brand img{width:340px;height:auto;max-width:100%;max-height:none}
.site-header .brand{min-width:0}
.header-inner{gap:18px;min-height:86px}
.site-footer .footer-brand img{width:400px;max-width:100%}
.hero-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.16em;color:#E8A33C!important;margin-bottom:22px}
.hero h1{letter-spacing:-.035em}
.hero h2{max-width:25ch}
.area-copy{max-width:720px;padding:20px 0}
.area-copy h2{color:#fff;font-size:clamp(1.9rem,3.1vw,2.6rem)}
.area-copy p{color:#fff;font-size:1.1rem}
.area-copy .eyebrow{color:#E8A33C;font-size:.75rem}
.photo-section{min-height:410px}
.page-home #areas::after{background:rgba(27,33,53,.94)}
.form-embed-slot iframe{display:block;width:100%;height:640px;background:transparent}
.form-card{overflow:hidden}
.aside-tel a{text-decoration:none}
.skip-link{position:fixed;left:16px;top:-90px;z-index:9999;padding:12px 20px;background:#fff;color:#1B2135}
.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #E8A33C;outline-offset:4px}
.mat-wrap:focus-visible{outline:3px solid #404F77;outline-offset:4px}
.main-nav a:hover{color:#E8A33C}
.hero .btn--amber,.header-cta{background:#E8A33C;color:#1A2030;border-color:#E8A33C;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.hero .btn--amber:hover,.header-cta:hover{background:#F1B454;border-color:#F1B454}
.page-home .wall-age-step .decade{font-size:1.12rem;line-height:1.3}
@media(max-width:1150px){.site-header .brand img{width:320px}.header-inner{min-height:78px}.nav-toggle{flex:none}.header-cta{margin-left:0}}
@media(max-width:650px){html{scroll-padding-top:84px}.header-inner{gap:10px;padding:17px 20px;min-height:74px}.site-header .brand img{width:250px}.header-cta{display:none}.hero{padding-top:40px}.hero-grid{gap:30px}.hero-eyebrow{font-size:.65rem}.hero h2{max-width:none}.site-footer .footer-brand img{width:340px}.area-copy{padding:0}.form-card{padding:0}.photo-section{min-height:430px}}
@media(max-width:360px){.site-header .brand img{width:225px}.header-inner{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.estimate-right a[href^="tel:"]{white-space:nowrap}

/* Result-led hero, approved locations and mobile contact path. */
.page-home .hero{padding:52px 0 64px;background:radial-gradient(ellipse at 6% 78%,#3a4b70 0%,#242f4a 45%,#171e31 90%)}
.page-home .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:64px;align-items:center}
.hero-media{position:relative;min-width:0}
.page-home .hero-img{display:block;width:100%;height:620px;max-width:none;object-fit:cover;object-position:center;border-radius:8px;box-shadow:0 28px 70px rgba(0,0,0,.3)}



.page-home .hero-eyebrow{color:var(--hot)!important;font-size:.72rem;letter-spacing:.14em;margin:0 0 20px}
.page-home .hero h1{font-size:clamp(2.55rem,4.1vw,3.75rem);font-weight:750;letter-spacing:-.055em;line-height:1.02;max-width:17ch;margin:0 0 22px}
.hero-emphasis{color:var(--hot)}
.page-home .hero h2{color:#fff;font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:550;line-height:1.35;max-width:28ch;margin:0 0 18px}
.page-home .hero .lede{font-size:1.02rem;line-height:1.7;max-width:48ch;color:#dedfe6;margin-bottom:20px}
.hero-reasons{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px;font-size:.89rem;color:#f1f1f5}
.hero-reasons li{display:flex;align-items:baseline;gap:10px;line-height:1.4}
.hero-reasons li::before{content:'✓';font-weight:800;color:var(--hot);flex:none}
.hero-note{font-size:.76rem;line-height:1.6;color:#c1c6d4;margin:14px 0 0;max-width:45ch}
.page-home .hero-cta{gap:12px}
.page-home .hero-cta .btn{padding:15px 19px;font-size:.92rem;min-height:50px}
.location-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:26px 0 0;padding:0}
.location-list li{padding:10px 16px;border:1px solid #ffffff55;border-radius:5px;background:#ffffff0d;color:#fff;font-weight:600;font-size:.92rem}
.area-copy a{color:var(--hot);text-underline-offset:3px}
.mobile-contact{display:none}
@media(max-width:1100px) and (min-width:1001px){.page-home .hero-grid{gap:36px}.page-home .hero-img{height:620px}.page-home .hero-cta{flex-direction:column;align-items:stretch}.page-home .hero-cta .btn{text-align:center}}
@media(max-width:1100px){.page-home .hero-grid{grid-template-columns:1fr;gap:36px}.hero-copy{grid-row:1}.hero-media{grid-row:2;max-width:640px;width:100%;margin:0 auto}.page-home .hero-img{height:520px}.page-home .hero h1{font-size:clamp(2.7rem,6vw,3.75rem);max-width:18ch}.page-home .hero .lede{max-width:60ch}.page-home .hero h2{max-width:38ch}.page-home .hero{padding:45px 0 48px}}
@media(max-width:650px){.page-home{padding-bottom:76px}.page-home .hero{padding-top:32px}.page-home .hero h1{font-size:clamp(2.5rem,10vw,3.3rem);margin-bottom:18px}.page-home .hero h2{font-size:1.22rem}.page-home .hero-eyebrow{font-size:.62rem;letter-spacing:.11em}.page-home .hero .lede{font-size:1rem}.hero-reasons{font-size:.84rem}.page-home .hero-img{height:440px}.page-home .hero-cta{flex-direction:column;align-items:stretch}.page-home .hero-cta .btn{text-align:center}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;gap:8px;background:var(--shell);padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0003;border-top:1px solid #ffffff20}.mobile-contact a{flex:1;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:5px;text-decoration:none;font-size:.83rem;font-weight:700;background:var(--hot);color:var(--ink)}.mobile-contact a+ a{background:transparent;border:1px solid #ffffff70;color:#fff}.to-top{bottom:92px}.location-list{gap:8px}.location-list li{font-size:.84rem;padding:9px 12px}}

.estimate-right>h2{margin-bottom:22px}.estimate-right>.lede{margin-bottom:18px}

.page-home .hero h1{letter-spacing:-.025em;line-height:1.08}

/* Scannable narrative copy: the approved opening pattern, used selectively. */
.page-home :is(.split .prose,.aside-note) h3{display:flex;align-items:baseline;gap:12px;margin:28px 0 12px;font-family:var(--f-head);font-size:1.18rem;font-weight:700;line-height:1.35;color:var(--ink);letter-spacing:-.015em}
.page-home :is(.split .prose,.aside-note) h3::before{content:"";display:block;flex:0 0 20px;height:3px;background:var(--hot);align-self:center}
.page-home :is(.split .prose,.aside-note) p{margin-bottom:14px}
.page-home :is(.split .prose,.aside-note,.wall-age,.mat-note,.checklist) strong{font-weight:650;color:var(--ink)}
.page-home .wall-age .wall-age-head{margin-bottom:16px}
.page-home .wall-age .wall-age-head:last-of-type{margin-bottom:34px}
.page-home .aside-note .article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:18px 0 22px;padding-left:20px;list-style:disc;color:var(--ink)}
.page-home .aside-note .article-list li{padding-left:3px;margin:0;line-height:1.55}
.page-home .aside-note .article-list li::before{content:none}
.page-home .aside-note .article-list li::marker{color:var(--accent)}
@media(max-width:650px){.page-home :is(.split .prose,.aside-note) h3{font-size:1.12rem;margin-top:26px;gap:10px}.page-home :is(.split .prose,.aside-note) h3::before{flex-basis:16px}.page-home .aside-note .article-list{grid-template-columns:1fr;gap:8px}}

/* Requested hero line lengths and commercial portrait, September 18. */
@media(min-width:1101px){
 .page-home .hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:48px}
 .page-home .hero h2{font-size:clamp(1.05rem,1.6vw,1.35rem);max-width:none}
 .page-home .hero-note{max-width:none}
}
@media(min-width:651px) and (max-width:1100px){.page-home .hero h2,.page-home .hero-note{max-width:none}}
.page-home .framed>img[src*="commercial-office-drywall"]{aspect-ratio:3/4;object-fit:cover}

@media(min-width:651px) and (max-width:1100px){.page-home .hero-cta{flex-direction:row;align-items:center}}