.facade-story{--facade-top:82px;position:relative;height:340svh;background:#f0f3ef;scroll-margin-top:82px}
.facade-pin{position:sticky;top:var(--facade-top);height:calc(100svh - var(--facade-top));min-height:580px;max-height:1000px;display:flex;flex-direction:column;padding:30px var(--pad) 18px;overflow:hidden}
.facade-scenegrid{display:grid;grid-template-columns:38% 62%;flex:1;min-height:0;gap:0}
.facade-copy{display:flex;flex-direction:column;align-items:start;padding:5px 8px 10px 0;z-index:1;min-width:0}
.facade-titlegroup h2{font-size:clamp(42px,4.4vw,67px);line-height:1.01;max-width:18ch;text-wrap:balance}
.facade-titlegroup h2 span{display:block}
.facade-titlegroup>p{font-size:13px;line-height:1.65;color:#435c54;max-width:37ch;margin-top:17px}
.facade-phase-copy{margin-top:auto;padding-top:25px;padding-bottom:22px;min-height:145px}
.facade-phase-copy .label{color:#11747c;font-size:10px;letter-spacing:.09em;margin-bottom:13px}
.facade-phase-copy h3{font-size:clamp(28px,2.6vw,40px);line-height:1.06;max-width:22ch}
.facade-phase-copy>p:not(.label){font-size:12px;line-height:1.65;color:#51635d;max-width:35ch;margin-top:10px}
.facade-project-link{font-size:11px;min-height:44px;padding:11px 20px;margin-top:5px}
.facade-stage{min-width:0;min-height:0;position:relative;margin-left:-12px}
.facade-stage canvas{width:100%;height:100%;display:block;pointer-events:none}
.facade-poster{position:absolute;inset:0;object-fit:contain;width:100%;height:100%;pointer-events:none}
.facade-load-state{position:absolute;top:5px;right:0;font-size:10px;color:#51675d;background:#f0f3ef;padding:3px 8px;max-width:30ch}
.facade-stage[aria-busy=false] .facade-load-state{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.facade-footer{padding-top:10px;flex-shrink:0}
.facade-progressline{display:flex;align-items:center;gap:18px;padding-right:64px}
.facade-progressline>p{font-size:10px;color:#4f665b;white-space:nowrap}
.facade-progressline input{width:100%;min-width:40px;accent-color:#48b8bf;height:22px;cursor:pointer}
.facade-progressline output{font-size:10px;font-weight:700;white-space:nowrap;min-width:33px;color:#1e4437;text-align:right}
.facade-stage-nav{display:flex;align-items:center;gap:23px;margin-top:6px;flex-wrap:wrap}
.facade-stage-nav button,.facade-pause{background:transparent;border:0;font-family:Manrope,sans-serif;font-size:11px;color:#5a6c63;padding:8px 0;cursor:pointer;line-height:1.5}
.facade-stage-nav button[aria-current=step]{font-weight:800;color:#0c6871;box-shadow:inset 0 -2px #48b8bf}
.facade-stage-nav button:hover,.facade-pause:hover{color:#074e54}
.facade-stage-nav .facade-pause{margin-left:28px;font-size:10px;text-decoration:underline;text-underline-offset:4px}
.facade-story button:focus-visible,.facade-story input:focus-visible{outline:3px solid #117b83;outline-offset:4px}
.facade-story [hidden]{display:none!important}
.facade-story[data-manual=true]{height:auto}
.facade-story[data-manual=true] .facade-pin{position:relative;top:auto;height:min(780px,calc(100svh - var(--facade-top)));min-height:600px}
.facade-story[data-manual=true] .facade-pause{display:none}
.facade-story[data-ready=fallback] .facade-pause{display:none}
@media(min-width:1680px){.facade-pin{padding-top:40px;padding-bottom:28px}.facade-titlegroup h2{font-size:72px}.facade-titlegroup>p{font-size:14px}.facade-phase-copy h3{font-size:43px}}
@media(min-width:701px) and (max-height:780px){.facade-pin{padding-top:22px;padding-bottom:12px;min-height:535px}.facade-titlegroup h2{font-size:45px}.facade-titlegroup>p{font-size:12px;margin-top:13px}.facade-phase-copy{min-height:125px;padding-top:15px;padding-bottom:12px}.facade-phase-copy h3{font-size:30px}.facade-phase-copy>p:not(.label){font-size:11px}.facade-phase-copy .label{margin-bottom:9px}.facade-footer{padding-top:3px}}
@media(max-width:1000px) and (min-width:701px){.facade-titlegroup h2{font-size:43px}.facade-titlegroup>p{font-size:12px}.facade-phase-copy h3{font-size:28px}.facade-scenegrid{grid-template-columns:40% 60%}.facade-stage{margin-left:-20px}}
@media(max-width:700px){
 .facade-story{--facade-top:72px;height:260svh;scroll-margin-top:72px}
 .facade-pin{height:calc(100svh - 72px);min-height:585px;max-height:950px;padding:22px var(--pad) 12px}
 .facade-scenegrid,.facade-copy{display:contents}
 .facade-titlegroup{order:0}
 .facade-titlegroup h2{font-size:35px;line-height:1.02;max-width:none;text-wrap:initial}
 .facade-titlegroup>p{font-size:11px;max-width:46ch;line-height:1.6;margin-top:11px}
 .facade-stage{order:1;flex:1;min-height:225px;margin:0 -18px}
 .facade-phase-copy{order:2;margin-top:0;padding:3px 0 6px;min-height:85px}
 .facade-phase-copy .label{font-size:9px;margin-bottom:7px}
 .facade-phase-copy h3{font-size:26px;max-width:none}
 .facade-phase-copy>p:not(.label){font-size:10px;max-width:47ch;line-height:1.6;margin-top:6px}
 .facade-project-link{order:4;align-self:start;min-height:auto;padding:3px 0;margin-top:10px;background:none!important;color:#17483d!important;border:0;border-bottom:1px solid #17483d;font-size:10px}
 .facade-footer{order:3;padding-top:2px}
 .facade-progressline{gap:10px;padding-right:48px}
 .facade-progressline>p{font-size:9px;max-width:19ch;white-space:normal;line-height:1.4}
 .facade-progressline output{font-size:9px;min-width:26px}
 .facade-stage-nav{gap:0;justify-content:space-between;margin-top:4px;padding-right:50px}
 .facade-stage-nav button{font-size:9px;padding:7px 0}
 .facade-stage-nav .facade-pause{font-size:9px;margin-left:0;flex-basis:100%;text-align:left;padding-top:6px}


 .facade-load-state{font-size:9px;right:10px;top:9px}
 .facade-story[data-manual=true] .facade-pin{height:auto;min-height:730px}
 .facade-story[data-manual=true] .facade-stage{height:280px;flex:none}
}
@media(max-width:700px) and (max-height:750px){.facade-pin{padding-top:15px;min-height:535px}.facade-titlegroup h2{font-size:29px}.facade-titlegroup>p{font-size:10px;margin-top:8px}.facade-stage{min-height:195px}.facade-phase-copy{min-height:72px}.facade-phase-copy h3{font-size:23px}.facade-phase-copy>p:not(.label){font-size:9px}.facade-stage-nav .facade-pause{position:absolute;right:var(--pad);bottom:17px;flex-basis:auto}.facade-project-link{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.facade-story{height:auto}.facade-pin{position:relative;top:auto}.facade-stage-nav button{scroll-behavior:auto}}
@media(max-width:700px) and (max-height:750px){.facade-stage-nav .facade-pause{right:calc(var(--pad) + 54px)}}
@media(max-width:700px) and (max-height:750px){.facade-phase-copy>p:not(.label){display:none}.facade-stage-nav button{min-height:34px}.facade-stage-nav .facade-pause{min-height:24px;padding:0}}

.facade-phase-copy{margin-top:clamp(22px,4vh,52px);padding-top:0;padding-bottom:0;min-height:0}
.facade-stage-list{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:20px}
.facade-stage-list button{border:0;background:transparent;font:500 13px/1.5 Manrope,sans-serif;color:#5a6c63;padding:4px 0;cursor:pointer;text-align:left}
.facade-stage-list button[aria-current=step]{color:#0c6871;font-weight:800;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.facade-stage-list button:hover{color:#074e54}
.facade-project-link{margin-top:24px}
.facade-stage-nav{justify-content:flex-start;gap:0;padding-right:64px}
.facade-stage-nav .facade-pause{margin-left:0}
@media(min-width:701px) and (max-height:780px){.facade-phase-copy{margin-top:16px}.facade-stage-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;margin-top:12px;min-width:190px}.facade-stage-list button{font-size:11px}.facade-project-link{margin-top:14px}}
@media(max-width:700px){
 .facade-phase-copy{margin-top:0;padding:3px 0 6px;min-height:85px}
 .facade-stage-list{order:3;flex-direction:row;justify-content:space-between;gap:0;margin-top:0;padding-right:48px;align-items:center}
 .facade-stage-list button{font-size:9px;min-height:34px;padding:8px 0}
 .facade-footer{order:4}
 .facade-stage-nav{padding-right:50px;margin-top:0}
 .facade-project-link{order:5;margin-top:7px}
}
@media(max-width:700px) and (max-height:750px){.facade-phase-copy{min-height:72px}.facade-stage-list button{min-height:32px;padding:6px 0}.facade-project-link{margin-top:6px}}