/* Architectural motion: locally hosted GSAP; an abstract gradient remains the fallback. */
.hero:before{background:radial-gradient(ellipse at 75% 25%,#252b31,#10151c 70%)}
.architecture-background{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#10151c}
.architecture-camera,.architecture-drift{position:absolute;inset:-6%;will-change:transform}
.architecture-scene{width:100%;height:100%;max-width:none;filter:saturate(.7);display:block}

.architecture-background + .wrap{position:relative}
.hero:after{background:linear-gradient(90deg,rgba(5,8,12,.92),rgba(6,9,13,.69) 48%,rgba(6,9,13,.15)),linear-gradient(0deg,rgba(5,8,12,.8),transparent 55%);pointer-events:none}


@media(max-width:760px){.architecture-camera,.architecture-drift{inset:-4%}.hero:after{background:linear-gradient(90deg,#080c11ed,#080c1199),linear-gradient(0deg,#080c11cc,transparent)}}
@media(prefers-reduced-motion:reduce){.architecture-camera,.architecture-drift{will-change:auto}}