@font-face{font-family:'Lexend Deca';font-style:normal;font-weight:100 900;font-display:swap;src:url('./assets/brand/lexend-deca-latin.woff2') format('woff2')}
:root{font-family:'Lexend Deca',Arial,sans-serif;font-synthesis:none;color:#071b2b;background:#f4efe5;--ink:#071b2b;--ink-2:#0d2f49;--blue:#154a6c;--cream:#f4efe5;--paper:#fbf8f2;--muted:#64717b;--orange:#ef8b2c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}
.site-header{position:fixed;inset:0 0 auto;z-index:10;height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5vw;background:rgba(7,27,43,.94);border-bottom:1px solid #ffffff24;backdrop-filter:blur(18px);color:var(--paper)}
.wordmark{display:flex;align-items:center;gap:20px}.wordmark img{display:block;width:130px;height:auto}.renova-mark{font-size:11px;font-weight:400;letter-spacing:.23em;color:var(--cream);border-left:1px solid #ffffff40;padding:12px 0 12px 20px}.header-caption{font-size:13px;font-weight:300;color:#f4efe5ab}.header-link{font-size:13px;font-weight:500;display:flex;align-items:center;gap:24px;padding:12px 18px;border:1px solid #ffffff38}.header-link span{color:var(--orange)}.header-link:hover{border-color:var(--orange)}
.story{height:700svh;position:relative}.scene-pin{height:100svh;position:sticky;top:0;overflow:hidden}.stage{position:absolute;inset:0;background:#e8e6e1}.stage canvas{display:block;width:100%;height:100%;pointer-events:none}.copy-shade{position:absolute;inset:0 auto 0 0;width:36%;background:linear-gradient(90deg,rgba(244,239,229,.97),rgba(244,239,229,.91) 55%,rgba(244,239,229,0));pointer-events:none}
.story-copy{position:absolute;left:5vw;top:50%;transform:translateY(-50%);max-width:30vw;pointer-events:none;will-change:opacity;opacity:0}.intro-copy{opacity:var(--intro-opacity,1)}.open-copy{opacity:var(--open-opacity,0)}.closing-copy{opacity:var(--closing-opacity,0)}.exit-copy{opacity:var(--exit-opacity,0)}.frame-copy{opacity:var(--frame-opacity,0)}.intro-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:400;letter-spacing:.23em;color:var(--blue);margin:0 0 30px;line-height:1.5}.eyebrow:before{content:'';flex:none;display:block;width:34px;height:1px;background:var(--orange)}
h1,h2{font:500 clamp(44px,5.1vw,80px)/.95 'Lexend Deca',Arial,sans-serif;letter-spacing:-.075em;margin:0;color:var(--ink)}h1 em,h2 em{font-style:normal;font-weight:500;color:var(--orange)}h2{font-size:clamp(42px,4.65vw,72px);letter-spacing:-.055em;line-height:1.02}.intro-description,.stage-description{font-size:16px;font-weight:300;line-height:1.65;color:var(--muted);margin:28px 0 30px;max-width:310px}.stage-description{margin-bottom:0}.scroll-link{font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:25px;padding:16px 22px;border:1px solid #071b2b45;color:var(--ink)}.scroll-link span{color:var(--orange)}.scroll-link:hover{border-color:var(--orange)}
.scene-caption{position:absolute;left:5vw;bottom:40px;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:300;color:var(--muted)}.caption-rule{height:1px;width:34px;background:var(--orange)}.scroll-meter{position:absolute;right:5vw;bottom:38px;width:154px}.meter-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:var(--muted);margin-bottom:10px}.meter-label output{font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--blue)}.meter-track{height:1px;background:#071b2b26}.meter-track span{display:block;background:var(--orange);height:100%;width:0}.restart-link{position:absolute;right:5vw;bottom:86px;font-size:12px;color:var(--blue);border-bottom:1px solid #071b2b45;opacity:var(--end-opacity,0);visibility:var(--end-visibility,hidden);padding-bottom:4px}.scroll-anchor{position:absolute;top:75svh;left:0;width:1px;height:1px;pointer-events:none}
.loading{position:absolute;inset:0;background:#e8e6e1;display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px;font-weight:300;z-index:3;color:var(--muted)}.loading[hidden]{display:none}.loading-line{width:32px;height:1px;background:var(--orange);animation:loadpulse 1s ease-in-out infinite}.error{position:absolute;left:25%;right:15%;top:45%;background:var(--paper);border:1px solid #071b2b25;padding:24px;color:var(--ink);line-height:1.6;z-index:5}.error[hidden]{display:none}.accessible-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes loadpulse{50%{opacity:.3}}
@media(min-width:1700px){.story-copy{left:7vw;max-width:25vw}.scene-caption{left:7vw}}
@media(max-width:1000px){.header-caption{display:none}.story-copy{max-width:31vw}h1{font-size:5.5vw}h2{font-size:5vw}.intro-description,.stage-description{font-size:15px}.eyebrow{font-size:10px;letter-spacing:.18em}.site-header{height:70px}}
@media(max-width:650px){.site-header{height:67px;padding:0 22px;gap:12px}.wordmark{gap:12px}.wordmark img{width:96px}.renova-mark{font-size:9px;padding:9px 0 9px 12px;letter-spacing:.18em}.header-link{font-size:12px;gap:12px;border:0;padding:8px 0}.story{height:550svh}.stage{top:40svh;bottom:44px}.copy-shade{inset:0 0 auto;width:100%;height:42svh;background:linear-gradient(#f4efe5 89%,#f4efe500)}.story-copy{left:24px;top:calc(67px + 3.4svh);transform:none;max-width:90%;width:calc(100% - 48px)}.eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:18px;gap:10px}.eyebrow:before{width:24px}h1,h2{font-size:clamp(38px,10.9vw,51px);line-height:.94;letter-spacing:-.065em}h1 br:nth-of-type(1){display:none}.intro-description,.stage-description{font-size:14px;line-height:1.6;margin:16px 0 18px;max-width:100%}.intro-description br{display:none}.scroll-link{font-size:12px;padding:10px 14px;gap:20px}.scene-caption{left:24px;bottom:23px;font-size:10px;gap:8px}.caption-rule{width:19px}.caption-detail{display:none}.scroll-meter{right:24px;bottom:20px;width:104px}.meter-label{font-size:8px;letter-spacing:.13em;margin-bottom:6px}.meter-label output{font-size:10px}.restart-link{right:24px;bottom:62px;font-size:12px}.error{left:7%;right:7%;top:28%}}
@media(max-width:380px){.site-header{padding:0 17px}.wordmark img{width:84px}.renova-mark{font-size:8px}.header-link{font-size:11px}.story-copy{left:21px;width:calc(100% - 42px)}h1,h2{font-size:10.5vw}.intro-description,.stage-description{font-size:13px}.scroll-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loading-line{animation:none}.story-copy{will-change:auto}}
.acoustic-panel{position:absolute;right:1.8vw;top:50%;transform:translateY(-50%);width:174px;z-index:2;background:#fbf8f2eb;border:1px solid #071b2b24;backdrop-filter:blur(10px);--inside-level:.42;--outside-level:.82}.acoustic-panel button,.acoustic-panel input{font-family:inherit}.acoustic-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-bottom:1px solid #071b2b15;background:transparent;color:var(--blue);padding:13px 14px;font-size:10px;letter-spacing:.13em;font-weight:500;cursor:pointer}.acoustic-chevron{font-size:16px;font-weight:300;letter-spacing:0;color:var(--orange)}#noise-compact-value{display:none;letter-spacing:0;font-size:12px}.is-collapsed #noise-compact-value{display:inline}.is-collapsed .acoustic-chevron{font-size:0}.is-collapsed .acoustic-chevron:after{content:'+';font-size:16px}.is-collapsed .acoustic-toggle{border-bottom:0}.acoustic-body{padding:14px}.acoustic-kicker{font-size:8px;letter-spacing:.12em;color:var(--muted);margin:0 0 10px}.acoustic-state{font-size:11px;color:var(--blue);margin:0 0 15px}.noise-reading{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.noise-reading-label{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.noise-reading strong{display:block;font-size:38px;font-weight:500;letter-spacing:-.06em;line-height:1.2}.noise-reading small{font-size:10px;font-weight:300;letter-spacing:0;margin-left:5px}.noise-columns{height:55px;display:flex;align-items:flex-end;gap:5px;width:25px;border-bottom:1px solid #071b2b30}.noise-column{display:block;width:10px;height:55px;transform-origin:bottom;transition:transform .15s linear}.noise-outside{background:#154a6c50;transform:scaleY(var(--outside-level))}.noise-inside{background:var(--orange);transform:scaleY(var(--inside-level))}.noise-reduction{font-size:9px;color:var(--muted);line-height:1.5;margin:8px 0 20px}.exterior-label{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:9px;color:var(--muted);margin-bottom:10px}.exterior-label output{color:var(--blue);white-space:nowrap;font-size:10px}.acoustic-panel input[type=range]{display:block;width:100%;accent-color:var(--orange);margin:0 0 16px;cursor:pointer}.traffic-toggle{width:100%;min-height:38px;border:1px solid #071b2b35;background:transparent;color:var(--blue);font-size:11px;font-weight:500;cursor:pointer}.traffic-toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}.traffic-toggle:disabled{opacity:.6;cursor:wait}.audio-note{font-size:9px;line-height:1.55;color:var(--muted);margin:9px 0 17px}.audio-error{font-size:11px;line-height:1.5;color:#9b4815}.pvc-reference{border-top:1px solid #071b2b20;padding-top:14px}.pvc-reference>span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.pvc-reference p{font-size:12px;font-weight:500;line-height:1.5;margin:7px 0;color:var(--blue)}.pvc-reference small{font-size:10px;color:var(--muted);line-height:1.6;display:block}.acoustic-source-button{border:0;border-bottom:1px solid #154a6c45;padding:0 0 3px;background:transparent;color:var(--blue);font-size:10px;margin-top:15px;cursor:pointer}
.acoustic-details{position:fixed;max-width:650px;width:calc(100% - 40px);max-height:calc(100svh - 40px);padding:36px;border:1px solid #071b2b30;background:var(--paper);color:var(--ink);overflow:auto}.acoustic-details::backdrop{background:#071b2ba8;backdrop-filter:blur(4px)}.acoustic-details h2{font-size:32px;letter-spacing:-.055em;line-height:1.05;max-width:90%;margin-bottom:22px}.acoustic-details p,.acoustic-details dd{font-size:14px;font-weight:300;line-height:1.75}.acoustic-details .eyebrow{font-size:10px;margin-bottom:20px}.acoustic-details dt{font-size:14px;font-weight:500;margin:25px 0 8px}.acoustic-details dd{margin:0;color:var(--muted)}.acoustic-details a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.acoustic-details .acoustic-method,.acoustic-details .acoustic-credit{font-size:12px;color:var(--muted);border-top:1px solid #071b2b20;padding-top:18px;margin-top:24px}.acoustic-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;background:transparent;color:var(--ink);font-size:27px;font-weight:300;cursor:pointer}.acoustic-panel button:focus-visible,.acoustic-details button:focus-visible,.acoustic-panel input:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:1100px) and (min-width:651px){.acoustic-panel{right:12px;width:156px}.acoustic-body{padding:12px}.acoustic-toggle{padding:12px}.noise-reading strong{font-size:34px}}
@media(max-width:650px){.acoustic-panel{right:14px;top:auto;bottom:105px;transform:none;width:220px}.acoustic-panel.is-collapsed{width:125px}.acoustic-toggle{min-height:44px}.acoustic-body{padding:16px}.acoustic-kicker{font-size:10px}.acoustic-state{font-size:12px;margin-bottom:12px}.noise-reading-label{font-size:12px}.noise-reduction{font-size:11px;margin-bottom:15px}.exterior-label{font-size:11px}.exterior-label output{font-size:12px}.traffic-toggle{min-height:42px;font-size:12px}.audio-note{font-size:11px;margin-bottom:12px}.pvc-reference>span{font-size:10px}.pvc-reference p{font-size:13px}.pvc-reference small{font-size:12px}.acoustic-source-button{font-size:12px}.acoustic-details{padding:30px 22px}.acoustic-details h2{font-size:28px}.acoustic-close{right:8px;top:8px}}
.acoustic-panel{max-height:calc(100svh - 180px);overflow-y:auto}.pvc-reference .glass-reference{margin-top:9px;font-size:9px;color:var(--blue)}
.acoustic-panel.is-collapsed{top:auto;bottom:105px;transform:none}
.story{height:1405svh}.pvc-intro-copy{opacity:var(--pvc-intro-opacity,0)}.pvc-open-copy{opacity:var(--pvc-open-opacity,0)}.pvc-close-copy{opacity:var(--pvc-close-opacity,0)}
@media(max-width:650px){.story{height:1095svh}#material-caption{max-width:210px;line-height:1.4;font-size:9px}}
.comfort-tabs{display:flex;gap:8px;border-bottom:1px solid #071b2b20;margin-bottom:17px}.comfort-tabs button{flex:1;min-height:34px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:10px;padding:0 0 9px;cursor:pointer}.comfort-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--orange)}
.energy-chart{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.energy-bar-item{flex:1;text-align:center}.energy-bar-item strong{font-size:17px;font-weight:500;color:var(--blue)}.energy-bar-item strong small{display:block;font-size:9px;font-weight:300;color:var(--muted);margin-top:3px}.energy-track{height:126px;background:repeating-linear-gradient(to top,#071b2b15 0,#071b2b15 1px,transparent 1px,transparent 25%);display:flex;align-items:flex-end;justify-content:center;margin-top:9px;border-bottom:1px solid #071b2b25}.energy-track span{display:block;width:33px;border-radius:3px 3px 0 0;height:87.5%;background:#154a6c60}.energy-pvc .energy-track span{height:42%;background:var(--orange)}.energy-bar-item p{font-size:10px;color:var(--muted);line-height:1.5}.energy-savings{border-top:1px solid #071b2b20;margin-top:18px;padding-top:17px}.energy-savings>span{font-size:8px;letter-spacing:.06em;line-height:1.6;display:block;color:var(--muted)}.energy-savings>strong{display:block;font-size:34px;color:var(--orange);font-weight:500;letter-spacing:-.05em;margin:8px 0}.energy-savings small{font-size:13px;font-weight:300;margin-left:5px;letter-spacing:0}.energy-savings p,.energy-note{font-size:10px;line-height:1.65;color:var(--muted)}.energy-note{font-size:9px;border-top:1px solid #071b2b15;padding-top:13px}.acoustic-panel.is-collapsed:has(#energy-tab[aria-selected=true]){width:204px}
@media(max-width:650px){.comfort-tabs button{min-height:40px;font-size:12px}.energy-savings>span{font-size:10px}.energy-savings p,.energy-note{font-size:11px}.energy-bar-item p{font-size:12px}.energy-track span{width:42px}}

/* Compact finish drawer and a quiet scroll gesture share the existing palette. */
.finish-toggle{display:flex;align-items:center;gap:12px;min-height:40px;padding:8px 15px;border:1px solid #ffffff45;background:transparent;color:var(--cream);font:400 12px 'Lexend Deca',Arial,sans-serif;cursor:pointer}.finish-toggle:hover,.finish-toggle[aria-expanded=true]{border-color:var(--orange)}.finish-toggle:disabled{opacity:.45;cursor:wait}.finish-trigger-swatch{width:18px;height:18px;border-radius:50%;background:var(--selected-finish,#b19370);border:1px solid #ffffff70}.finish-trigger-plus{color:var(--orange);font-size:19px;line-height:1;margin-left:7px;transition:transform .2s}.finish-toggle[aria-expanded=true] .finish-trigger-plus{transform:rotate(45deg)}
.finish-panel{position:fixed;z-index:20;top:92px;right:3vw;width:380px;max-width:calc(100vw - 32px);max-height:calc(100svh - 112px);padding:23px;background:#fbf8f2f5;border:1px solid #071b2b26;box-shadow:0 15px 45px #071b2b1a;backdrop-filter:blur(18px);overflow-y:auto;overscroll-behavior:contain}.finish-panel[hidden]{display:none}.finish-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.finish-kicker{font-size:8px;letter-spacing:.15em;color:var(--muted);margin:0 0 10px}.finish-heading h2{font-size:25px;letter-spacing:-.055em;line-height:1.15}.finish-close{flex:none;width:32px;height:32px;border:0;background:transparent;color:var(--ink);font-size:25px;cursor:pointer}.finish-status{font-size:11px;line-height:1.6;color:var(--muted);margin:13px 0 20px}.finish-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 9px}.finish-option{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px;border:0;background:transparent;padding:0;color:var(--ink);font-family:inherit;cursor:pointer}.finish-swatch{position:relative;display:block;height:48px;border:1px solid #071b2b24;background:var(--swatch);box-shadow:inset 0 0 0 3px #fbf8f200;transition:box-shadow .15s}.finish-option[data-texture=wood] .finish-swatch{background:repeating-linear-gradient(92deg,transparent 0 2px,#0000000d 2px 3px,transparent 3px 7px,#ffffff18 7px 8px),linear-gradient(110deg,var(--swatch-dark,var(--swatch)),var(--swatch),var(--swatch-light,var(--swatch)))}.finish-option[data-texture=micro] .finish-swatch{background-image:repeating-conic-gradient(#ffffff12 0 25%,#00000012 0 50%);background-size:3px 3px}.finish-option-label{font-size:9px;line-height:1.4;text-align:center;min-height:25px}.finish-option[aria-checked=true] .finish-swatch{outline:2px solid var(--orange);outline-offset:2px;box-shadow:inset 0 0 0 2px var(--paper)}.finish-option[aria-checked=true] .finish-option-label{color:#a64f12}.finish-option:focus-visible,.finish-toggle:focus-visible,.finish-close:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.finish-selection{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #071b2b20;margin-top:20px;padding-top:16px;font-size:12px}.finish-selection strong{font-weight:500}.finish-selection>span{font-size:10px;color:var(--muted)}.finish-note{font-size:9px;line-height:1.6;color:var(--muted);margin:13px 0 0}
.scroll-gesture{position:relative;display:block;width:18px;height:29px;border:1px solid #071b2b80;border-radius:10px;flex:none;overflow:hidden}.scroll-gesture-dot{position:absolute;top:6px;left:7px;width:2px;height:6px;border-radius:3px;background:var(--orange);animation:scrollgesture 2.2s cubic-bezier(.25,.1,.25,1) infinite}@keyframes scrollgesture{0%,12%{transform:translateY(0);opacity:0}25%{opacity:1}68%{transform:translateY(9px);opacity:1}88%,100%{transform:translateY(12px);opacity:0}}
.sound-scene-label{display:block;font-size:8px;letter-spacing:.1em;color:var(--muted);margin:0 0 8px}.sound-scene-wrap{position:relative}.sound-scene-wrap select{display:block;width:100%;min-height:39px;padding:9px 27px 9px 10px;border:1px solid #071b2b30;border-radius:0;appearance:none;background:var(--paper);font:400 10px 'Lexend Deca',Arial,sans-serif;color:var(--ink);cursor:pointer}.sound-scene-wrap>span{position:absolute;right:10px;top:9px;color:var(--orange);pointer-events:none}.sound-scene-description{font-size:9px;line-height:1.5;color:var(--muted);margin:8px 0 12px}.sound-scene-wrap select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.acoustic-credit p{margin:8px 0}.acoustic-panel{width:194px}.acoustic-panel.is-collapsed{width:150px}
@media(max-width:1100px) and (min-width:651px){.acoustic-panel{width:176px}}
@media(max-width:650px){.finish-toggle{font-size:10px;min-height:36px;padding:7px 9px;gap:7px}.finish-trigger-swatch{width:15px;height:15px}.finish-trigger-plus{margin-left:2px;font-size:17px}.finish-panel{top:79px;right:14px;max-height:calc(100svh - 95px);width:362px;padding:20px}.finish-options{gap:13px 8px}.finish-swatch{height:46px}.finish-option-label{font-size:9px}.finish-heading h2{font-size:24px}.finish-selection{font-size:12px}.finish-note{font-size:10px}.scroll-gesture{height:25px;width:16px}.scroll-gesture-dot{left:6px;top:4px}.acoustic-panel{width:235px}.acoustic-panel.is-collapsed{width:135px}.sound-scene-label{font-size:10px}.sound-scene-wrap select{font-size:12px;min-height:42px}.sound-scene-description{font-size:10px}}
@media(prefers-reduced-motion:reduce){.scroll-gesture-dot{animation:none;opacity:1;transform:translateY(3px)}.finish-trigger-plus,.finish-swatch{transition:none}}
.distance-label{margin-top:12px}.sound-reference{font-size:8px;line-height:1.5;color:var(--muted);margin:-7px 0 14px}.acoustic-body{max-height:calc(100svh - 235px);overflow-y:auto;overscroll-behavior:contain}.acoustic-panel{overflow:visible}.acoustic-body[hidden]{display:none}@media(max-width:650px){.sound-reference{font-size:9px}.acoustic-body{max-height:calc(100svh - 235px)}}
.header-controls{display:flex;align-items:center;gap:12px}.header-audio-toggle{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #ffffff45;background:transparent;font:400 12px 'Lexend Deca',Arial,sans-serif;color:var(--cream);cursor:pointer}.header-audio-toggle:hover{border-color:var(--orange)}.header-audio-toggle[aria-pressed=true] svg{color:var(--orange)}.header-audio-toggle[aria-pressed=false] .speaker-waves,.header-audio-toggle[aria-pressed=true] .speaker-muted{display:none}.header-audio-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.header-audio-toggle:disabled{opacity:.5;cursor:wait}@media(max-width:650px){.header-controls{gap:8px}.header-audio-toggle{min-height:36px;width:36px;padding:8px;justify-content:center}.header-audio-toggle>span{display:none}.site-header{padding-left:17px;padding-right:17px}.wordmark{gap:10px}.renova-mark{padding-left:10px}.finish-toggle{gap:6px;padding-left:8px;padding-right:8px}.wordmark img{width:86px}}