[data-hero-backdrop]{background:linear-gradient(90deg,rgba(4,14,24,.5),rgba(4,14,24,.12)),url('/archi-assets/port-hero.webp') center/cover no-repeat!important}
[data-hero-backdrop]::after{background:linear-gradient(0deg,rgba(5,13,22,.45),transparent)!important}
img[src*="archi-logo"]{width:210px!important;height:auto!important;max-width:none!important}
[data-wine-panel][data-wine-variant="red"]{background:linear-gradient(180deg,#76b6e0 0%,#c7e3f4 46%,#fff 100%)!important;overflow:hidden}
[data-wine-panel] > [data-hero-showcase-spotlight]{z-index:1!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}
.archi-aircraft,.archi-airdrop{position:absolute;pointer-events:none;z-index:2;will-change:transform;left:50%;top:30%}
.archi-aircraft{width:min(40vw,680px);aspect-ratio:2/1;transform:translate(100vw,-80vh);mask:none}
.archi-aircraft img,.archi-airdrop img{width:100%;height:auto;display:block}
.archi-airdrop{width:clamp(260px,24vw,380px);transform-origin:50% 0;z-index:1;opacity:0;filter:drop-shadow(0 15px 12px #16202c30)}
@media(max-width:767px){img[src*="archi-logo"]{width:160px!important}.archi-aircraft{width:84vw;top:39%}.archi-airdrop{width:min(58vw,240px);top:39%}}

/* The bay is attached to the fuselage; the payload is layered behind it. */
.cargo-bay{position:absolute;left:61%;top:72%;width:14%;height:4%;background:linear-gradient(180deg,#080b0d,#1b2228);border-radius:12% 12% 28% 28%;opacity:var(--door-open,0);transform:rotate(5deg);box-shadow:inset 0 2px 3px #000}
.cargo-bay i,.cargo-bay b{position:absolute;top:0;width:50%;height:100%;display:block;background:linear-gradient(180deg,#afb4b6,#68757c);border:1px solid #6a747a;box-sizing:border-box;backface-visibility:visible}
.cargo-bay i{left:0;transform-origin:0 0;transform:perspective(120px) rotateY(calc(var(--door-open,0)*-100deg)) translateY(calc(var(--door-open,0)*55%))}
.cargo-bay b{right:0;transform-origin:100% 0;transform:perspective(120px) rotateY(calc(var(--door-open,0)*100deg)) translateY(calc(var(--door-open,0)*55%))}
.archi-airdrop>img{position:relative;z-index:2}
.cargo-parachute{position:absolute;left:-25%;bottom:78%;width:150%;height:auto;aspect-ratio:1/1;z-index:0;transform-origin:50% 100%;opacity:0;will-change:transform,opacity}
.cargo-parachute img{display:block;width:100%;height:100%;object-fit:contain}

.cargo-parachute .canopy-inflated{transform-origin:50% 100%;will-change:transform,opacity}
.cargo-parachute .canopy-folded{position:absolute;bottom:0;left:0;width:100%;height:auto;transform-origin:50% 100%;opacity:0;will-change:transform,opacity}

.cargo-parachute{left:-25%;top:0;bottom:auto;width:150%;height:100%;aspect-ratio:auto;transform:none!important}
.cargo-parachute canvas{position:absolute;left:0;pointer-events:none}
.cargo-bay{left:60.5%;top:69.8%;width:15%;height:auto;aspect-ratio:2/1;background:none;border-radius:0;box-shadow:none;transform:none;opacity:var(--door-open,0)}
.cargo-bay svg{display:block;width:100%;height:100%;overflow:visible}
.bay-far-leaf{transform-origin:50% 25%;transform:scaleY(var(--door-open,0))}
.bay-near-leaf{transform-origin:50% 43%;transform:scaleY(var(--door-open,0))}

/* ARCHI: intro headline responsive sizing only; preserve original motion and layout. */
[data-intro-eyebrow="true"]{font-size:clamp(38px,7vw,108px)!important;line-height:1.04!important;max-width:calc(100vw - 40px);white-space:normal!important}
[data-map-intro-title-suffix="true"]{font-size:clamp(32px,6.2vw,92px)!important;line-height:1.06!important;max-width:calc(100vw - 40px);white-space:normal!important;overflow-wrap:normal}
[data-map-intro-title-suffix="true"] span{max-width:100%;white-space:normal!important}
@media(max-width:767px){[data-intro-eyebrow="true"]{font-size:clamp(32px,9vw,64px)!important}[data-map-intro-title-suffix="true"]{font-size:clamp(28px,7.5vw,54px)!important}}