/* 10 Oct 2026: give the headline room and keep the 3D composition calmer beside the new showcase. */
@container (min-width:1001px){.hero h1{font-size:clamp(44px,4.2cqw,58px)}.hero-copy>p:not(.eyebrow){max-width:520px}}
.hero-emblem{position:relative;justify-self:end;width:100%;max-width:500px;margin:0;isolation:isolate}
.hero-emblem:before{content:"";position:absolute;z-index:-1;inset:8% -6% 4%;background:radial-gradient(ellipse at 55% 45%,#e4c48e24,transparent 62%);filter:blur(10px);pointer-events:none}
.he-stage{position:relative;aspect-ratio:600/560;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 52% 48%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 52% 48%,#000 62%,transparent 100%);animation:he-float 10s ease-in-out infinite}
.he-stage img{display:block;width:100%;height:auto}
.he-sheen{position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,#fff3d6 50%,transparent 62%);background-size:260% 100%;background-position:130% 0;mix-blend-mode:overlay;opacity:.6;pointer-events:none;animation:he-sheen 8s cubic-bezier(.45,0,.2,1) infinite}
.he-sign{position:absolute;right:2%;bottom:4%;margin:0;font-size:11px;line-height:1.9;letter-spacing:.22em;text-transform:uppercase;color:var(--silver);text-align:left}
.he-sign span{display:block;width:24px;height:1px;margin-bottom:10px;background:var(--gold)}
@keyframes he-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes he-sheen{0%,20%{background-position:130% 0}70%,100%{background-position:-30% 0}}
@container (max-width:750px){.hero-emblem{justify-self:center;max-width:320px;margin-top:8px}.he-sign{display:none}}
@container (max-width:420px){.hero-emblem{max-width:260px}}
@media (prefers-reduced-motion:reduce){.he-stage,.he-sheen{animation:none}.he-sheen{opacity:0}}
:root[data-theme="light"] .hero-emblem:not(.he-live){background:#061420;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px #2738292e}
:root[data-theme="light"] .hero-emblem:before{background:radial-gradient(ellipse at 55% 45%,#e4c48e40,transparent 62%)}
:root[data-theme="light"] .hero-emblem:not(.he-live) .he-sign{right:6%;bottom:6%;color:#c2c8d3}
/* Live 3D emblem and star field (10 Oct 2026). Added by emblem3d.js only when it can render. */
.hero{position:relative;isolation:isolate}
.site-header{position:relative;z-index:2}
.hero-space{display:none}
.hero.has-space .hero-space{display:block;position:absolute;z-index:-1;left:50%;width:100vw;margin-left:-50vw;bottom:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.hero.has-space:before{content:"";position:absolute;z-index:-1;left:50%;width:100vw;margin-left:-50vw;top:-200px;bottom:0;pointer-events:none;background:radial-gradient(ellipse 42% 55% at 72% 46%,#e4c48e14,transparent 70%),radial-gradient(ellipse 60% 70% at 18% 40%,#061420cc,transparent 75%)}
.he-canvas{display:none;position:absolute;inset:0;width:100%;height:100%}
.hero-emblem.he-live .he-canvas{display:block}
.hero-emblem.he-live .he-stage{animation:none;-webkit-mask-image:none;mask-image:none}
.hero-emblem.he-live .he-stage img,.hero-emblem.he-live .he-sheen{visibility:hidden}
.hero-emblem.he-live .he-sign{bottom:-2%}
.he-motion{position:absolute;left:0;bottom:2%;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 4px;border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}
.he-motion:hover{color:var(--white)}
.he-motion-icon{display:inline-block;width:9px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.he-motion[aria-pressed="true"] .he-motion-icon{width:0;height:0;border:5px solid transparent;border-right:0;border-left:7px solid currentColor}
@container (max-width:750px){.he-motion{position:static;margin:4px auto 0}}
:root[data-theme="light"] .hero.has-space:before{background:radial-gradient(ellipse 42% 55% at 72% 46%,#ffffff8c,transparent 70%),radial-gradient(ellipse 60% 70% at 18% 40%,#f7f5efd9,transparent 75%)}
:root[data-theme="light"] .hero-emblem.he-live .he-canvas{filter:drop-shadow(0 28px 34px #2738292e)}
:root[data-theme="light"] .hero-emblem.he-live:before{background:radial-gradient(ellipse at 55% 45%,#e4c48e33,transparent 62%)}
/* Mobile: a shorter introduction so the emblem appears sooner. Only one version is shown (and read aloud). */
.lead-short{display:none}
@container (max-width:750px){.lead-full{display:none}.lead-short{display:inline}.hero-emblem{margin-top:-12px}.hero-emblem.he-live{margin-top:-28px}}