/* Comfortable density at the browser's native scale. */
:root{--layout-max:1160px;--section-space:clamp(48px,4.3vw,64px)}
.studio-tabbed .studio-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;border-bottom:1px solid #d8e0e2;margin-bottom:16px}
.studio-tabs button{position:relative;background:transparent;border:0;padding:12px 2px;font-size:11px;font-weight:500;min-height:44px;color:#657781}
.studio-tabs button:after{content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--orange);transform:scaleX(0);transition:transform .2s}
.studio-tabs button[aria-selected=true]{color:var(--blue);font-weight:700}
.studio-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.studio-tabbed .studio-step+.studio-step{margin-top:0}

@media(min-width:701px){
 :root{scroll-padding-top:90px}
 .wrap{width:min(var(--layout-max),calc(100% - 80px))}
 body{font-size:15px;line-height:1.6}
 h2{font-size:clamp(30px,3.05vw,42px);line-height:1.14}
 h3{font-size:22px;line-height:1.2}
 p{margin-top:16px}p+p{margin-top:14px}
 .lead{font-size:17px;line-height:1.6}
 .eyebrow{margin-bottom:16px}
 .section,.service-band,.process-home{padding-block:var(--section-space)}
 .section.tight{padding-top:12px}
 .section-head{gap:30px;margin-bottom:30px}
 .section-head>p{font-size:14px;max-width:330px}
 .split{gap:clamp(30px,4vw,52px)}
 .actions{gap:22px;margin-top:24px}
 .button{padding:13px 19px;min-height:46px;font-size:13px;gap:24px}
 .text-link{font-size:13px;margin-top:17px;min-height:40px}
 .header{padding:12px max(24px,calc((100% - 1240px)/2));gap:22px}
 .header nav{gap:20px}.header .nav-cta{padding:11px 15px;min-height:42px;font-size:12px}

 .home-hero.wrap{grid-template-columns:1.05fr 1fr;gap:30px;min-height:0;padding-block:32px 42px}
 .home-hero .hero-copy h1{font-size:clamp(44px,5.2vw,76px);margin-right:0;line-height:1.04}
 .hero-copy>.eyebrow{margin-bottom:20px}
 .hero-copy .lead{font-size:16px;max-width:390px;margin-top:22px}
 .hero-copy .actions{margin-top:21px;gap:20px}
 .hero-copy .button{min-height:46px;padding:13px 19px}
 .hero-copy .hero-foot{margin-top:24px}
 .hero-art{padding-bottom:56px;margin-right:0}
 .hero-photo{height:clamp(340px,31vw,440px);border-radius:80px 6px 70px 6px}
 .home-hero .hero-seal{width:184px;min-height:120px;padding:18px 20px;font-size:18px;left:8px;bottom:0}
 .home-hero .hero-seal b{font-size:18px}.home-hero .hero-seal>span{font-size:23px;right:13px;top:13px}
 .hero-color-edge{right:-7px;top:-8px}
 .audience-strip{padding-block:17px}.audience-strip .wrap{gap:28px}.audience-strip p{font-size:12px}

 .landing .lp-hero{padding-top:22px}
 .lp-hero-top{padding-bottom:0}.campaign-tag{padding:8px 13px}
 .lp-hero-title{grid-template-columns:1.7fr .85fr;gap:38px;padding-block:22px 27px}
 .landing .lp-hero-title h1{font-size:clamp(52px,6vw,84px);line-height:1.035}
 .lp-hero-title>div{padding-bottom:4px}
 .lp-hero .lead{font-size:15px;line-height:1.6}
 .lp-hero-title .small{margin-top:12px}
 .lp-hero-title .studio-hero-link{font-size:11px;margin-top:13px}
 .lp-image-wrap{padding-top:32px;margin-top:0}
 .lp-image{height:clamp(230px,22vw,300px);border-radius:5px 50px 5px 5px}
 .landing .lp-stamp{width:122px;height:122px;font-size:15px;right:5%;top:2px}
 .landing .lp-stamp b{font-size:15px}.lp-stamp>span{font-size:21px}
 .landing .lp-ribbon{padding-block:14px}.lp-ribbon>span{font-size:26px}.lp-ribbon i{padding-inline:42px}
 .landing .lp-intro{padding-block:48px;gap:54px}
 .lp-intro h2{font-size:clamp(32px,3.15vw,44px)}
 .landing .lp-finishes{padding-block:var(--section-space)}
 .lp-quote{gap:44px}.lp-quote h2{font-size:clamp(34px,3.5vw,46px)}
 .lp-quote-disclosure>summary{min-height:62px;font-size:16px}
 .lp-quote-disclosure .quote-form{margin-top:20px}

 .page-intro{padding-block:44px 38px}
 .breadcrumbs{padding-top:18px}.breadcrumbs+.page-intro{padding-top:27px}
 .page-intro h1{font-size:clamp(40px,4.5vw,62px);line-height:1.1}
 .page-intro .lead{font-size:17px;max-width:720px;margin-top:20px}
 .portrait{height:370px}.material-photo{height:320px}.application-detail-photo{height:335px}
 .large-copy p{font-size:16px}.large-copy p:first-child{font-size:21px}
 .editorial-grid{gap:28px}.editorial-grid article{padding-top:21px}
 .editorial-grid .num{margin-bottom:21px}.editorial-grid h3,.systems h3,.reasons h3{font-size:23px}
 .editorial-grid p{font-size:14px;line-height:1.65}
 .reasons .num{margin-bottom:12px}.system-use{font-size:11px;margin-top:15px;padding:5px 9px}
 .material-rows{gap:52px}
 .service-index a{padding-block:21px}.service-index h3{font-size:22px}
 .steps article{padding-block:18px;gap:21px}.steps h3{font-size:21px}.steps p{margin-top:10px;font-size:14px}
 .steps article>span{height:36px;min-width:36px}
 .process-disclosures details{padding-block:16px}.process-disclosures summary{min-height:42px;gap:15px}
 .process-disclosures summary h3{font-size:21px}.process-number{font-size:29px}
 .process-disclosures p{font-size:14px;margin:12px 0 0 51px}
 .reading-detail{margin-top:23px}.reading-detail>summary{padding-block:18px;font-size:14px}
 .reading-body{padding-bottom:21px}

 .application-grid{gap:25px 24px}
 .application-photo,.landing .application-photo{height:185px;margin-bottom:15px}
 .application-card,.landing .application-card{padding-bottom:17px}
 .application-copy .num{font-size:9px;margin-bottom:9px}
 .application-copy h3{font-size:22px}.application-copy p{font-size:13px;margin-top:10px;min-height:42px}
 .application-action{font-size:12px;min-height:32px;margin-top:13px}
 .faqs summary{font-size:15px;padding-block:18px}.faqs details p{font-size:14px;padding-bottom:19px}
 .cta{padding:35px 39px;margin-block:25px 58px;gap:36px}
 .cta h2{font-size:34px}.cta p{font-size:14px}.cta .button{margin-top:20px}
 .quote-layout{gap:45px}.quote-form{padding:28px}
 .form-head p{margin-bottom:20px}.form-grid{gap:18px 20px}.form-grid label{gap:7px}
 .form-grid input,.form-grid select,.form-grid textarea{padding:11px;min-height:44px}
 .form-actions{margin-top:21px}.contact-list article{padding-bottom:23px;margin-bottom:23px}
 .sticky-copy,.quote-layout aside{top:105px}

 .coating-studio{grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr)}
 .studio-tabbed .studio-panel{padding:17px 22px 22px}
 .studio-tabbed .studio-scene{top:78px}
 .studio-scene-top{padding:18px 22px 8px}
 .studio-tabbed .studio-viewport{height:clamp(310px,calc(100dvh - 305px),425px)}
 .studio-tabbed .studio-color-plane{height:100px}
 .studio-step-title{margin-bottom:11px}.studio-tabbed .studio-selection{margin-top:18px;padding-top:14px}
 .studio-selection .button{min-height:44px;margin-top:12px;padding-block:11px}
 .studio-disclaimer{padding:0 22px 17px}
 footer{padding:42px 40px 22px}
 .footer-main,.footer-contacts,.footer-bottom{max-width:var(--layout-max)}
 .footer-main{gap:32px}.footer-call h3{font-size:22px}.footer-main .eyebrow{margin-bottom:14px}
 .footer-contacts{margin-top:28px;padding-top:21px}.footer-bottom{margin-top:27px;padding-top:17px}
}

@media(min-width:701px) and (max-width:950px){
 .wrap{width:calc(100% - 56px)}
 .header{padding-inline:22px}.header nav{gap:15px 25px}
 .home-hero.wrap{gap:22px;padding-block:28px 34px}
 .home-hero .hero-copy h1{font-size:clamp(38px,5.15vw,49px)}
 .hero-copy .lead{font-size:15px}.hero-copy .actions{gap:8px}.hero-photo{height:345px}
 .home-hero .hero-seal{width:166px;font-size:16px;min-height:109px;padding:17px}
 .home-hero .hero-seal b{font-size:16px}
 .lp-hero-title{gap:26px;grid-template-columns:1.55fr 1fr}
 .landing .lp-hero-title h1{font-size:clamp(43px,5.8vw,55px)}
 .lp-hero .lead{font-size:14px}.lp-image{height:235px}
 .coating-studio{grid-template-columns:minmax(0,1.05fr) minmax(300px,1fr)}
 .studio-tabbed .studio-panel{padding-inline:18px}
 .studio-tabbed .studio-viewport{height:355px}
 .studio-piece-label{left:12px;right:12px;bottom:72px}
 .studio-disclaimer{padding-inline:17px}
 .portrait{height:320px}.application-detail-photo{height:300px}
}

@media(min-width:701px) and (max-width:760px){
 .studio-tabbed .studio-scene{position:sticky;border-radius:8px 0 0 8px}
 .studio-tabbed .studio-panel{border-top:0;border-left:1px solid #d9dedf;border-radius:0 8px 8px 0}
 .studio-tabbed .studio-step-title h3{font-size:14px}
 .studio-tabbed .studio-native-color span{font-size:10px}
 .studio-tabbed .studio-presets{gap:12px}.studio-tabbed .studio-presets button{width:24px;height:24px}
}

@media(max-width:700px){
 .section,.service-band,.process-home{padding-block:35px}.section.tight{padding-top:8px}
 .section-head{margin-bottom:21px}h2{font-size:29px}
 .split{gap:25px}.eyebrow{margin-bottom:14px}
 .home-hero.wrap{padding-top:21px;padding-bottom:24px;gap:18px}
 .home-hero .hero-copy h1{font-size:clamp(36px,11vw,60px)}
 .hero-copy .lead{margin-top:16px}.hero-copy .actions{margin-top:18px}.hero-copy .hero-foot{margin-top:16px}
 .hero-art{padding-bottom:47px}.hero-photo{height:250px}
 .home-hero .hero-seal{width:156px;min-height:99px;font-size:16px;padding:15px;bottom:2px}
 .home-hero .hero-seal b{font-size:16px}
 .landing .lp-hero{padding-top:18px;gap:15px}
 .landing .lp-hero-title h1{font-size:clamp(37px,11.8vw,65px)}
 .lp-image-wrap{padding-top:25px}.lp-image{height:190px}
 .landing .lp-stamp{width:99px;height:99px;font-size:12px;right:13px}
 .landing .lp-stamp b{font-size:12px}.lp-hero-title>div{padding-bottom:19px}
 .landing .lp-ribbon{padding-block:10px}.lp-ribbon>span{font-size:23px}
 .landing .lp-intro{padding-block:29px}.lp-intro h2{font-size:29px}
 .application-photo,.landing .application-photo{height:180px;margin-bottom:13px}
 .application-grid{padding-bottom:16px}.application-copy h3{font-size:22px}
 .reasons{margin-top:22px}.material-rows{gap:35px}
 .page-intro{padding-bottom:30px}.breadcrumbs+.page-intro{padding-top:22px}
 .page-intro h1{font-size:clamp(34px,8vw,45px)}.page-intro .lead{font-size:16px;margin-top:19px}
 .portrait{height:300px}.application-detail h2{font-size:29px}
 .cta{padding:25px 23px;margin-bottom:36px}.cta h2{font-size:28px}
 .lp-quote h2{font-size:34px}.quote-form{padding:22px 18px}
 .form-grid{gap:16px}.form-head p{margin-bottom:21px}
 .studio-tabbed .studio-viewport{height:225px}.studio-tabbed .studio-panel{padding:8px 18px 18px}
 .studio-tabbed .studio-tabs{margin-bottom:14px}.studio-tabbed .studio-color-plane{height:85px}
 footer{padding-top:30px}.footer-main{gap:22px}.footer-contacts{margin-top:24px}
}

@media(prefers-reduced-motion:reduce){.studio-tabs button:after{transition:none}}