/* Full-bleed alternative: the interior is the first screen, not a side panel. */
#site{position:relative}
#site .site-header{position:absolute;inset:0 0 auto;z-index:3;color:white;background:linear-gradient(#13202899,transparent);padding-bottom:45px}
#site .site-header .outline{border-color:#ffffff80;background:#172a3433}
#site .hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:max(740px,calc(100svh - 62px));padding:155px 6vw 125px;overflow:hidden;color:white}
#site .hero-image{position:absolute;inset:0;min-height:0;z-index:-2;background:#35413f}
#site .hero-image img{object-position:center;transform-origin:70% 45%;animation:interior-drift 24s ease-in-out infinite alternate}
#site .hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#111e2be0 0%,#14202a99 38%,#19222a15 75%),linear-gradient(0deg,#16232b88,transparent 35%)}
#site .hero-copy{padding:0;max-width:720px;align-self:auto}
#site .hero h1{font-size:clamp(48px,5.7vw,88px);line-height:1.08;letter-spacing:-.05em;text-shadow:0 2px 24px #0b172444}
#site .hero h1 em{color:#e0d0b9}
#site .hero .intro{color:#eef1f3;max-width:420px;font-size:19px}
#site .hero .micro{color:#e1e6e8;max-width:400px}
#site .hero .button{background:#f4f1ea;color:#203746;padding:19px 27px}
#site .hero-image figcaption{left:auto;right:5vw;bottom:30px;padding:0;background:none;text-align:right;font-size:15px;max-width:300px}
#site .hero-image figcaption span{color:#edf1f2;font-size:12px}
.motion-toggle{position:absolute;left:6vw;bottom:30px;background:#172a3466;color:white;border:1px solid #ffffff70;border-radius:4px;padding:9px 14px;font-size:13px;z-index:2}
#site .hero.motion-paused img{animation-play-state:paused}
@keyframes interior-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(max-width:700px){#site .site-header{padding:22px 5vw 40px}#site .hero{min-height:max(760px,calc(100svh - 96px));padding:140px 5vw 155px;align-items:center}#site .hero h1{font-size:clamp(42px,10vw,64px)}#site .hero-image img{object-position:62% center}#site .hero:after{background:linear-gradient(90deg,#132332d9,#14202a55),linear-gradient(0deg,#14212bb3,transparent 45%)}#site .hero .intro{font-size:17px}#site .hero-image figcaption{left:5vw;right:5vw;bottom:20px;text-align:left;max-width:none;font-size:13px}.motion-toggle{left:5vw;bottom:90px}}
@media(prefers-reduced-motion:reduce){#site .hero-image img{animation:none;transform:none}.motion-toggle{display:none}}