.architecture-journey{height:570svh;background:oklch(8% .004 90)}.architecture-stage{background:oklch(8% .004 90);isolation:isolate}.architecture-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.architecture-ready .architecture-fallback{opacity:0}#architecture-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.architecture-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,oklch(8% .004 90 / .3),transparent 20%,transparent 63%,oklch(8% .004 90 / .65));z-index:1}.architecture-top{position:absolute;inset:32px 4vw auto;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:14px;letter-spacing:.04em}.architecture-top i{font-size:11px;font-style:normal;letter-spacing:0;margin-left:25px;color:var(--muted)}.architecture-top a{font-size:11px;color:var(--text);text-decoration:none;min-height:44px;display:flex;align-items:center}.architecture-heading{position:absolute;left:5vw;bottom:16%;z-index:2;pointer-events:none;max-width:70vw}.architecture-eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);margin:0 0 22px}.architecture-heading h1{font-family:'Avenir Next',Avenir,Manrope,sans-serif;font-size:clamp(46px,5.5vw,88px);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:0;color:var(--text)}.architecture-subtitle{font-size:13px;color:var(--muted);margin:24px 0 0;line-height:1.7}.architecture-caption{position:absolute;left:5vw;top:19%;z-index:2;opacity:0;pointer-events:none}.architecture-caption span{font-size:9px;color:var(--gold);letter-spacing:.16em}.architecture-caption p{font-size:clamp(23px,2.7vw,42px);line-height:1.2;font-weight:400;letter-spacing:-.02em;margin:18px 0}.architecture-end{position:absolute;left:5vw;bottom:20%;z-index:2;opacity:0;pointer-events:none}.architecture-end>p{font-size:11px;letter-spacing:.18em;margin:0 0 22px}.architecture-end h2{font-size:clamp(48px,6.6vw,104px);line-height:1.03;font-weight:400;letter-spacing:-.025em;text-shadow:0 3px 30px oklch(8% .004 90 / .45);margin:0}.architecture-bottom{position:absolute;bottom:68px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;z-index:4;gap:25px}.architecture-steps{display:flex;gap:26px;position:relative;padding-bottom:15px;font-size:9px;letter-spacing:.06em;color:oklch(55% .01 90)}.architecture-steps .active{color:var(--text)}.architecture-steps>i{position:absolute;bottom:0;left:0;right:0;height:1px;background:oklch(35% .01 90);display:block}.architecture-steps b{display:block;height:1px;background:var(--gold);width:100%;transform:scaleX(0);transform-origin:left}.architecture-bottom #flight-instruction{position:static;text-align:center;font-size:11px;margin:0;letter-spacing:.01em;color:var(--muted)}.architecture-bottom #flight-instruction span{display:inline-block;margin-left:15px;color:var(--gold)}#architecture-motion{font-size:10px;padding:12px 0;min-width:90px;text-align:right;color:var(--muted);min-height:44px}.architecture-stage .story-disclaimer{bottom:24px;left:5vw;right:5vw;color:oklch(55% .009 90);font-size:8px;line-height:1.7;max-width:100ch;z-index:3;text-shadow:none}.architecture-stage:after{height:30px}.architecture-static .architecture-heading{opacity:1!important}.architecture-static .architecture-caption,.architecture-static .architecture-end{display:none}.architecture-static .architecture-fallback{opacity:.7}.architecture-static #architecture-canvas{display:none}.architecture-static .architecture-steps{display:none}.architecture-static #architecture-motion{display:none}
@media(max-height:680px){.architecture-heading{bottom:19%}.architecture-heading h1{font-size:clamp(40px,4.5vw,65px)}.architecture-caption{top:18%}.architecture-end{bottom:22%}.architecture-end h2{font-size:clamp(46px,5.5vw,78px)}.architecture-bottom{bottom:56px}.architecture-stage .story-disclaimer{bottom:16px}}
@media(prefers-reduced-motion:reduce){.architecture-journey{height:100svh}.architecture-heading{opacity:1!important}.architecture-fallback{opacity:.6!important}.architecture-caption,.architecture-end,#architecture-canvas,.architecture-steps,#architecture-motion{display:none!important}}
@media print{.architecture-journey{height:90vh}.architecture-stage{position:relative;height:90vh}.architecture-fallback{opacity:.7!important}.architecture-heading{opacity:1!important}.architecture-caption,.architecture-end,#architecture-canvas,.architecture-bottom{display:none!important}}
#hero.architecture-journey{height:540svh}#hero .architecture-stage{height:100svh;min-height:0}.architecture-steps button{font:inherit;letter-spacing:inherit;color:inherit;padding:8px 0;background:none;border:0;min-height:32px}.architecture-steps{gap:26px}.architecture-steps button.active{color:var(--text)}
@media(prefers-reduced-motion:reduce){#hero.architecture-journey{height:100svh}}
@media print{#hero.architecture-journey{height:90vh}}

/* Keep every image-derived point registered without cropping the building at tall aspect ratios. */
#hero .architecture-fallback{object-fit:contain;background:oklch(8% .004 90)}