.hero .hero-inner{animation:none;transform:none;opacity:1}
.hero .hero-art{animation:none;transform:none}
.hero .brand-stage{position:relative;display:grid;place-items:center;width:154px;height:154px;padding:0;margin:0 0 26px;border:0;border-radius:25%;background:none;color:inherit;perspective:720px;isolation:isolate;flex:none;animation:none;transform:none;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.hero .brand-stage:active{cursor:grabbing}
.hero .brand-stage::before,.hero .brand-stage::after{content:none}
.brand-rotor{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--brand-rx,0deg)) rotateY(var(--brand-ry,0deg));border-radius:25%}
.brand-rotor::before{content:"";position:absolute;inset:0;border-radius:25%;background:#211a2b;border:1px solid #594368;transform:translateZ(-6px);box-shadow:0 10px 22px #00000038}
.hero .brand-stage .hero-mark{display:block;width:100%;height:100%;margin:0;border-radius:25%;box-shadow:none;animation:none;transform:translateZ(2px);backface-visibility:hidden}
.brand-surface{position:absolute;inset:0;border-radius:25%;pointer-events:none;transform:translateZ(3px);border:1px solid #bda4d12b;background:radial-gradient(ellipse 105% 90% at var(--brand-lx,30%) var(--brand-ly,15%),#dccbff14,transparent 70%);box-shadow:inset 0 1px 0 #eee3ff0c,inset 0 -1px 0 #00000048}
.brand-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:var(--brand-light,0);background:radial-gradient(ellipse 75% 65% at var(--brand-lx,50%) var(--brand-ly,50%),#f5e8ff0d,transparent 75%)}
.brand-stage:focus-visible{outline:2px solid #dc9feb;outline-offset:9px}
.brand-hint{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;white-space:nowrap;font-family:inherit;font-weight:600;font-size:10px;line-height:1.2;color:#b8a9c8;opacity:.65;pointer-events:none;transition:opacity .2s}
.brand-hint svg{width:11px;height:11px;flex:none}
.brand-stage[data-engaged] .brand-hint{opacity:.3}
.brand-hint-touch{display:none}
.no-glow .brand-surface{display:none}
.no-glow .brand-rotor::before{box-shadow:none}
.hero .hero-inner>.eyebrow,.hero .hero-inner>h1,.hero .hero-motto,.hero .hero-prize,.hero .version-chips,.hero .actions,.hero .hero-address{animation:brand-copy-in-81 700ms ease-out both}
.hero .hero-inner>.eyebrow{animation-delay:180ms}
.hero .hero-inner>h1{animation-delay:260ms}
.hero .hero-motto{animation-delay:340ms}
.hero .hero-prize,.hero .version-chips{animation-delay:420ms}
.hero .actions,.hero .hero-address{animation-delay:500ms}
@keyframes brand-copy-in-81{from{opacity:0}to{opacity:1}}
@media(max-width:770px){.hero .actions{width:min(100%,310px)}.hero .actions>.btn{width:100%;min-height:56px}.hero .brand-stage{width:120px;height:120px;margin-bottom:26px;perspective:620px}}
@media(max-width:400px){.hero .brand-stage{width:110px;height:110px}}
@media(hover:none){.brand-hint-desktop{display:none}.brand-hint-touch{display:inline}}
.no-motion .hero .hero-inner>*{animation:none!important;opacity:1}
.no-motion .brand-rotor{transform:none!important}
.no-motion .brand-hint{display:none}
@media(prefers-reduced-motion:reduce){.hero .hero-inner>*{animation:none!important;opacity:1}.brand-rotor{transform:none!important}.brand-hint{display:none}}

/* Depth comes from the scenery and directional lighting, with no aura around the mark. */
.hero .hero-art{filter:saturate(.88) brightness(.92);object-position:50% 50%;mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)}
.hero .hero-vignette{background:linear-gradient(to bottom,#0c0f191a 0%,#0c0f190a 50%,var(--surface-bg) 100%),radial-gradient(ellipse 420px 310px at 50% 39%,#0c0f193f 0%,#0c0f1920 55%,transparent 100%)}
@media(max-width:770px){.hero .hero-art{filter:saturate(.84) brightness(.76);object-position:50% 50%}.hero .hero-vignette{background:linear-gradient(to bottom,#0c0f1920,transparent 45%,var(--surface-bg) 100%),radial-gradient(ellipse at 46% 36%,#0c0f1940 0%,transparent 70%)}}

/* Let the hero grow with its content instead of cropping the scroll control. */
.hero{height:auto;min-height:759px;max-height:none}
@media(max-width:770px){.hero{height:auto;min-height:682px;max-height:none}}