@font-face{font-family:Cormorant;src:url('/assets/fonts/cormorant-latin.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#f5f3ee;--white:#fffefa;--ink:#252d29;--muted:#62665f;--line:#d7d8d0;--accent:#8d7650;--sand:#e8e4da;--serif:Cormorant,Georgia,serif;--sans:Inter,Arial,sans-serif;--gutter:clamp(24px,5.6vw,100px);--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.035em}h1{font-size:clamp(58px,6.8vw,104px)}h2{font-size:clamp(44px,4.55vw,70px)}h3{font-size:34px}em{font-weight:400;color:#7d816f}p+p{margin-top:18px}p{max-width:65ch}button{color:inherit}::selection{background:#d2ccb8;color:#252d29}:focus-visible{outline:2px solid #8d7650;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:white;z-index:200}.skip:focus{top:12px}.section{padding:110px var(--gutter);max-width:var(--max);margin:0 auto}.eyebrow{font:500 10px/1.6 var(--sans);letter-spacing:.17em;margin-bottom:24px;text-transform:uppercase}.lead{font-size:17px;line-height:1.85;color:var(--muted)}.fineprint{font-size:11px;line-height:1.7;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:34px;font-size:12px;font-weight:500;padding:12px 0 9px;border-bottom:1px solid #8c9484;line-height:1.5}.text-link span{font-size:20px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 24px;min-height:58px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font-size:12px;font-weight:500;line-height:1.5;text-decoration:none;transition:background .25s,color .25s}.button:hover{background:#455146;border-color:#455146}.button span{font-size:20px;line-height:1}.button-light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.button-light:hover{background:white;border-color:white}.source-link{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin-top:24px}.image-caption{position:absolute;bottom:16px;right:18px;font-size:10px;color:white;letter-spacing:.07em;text-shadow:0 1px 6px black}.tinted{background:var(--sand)}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);gap:32px;background:var(--paper);position:relative;z-index:30;border-bottom:1px solid rgba(60,70,60,.1)}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{width:29px;height:35px;fill:none;stroke:currentColor;stroke-width:1}.brand-type{font:400 40px/.8 var(--serif);letter-spacing:-.03em}.brand-type>span{display:block;font:500 8px/1 var(--sans);letter-spacing:.34em;margin:9px 0 0 3px}.desktop-nav{display:flex;gap:30px;align-items:center;margin-left:auto}.desktop-nav a{font-size:11px;white-space:nowrap;padding:10px 0;border-bottom:1px solid transparent}.desktop-nav a:hover,.desktop-nav a[aria-current]{border-color:var(--accent)}.header-cta{border:1px solid #b2b7a8;padding:12px 16px;font-size:11px;display:flex;align-items:center;gap:22px;white-space:nowrap}.header-cta:hover{background:#e9e9e1}.header-cta span{font-size:18px}.menu-toggle{display:none;border:0;background:none;align-items:center;gap:12px;padding:10px 0}.menu-toggle svg{width:24px;height:24px;stroke:currentColor;fill:none}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:16px var(--gutter) 30px;border-bottom:1px solid var(--line);box-shadow:0 12px 24px #252d2910}.mobile-nav a{display:block;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.hero{height:min(780px,calc(100svh - 100px));min-height:580px;position:relative;background:#666656;color:#fffefa;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;inset:0;object-position:center 52%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,29,22,.68),rgba(23,29,22,.2) 56%,transparent 85%),linear-gradient(0deg,rgba(23,29,22,.35),transparent 30%)}.hero-content{position:relative;padding:20px var(--gutter) 30px;max-width:var(--max);width:100%;margin:auto}.hero .eyebrow{font-size:10px;margin-bottom:28px;color:#e3e4d4}.hero h1{font-size:clamp(64px,6.8vw,104px);line-height:1;max-width:850px;letter-spacing:-.045em;text-shadow:0 2px 18px #2222}.hero h1 em{color:#ede6d7}.hero-content>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#f0f0e7;margin-top:28px;max-width:470px}.hero .button{margin-top:36px}.hero-bottom{position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em;color:#eeeade}.hero-bottom a{display:flex;gap:50px;align-items:center}.hero-bottom a span{font-size:22px}.assurance-strip{display:flex;justify-content:space-between;gap:20px;padding:26px var(--gutter);border-bottom:1px solid var(--line);font-size:11px;color:#515c4e}.assurance-strip span{display:flex;gap:16px;align-items:center}.assurance-strip span:before{content:'';width:4px;height:4px;background:#8e957f;border-radius:50%;flex:none}.introduction{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;padding-top:132px;padding-bottom:132px}.introduction h2{font-size:clamp(40px,4vw,62px)}.intro-copy{padding-top:37px;font-size:14px;color:#596056}.intro-copy .text-link{margin-top:23px;color:var(--ink)}.section-heading{margin-bottom:50px}.detail-section{background:#eeede6;padding-top:95px;padding-bottom:75px}.material-selector{display:grid;grid-template-columns:1.45fr 1fr;background:#e3dfd4;min-height:480px}.shutter-display{position:relative;overflow:hidden;min-height:450px;background:linear-gradient(120deg,#cbc6b6,#eeeae0 50%,#ddd6c5);display:flex;justify-content:center;align-items:center;padding:38px 60px 48px}.shutter-display:after{content:'';position:absolute;width:180%;height:60%;background:linear-gradient(150deg,transparent 45%,#00000009 46%,transparent 58%);transform:rotate(-20deg);pointer-events:none}.sample-window{width:58%;max-width:300px;min-width:180px;height:340px;position:relative;box-shadow:18px 15px 26px #3f3a3029}.sample-box{height:36px;background:var(--finish);border:1px solid #0003;position:relative;z-index:2;box-shadow:inset 0 1px #fff3,0 4px 4px #0002;transition:background .35s}.sample-box>span{position:absolute;width:90px;height:18px;left:12px;top:8px;background:repeating-linear-gradient(90deg,#27302a 0px,#27302a 10px,#4b5248 10px,#4b5248 11px);border:2px solid #595f53}.sample-glass{position:absolute;top:35px;bottom:0;left:0;right:0;background:linear-gradient(140deg,#a5a293,#666f5a 55%,#9c9c81);border-left:8px solid var(--finish);border-right:8px solid var(--finish);border-bottom:8px solid var(--finish);overflow:hidden;transition:border-color .35s}.sample-shutter{height:60%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 8px,#0003 8px,#0003 9px,#fff2 9px,#fff2 10px),var(--finish);box-shadow:0 7px 12px #25252529;position:relative;z-index:1;transition:background .35s}.sample-reflection{height:100%;position:absolute;inset:0;background:linear-gradient(140deg,transparent 35%,#ffffff1a 35%,transparent 75%)}.sample-sill{position:absolute;height:9px;left:-14px;right:-14px;bottom:-6px;background:#bdb7a8;box-shadow:0 4px 7px #0002}.sample-label{position:absolute;bottom:22px;left:28px;font-size:8px;letter-spacing:.19em;color:#64665d}.material-controls{padding:65px 50px 45px;align-self:center}.material-controls .eyebrow{font-size:9px}.material-controls h3{font-size:39px;margin-bottom:20px}.material-controls p:not(.eyebrow):not(.fineprint){max-width:300px;font-size:13px;color:#535a50}.swatches{display:flex;gap:17px;margin:32px 0 24px}.swatch{width:36px;height:36px;border:4px solid #e3dfd4;background:var(--swatch);border-radius:50%;outline:1px solid transparent;transition:outline-color .2s;position:relative}.swatch:before{content:'';position:absolute;inset:-5px}.swatch.active{outline-color:#4c5747}.swatch:hover{outline-color:#8f9785}.swatch:focus-visible{outline:2px solid #584927;outline-offset:3px}.detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:60px;margin-top:35px}.detail-bottom>p{max-width:560px;font-size:13px;color:var(--muted)}.detail-bottom .text-link{flex-shrink:0}.solar-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:125px;padding-bottom:125px}.solar-visual{position:relative;height:640px;overflow:hidden}.solar-visual>img{width:100%;height:100%;object-position:71% center}.solar-label{position:absolute;bottom:42px;left:30px;color:white;display:flex;align-items:center;gap:18px;font:400 23px/1.1 var(--serif);padding:15px 18px;background:#30372ba6;backdrop-filter:blur(10px)}.solar-orbit{height:30px;width:30px;border:1px solid #eee4c7;border-radius:50%;outline:1px solid #eee4c755;outline-offset:5px}.solar-copy h2{font-size:clamp(46px,4.2vw,64px);margin-bottom:28px}.solar-copy p{font-size:13px;color:var(--muted)}.solar-copy .text-link{margin-top:18px}.quiet-note{font-size:11px;color:#66705f;padding-top:24px;margin-top:35px;border-top:1px solid var(--line);max-width:390px}
.smart-section{background:var(--ink);color:var(--paper);padding-top:90px;padding-bottom:100px}.smart-section h2 em{color:#c0c8af}.smart-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.smart-heading>p{max-width:410px;font-size:13px;color:#c5cabe;padding-bottom:5px}.scene-demo{display:grid;grid-template-columns:1.07fr 1fr;background:#f0eee7;color:var(--ink);min-height:520px}.scene-picture{position:relative;overflow:hidden}.scene-picture>img{width:100%;height:100%;min-height:520px;object-position:72% center;transition:filter 1s}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#353b3233,transparent 40%,#292d2377);transition:background 1s}.scene-demo[data-scene=evening] .scene-picture>img{filter:brightness(.65) saturate(.9)}.scene-demo[data-scene=weekend] .scene-picture>img{filter:brightness(1.08)}.scene-time{position:absolute;bottom:38px;left:38px;display:flex;flex-direction:column;color:white}.scene-time>span{font:300 70px/.9 var(--serif);letter-spacing:-.05em}.scene-time small{font-size:8px;letter-spacing:.2em;margin-top:13px}.scene-controller{padding:36px 38px;align-self:center}.scene-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:24px;align-items:center}.scene-heading .eyebrow{margin:0;font-size:8px}.demo-tag{font-size:9px;color:#72776a}.scene-tabs{display:flex;border-bottom:1px solid #c9cdc0;gap:23px}.scene-tabs button{border:0;border-bottom:2px solid transparent;padding:12px 0;background:transparent;color:#6a7363;font-size:10px}.scene-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.scene-result h3{font-size:31px;margin:28px 0 24px;line-height:1.1}.scene-row{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;gap:12px}.scene-icon{font-size:25px;line-height:1;width:22px;color:#7b826f}.scene-row>div{display:flex;flex-direction:column}.scene-row>div>span{font-size:11px;font-weight:500}.scene-row small{font-size:9px;color:var(--muted)}.scene-row strong{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:500}.scene-result>p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:22px}.scene-controller>.text-link{font-size:10px;margin-top:12px}.scene-controller>.fineprint{font-size:9px;margin-top:22px;color:#626b59}.service-story{display:grid;grid-template-columns:1fr 1fr;gap:13%}.service-story>div>p:not(.eyebrow){margin-top:26px;color:var(--muted);font-size:13px;max-width:370px}.service-story .text-link{margin-top:22px}.service-steps{list-style:none;margin:0;padding:0}.service-steps li{display:flex;gap:30px;padding:28px 0;border-top:1px solid var(--line)}.service-steps li>span{font-size:10px;color:#717b67;padding-top:5px}.service-steps h3{font-size:30px;margin-bottom:13px}.service-steps p{font-size:12px;color:var(--muted)}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding-top:80px;padding-bottom:85px}.faq-section .text-link{margin-top:28px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:28px;padding:25px 0;font-size:13px;line-height:1.6;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;line-height:1;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-answer{padding:0 25px 25px 0;font-size:12px;color:var(--muted)}.faq-answer a{text-decoration:underline;text-underline-offset:3px}.consult{background:#e5e8dc;text-align:center;padding-top:95px;padding-bottom:100px;position:relative}.consult .eyebrow{font-size:9px}.consult h2{font-size:clamp(64px,6vw,92px)}.consult>p:not(.eyebrow){max-width:480px;margin:26px auto 0;color:#5c6554;font-size:13px}.consult .button{margin-top:30px}.cta-note{display:block;margin-top:18px;font-size:10px;color:#616b59}.site-footer{padding:75px var(--gutter) 22px;background:var(--ink);color:#d7dacd}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:60px;max-width:1280px;margin:auto}.footer-brand{color:#eeeee1;width:fit-content}.footer-brand .brand-type{font-size:47px}.footer-top>div>p{font-size:11px;color:#aeb6a5;margin-top:25px;line-height:1.9}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:11px}.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #a0ad942f;padding-top:22px;margin:60px auto 0;max-width:1280px;font-size:9px;color:#a5b09b}
.page-head{padding-top:55px;padding-bottom:70px}.breadcrumb{display:block;font-size:10px;color:var(--muted);margin-bottom:50px}.page-head .eyebrow{margin-bottom:22px}.page-head h1{font-size:clamp(56px,6.3vw,94px)}.page-head .lead{max-width:630px;margin-top:30px;font-size:15px}.wide-image{height:540px;position:relative;overflow:hidden}.wide-image img{width:100%;height:100%;object-position:center 60%}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.editorial h2{font-size:clamp(43px,4vw,62px)}.editorial>div:last-child{padding-top:28px;font-size:14px;color:var(--muted)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding-top:65px;border-top:1px solid var(--line)}.pillars h3{font-size:37px;margin-bottom:20px}.pillars p:not(.eyebrow){font-size:13px;color:var(--muted)}.finish-page{padding-top:0;padding-bottom:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 100px;padding-top:40px}.detail-grid article{border-top:1px solid var(--line);padding-top:24px}.detail-grid article>span{font-size:11px;color:var(--muted)}.detail-grid h3{font-size:37px;margin:25px 0 18px}.detail-grid p{font-size:13px;color:var(--muted)}.note-banner{background:var(--sand);display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.note-banner h2{font-size:clamp(38px,4vw,57px)}.note-banner p{font-size:13px;color:var(--muted)}.smart-page{padding-top:0;padding-bottom:20px}.rhythm-section{background:#e8eadf;display:grid;grid-template-columns:1fr 1fr;gap:10%;scroll-margin-top:30px}.rhythm-section h2{font-size:55px}.rhythm-section>div>p:not(.eyebrow){margin-top:25px;font-size:13px;color:var(--muted)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0;font-size:13px;font-weight:500;margin-bottom:16px}.rhythm-form{display:flex;flex-direction:column;gap:25px}.radio-pills{display:flex;gap:15px;flex-wrap:wrap}.radio-pills label{font-size:12px;flex-direction:row;gap:7px;align-items:center}.radio-pills input{width:16px;height:16px;accent-color:var(--ink)}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500}input,select,textarea{border:1px solid #b9beaf;border-radius:0;padding:14px 15px;background:#f8f8f1;color:var(--ink);width:100%;min-width:0;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid #839173;outline-offset:1px}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check-label{display:flex;flex-direction:row;align-items:flex-start;gap:12px;font-size:12px;font-weight:400;cursor:pointer}.check-label input{width:17px;height:17px;flex:none;accent-color:var(--ink);margin:3px 0}.rhythm-form .button{align-self:flex-start}.rhythm-result{padding:22px;background:#f7f7ed;border:1px solid #b8c0a9;font-size:13px}.rhythm-result h3{font-size:30px;margin-bottom:14px}.rhythm-result ul{padding-left:20px;margin:0}.rhythm-result .text-link{margin-top:15px}.compatibility{display:grid;grid-template-columns:1fr 1fr;gap:10%}.compatibility h2{font-size:55px}.compatibility-list article{display:flex;gap:25px;border-top:1px solid var(--line);padding:28px 0}.compatibility-list article>span{font-size:10px;padding-top:4px;color:var(--muted)}.compatibility-list h3{font-size:31px;margin-bottom:15px}.compatibility-list p{font-size:12px;color:var(--muted)}.process-list{padding-top:0}.process-list article{display:grid;grid-template-columns:1fr 3fr;gap:70px;padding:60px 0;border-top:1px solid var(--line)}.process-list article>span{font:300 84px/1 var(--serif);color:#8a947d}.process-list article>div{max-width:670px}.process-list .eyebrow{margin-bottom:16px}.process-list h2{font-size:52px;margin-bottom:20px}.process-list p:not(.eyebrow){font-size:14px;color:var(--muted)}.advice-section{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding-top:30px}.advice-section aside h2{font-size:43px}.advice-section aside>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:23px}.mini-steps{padding-left:18px;font-size:12px;color:var(--muted);line-height:2.3;margin-top:24px}.preview-note{padding:20px;border:1px solid var(--line);margin-top:40px;font-size:11px;color:var(--muted)}.preview-note strong{color:var(--ink);font-weight:500}.preview-note p{margin-top:8px}.advice-form{background:#eaece2;padding:38px 40px}.form-progress{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.08em;color:#616c55;border-bottom:1px solid #c9cfbc;padding-bottom:20px;margin-bottom:35px}.advice-form legend{font:400 38px/1.05 var(--serif);letter-spacing:-.025em;margin-bottom:28px}.advice-form fieldset>label{margin:22px 0}.advice-form .form-grid{margin-bottom:28px}.advice-form .fineprint{font-size:10px;margin-top:30px}.form-buttons{display:flex;justify-content:space-between;gap:20px;margin-top:28px}.back-button{background:transparent;border:0;font-size:12px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.advice-form #advice-result h2{font-size:44px;margin-bottom:25px}.advice-form #advice-result>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:24px 0}.advice-form #edit-advice{display:block;margin-top:15px}.advice-summary-row{border-top:1px solid #c9cfbc;padding:15px 0;font-size:12px;overflow-wrap:anywhere}.advice-summary-row dt{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.advice-summary-row dd{margin:4px 0 0}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:20px}.knowledge-grid>a{background:#e8e5dc;padding:40px 30px;transition:background .25s}.knowledge-grid>a:hover{background:#e0e2d5}.knowledge-grid h2{font-size:45px}.knowledge-grid p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:22px}.knowledge-grid .text-link{font-size:10px;margin-top:30px;gap:15px}.article-body{max-width:900px;padding-top:20px;padding-bottom:100px}.article-body h2{font-size:38px;margin:42px 0 20px}.article-body>h2:first-child{margin-top:0}.article-body p,.article-body li{font-size:14px;color:var(--muted)}.article-body ul{padding-left:20px}.article-body li{margin-bottom:10px}.article-body a:not(.button){text-decoration:underline;text-underline-offset:4px}.article-body .article-source{font-size:11px;margin-top:35px}.article-body>.button{margin-top:35px}.table-scroll{overflow:auto;margin:40px 0}table{border-collapse:collapse;width:100%;font-size:12px}caption{text-align:left;margin-bottom:15px;font-weight:500}th,td{text-align:left;border-bottom:1px solid var(--line);padding:16px 14px;min-width:130px}th{font-weight:500}td{color:var(--muted)}
@media(min-width:1600px){.hero-content{padding-left:80px}.hero-bottom{max-width:1320px;margin:auto}.site-header,.assurance-strip{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}}
@media(max-width:1150px){.desktop-nav{gap:18px}.desktop-nav a{font-size:10px}.site-header{gap:24px}.header-cta{font-size:10px;padding:10px 12px;gap:15px}.brand-type{font-size:36px}.material-controls{padding:40px 30px}.scene-controller{padding:30px 25px}.scene-heading{gap:5px}.scene-tabs{gap:15px}.service-story{gap:9%}.hero h1{font-size:76px}.solar-visual{height:570px}}
@media(max-width:950px){.desktop-nav{display:none}.site-header{height:85px}.header-cta{margin-left:auto;font-size:11px}.menu-toggle{display:flex;font-size:11px}.hero{height:680px;min-height:0}.hero h1{font-size:72px}.section{padding-top:80px;padding-bottom:80px}.introduction,.solar-story{gap:6%}.introduction h2{font-size:44px}.assurance-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;font-size:10px}.assurance-strip span{gap:12px}.material-selector{grid-template-columns:1.1fr 1fr;min-height:420px}.shutter-display{padding:40px 30px;min-height:420px}.sample-window{height:315px}.material-controls h3{font-size:32px}.detail-bottom{gap:35px;align-items:start}.detail-bottom>p{font-size:12px}.detail-bottom .text-link{font-size:11px}.solar-copy h2{font-size:46px}.solar-visual{height:570px}.scene-demo{grid-template-columns:1fr 1fr}.scene-controller{padding:26px 22px}.scene-tabs{gap:14px}.scene-tabs button{font-size:9px}.scene-row{gap:8px}.scene-row>div>span{font-size:10px}.scene-row small{font-size:8px}.scene-row strong{font-size:9px}.scene-result h3{font-size:29px}.service-story{gap:8%}.faq-section{gap:7%;grid-template-columns:.8fr 1.2fr}.pillars{gap:30px}.pillars h3{font-size:31px}.detail-grid{gap:40px 60px}.rhythm-section,.compatibility{gap:6%}.rhythm-section h2,.compatibility h2{font-size:46px}.advice-section{grid-template-columns:.8fr 1.2fr;gap:6%}.advice-form{padding:30px 25px}.knowledge-grid{gap:20px}.knowledge-grid>a{padding:30px 22px}.knowledge-grid h2{font-size:36px}.knowledge-grid .text-link{gap:6px}}
@media(max-width:700px){:root{--gutter:24px}body{font-size:14px}.section{padding-top:66px;padding-bottom:66px}h2{font-size:46px}.site-header{height:80px;gap:20px}.brand-mark{width:24px;height:30px}.brand{gap:10px}.brand-type{font-size:36px}.brand-type>span{font-size:7px;letter-spacing:.32em;margin-top:8px}.header-cta{display:none}.menu-toggle{margin-left:auto;min-height:44px;gap:10px}.hero{height:690px;max-height:none;min-height:600px;align-items:flex-start}.hero-image{object-position:64% center}.hero-overlay{background:linear-gradient(180deg,#17201794 0%,#17201751 50%,#17201710 75%,#17201766 100%),linear-gradient(90deg,#17201730,transparent)}.hero-content{padding:76px var(--gutter) 100px;margin:0}.hero .eyebrow{font-size:8px;letter-spacing:.14em;max-width:280px;line-height:1.8;margin-bottom:24px}.hero h1{font-size:clamp(50px,9.5vw,68px);line-height:1.02;letter-spacing:-.045em}.hero-content>p:not(.eyebrow){font-size:13px;margin-top:24px;max-width:320px}.hero .button{margin-top:27px;padding:16px 18px;gap:27px;font-size:11px;min-height:54px}.hero-bottom{bottom:22px;font-size:9px}.hero-bottom a{gap:15px}.hero-bottom>span{font-size:8px;max-width:84px;text-align:right}.assurance-strip{font-size:9px;padding:24px var(--gutter);gap:14px 14px;line-height:1.5}.assurance-strip span{gap:8px}.assurance-strip span:before{width:3px;height:3px}.introduction{grid-template-columns:1fr;gap:25px;padding-top:74px;padding-bottom:75px}.introduction h2{font-size:42px}.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:20px}.intro-copy{padding-top:0;font-size:13px}.intro-copy .text-link{margin-top:18px}.section-heading{margin-bottom:30px}.detail-section{padding-top:62px;padding-bottom:55px}.detail-section .section-heading h2{font-size:43px}.material-selector{grid-template-columns:1fr;min-height:0}.shutter-display{min-height:370px;padding:35px 30px 50px}.sample-window{height:295px;width:180px;min-width:0}.sample-box{height:31px}.sample-box>span{height:14px;top:8px;width:74px}.sample-glass{top:30px;border-left-width:6px;border-right-width:6px}.sample-label{left:20px;bottom:20px;font-size:7px}.material-controls{padding:28px 25px 32px;border-top:1px solid #c7c8ba}.material-controls .eyebrow{font-size:8px;margin-bottom:14px}.material-controls h3{font-size:33px;margin-bottom:14px}.material-controls p:not(.eyebrow):not(.fineprint){font-size:12px;max-width:none;min-height:44px}.swatches{margin:24px 0 18px;gap:20px}.material-controls .fineprint{font-size:10px}.detail-bottom{flex-direction:column;gap:15px;margin-top:26px}.detail-bottom>p{font-size:12px}.solar-story{grid-template-columns:1fr;gap:35px}.solar-visual{height:430px}.solar-label{left:22px;bottom:35px;font-size:24px}.solar-copy h2{font-size:48px}.solar-copy p{font-size:13px}.quiet-note{margin-top:28px;padding-top:20px;max-width:none}.smart-section{padding-top:60px;padding-bottom:55px}.smart-heading{grid-template-columns:1fr;gap:24px}.smart-heading h2{font-size:53px}.smart-heading>p{font-size:12px;max-width:430px}.scene-demo{grid-template-columns:1fr}.scene-picture{height:320px}.scene-picture>img{min-height:0;height:100%;object-position:center 55%}.scene-time{left:24px;bottom:25px}.scene-time>span{font-size:60px}.scene-time small{font-size:7px}.scene-controller{padding:25px 23px 30px}.scene-heading{margin-bottom:17px}.scene-heading .eyebrow{font-size:7px}.demo-tag{font-size:8px}.scene-tabs{gap:0;justify-content:space-between}.scene-tabs button{font-size:10px;padding:12px 0;min-height:44px}.scene-result h3{font-size:31px;margin-top:24px}.scene-row>div>span{font-size:11px}.scene-row small{font-size:9px}.scene-row strong{font-size:10px}.scene-row{gap:10px}.scene-controller>.fineprint{font-size:9px}.service-story{grid-template-columns:1fr;gap:36px}.service-story>div>p:not(.eyebrow){max-width:none}.service-steps li{gap:23px;padding:23px 0}.service-steps h3{font-size:29px}.faq-section{grid-template-columns:1fr;gap:34px}.faq-section h2{font-size:46px}.faq-section .text-link{margin-top:17px}.faq-list summary{font-size:12px;padding:22px 0}.faq-answer{font-size:12px;padding-right:0}.consult{padding-top:68px;padding-bottom:70px}.consult h2{font-size:69px}.consult>p:not(.eyebrow){font-size:12px;max-width:330px}.consult .button{font-size:11px;padding:17px 22px}.cta-note{font-size:9px}.site-footer{padding-top:50px}.footer-top{grid-template-columns:1fr 1fr;gap:34px 20px}.footer-top>div:first-child{grid-column:1/-1}.footer-brand .brand-type{font-size:42px}.footer-top>div>p{font-size:10px;line-height:1.9;margin-top:21px}.footer-links{font-size:10px;gap:13px}.footer-bottom{flex-direction:column;gap:8px;margin-top:36px;font-size:8px;padding-top:19px}.page-head{padding-top:32px;padding-bottom:50px}.breadcrumb{margin-bottom:36px}.page-head h1{font-size:56px}.page-head .lead{font-size:14px;margin-top:25px}.wide-image{height:340px}.wide-image img{object-position:67% center}.editorial{grid-template-columns:1fr;gap:25px}.editorial h2{font-size:46px}.editorial>div:last-child{padding-top:0;font-size:13px}.pillars{grid-template-columns:1fr;gap:40px;padding-top:50px}.pillars h3{font-size:35px}.pillars article{max-width:440px}.finish-page{padding-top:0;padding-bottom:0}.detail-grid{grid-template-columns:1fr;gap:35px;padding-top:10px}.detail-grid h3{font-size:34px;margin-top:18px}.note-banner{grid-template-columns:1fr;gap:28px}.note-banner h2{font-size:41px}.smart-page{padding-top:0;padding-bottom:0}.rhythm-section,.compatibility{grid-template-columns:1fr;gap:38px}.rhythm-section h2,.compatibility h2{font-size:46px}.rhythm-section>div>p:not(.eyebrow){font-size:12px}.rhythm-form{gap:23px}.radio-pills{gap:17px}.radio-pills label{font-size:11px}.form-grid{gap:14px}.form-grid label{font-size:11px}.compatibility-list article{padding:23px 0}.process-list{padding-top:0}.process-list article{grid-template-columns:44px 1fr;gap:20px;padding:38px 0}.process-list article>span{font-size:49px}.process-list h2{font-size:37px}.process-list p:not(.eyebrow){font-size:12px}.process-list .eyebrow{font-size:8px}.advice-section{grid-template-columns:1fr;gap:35px;padding-top:0}.advice-section aside h2{font-size:42px}.preview-note{margin-top:26px}.advice-form{padding:28px 22px}.advice-form legend{font-size:33px}.advice-form .form-grid{grid-template-columns:1fr;gap:22px}.advice-form .button{font-size:11px;padding:16px 18px;gap:15px;min-height:54px}.advice-form #advice-result h2{font-size:40px}.advice-form .form-buttons{gap:16px}.form-progress{font-size:8px}.knowledge-grid{grid-template-columns:1fr;padding-top:0}.knowledge-grid>a{padding:36px 28px}.knowledge-grid h2{font-size:45px}.knowledge-grid .text-link{font-size:11px;gap:20px}.article-body{padding-top:0}.article-body h2{font-size:33px}.article-body p,.article-body li{font-size:13px}}
@media(max-width:360px){:root{--gutter:20px}.hero h1{font-size:45px}.hero{height:650px}.hero-content{padding-top:63px}.hero-content>p:not(.eyebrow){font-size:12px}.hero .button{gap:18px;padding:15px 14px;font-size:10px}.assurance-strip{font-size:8px}.introduction h2,.detail-section .section-heading h2{font-size:37px}.scene-controller{padding:24px 18px}.scene-row{gap:7px}.scene-row>div>span{font-size:10px}.scene-row small{font-size:8px}.scene-result h3{font-size:27px}.page-head h1{font-size:48px}.advice-form{padding:25px 18px}.advice-form .button{font-size:10px;padding:14px}.material-controls{padding:25px 22px}.sample-window{height:280px}.shutter-display{min-height:350px}.rhythm-section .form-grid{grid-template-columns:1fr}.radio-pills{gap:12px}.scene-heading{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
