/* Original MCMulab mark. Motion belongs to the light and frame, never the logo position. */
.hero .hero-inner{animation:none;transform:none;opacity:1}
.hero .hero-art{animation:none;transform:none}
.hero .brand-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:154px;height:154px;margin:0 0 26px;flex:none;animation:none;transform:none}
.hero .brand-stage .hero-mark{display:block;width:100%;height:100%;margin:0;border-radius:0;box-shadow:none;animation:brand-mark-in-77 720ms ease-out both;transform:none}
.hero .brand-stage::before{content:none}
.hero .brand-stage::after{content:none}
.brand-bezel{position:absolute;inset:-13px;width:calc(100% + 26px);height:calc(100% + 26px);overflow:visible;pointer-events:none;transform:none}
.brand-bezel-base{stroke:#ccb1ed;stroke-width:.7;opacity:.16}
.brand-bezel-trace{stroke:url(#brand-edge-77);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:0;opacity:.35;animation:brand-trace-in-77 1350ms 120ms cubic-bezier(.25,.7,.15,1) both}
.brand-bezel-glint{stroke:url(#brand-glint-77);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:.055 .945;stroke-dashoffset:0;opacity:.62;animation:brand-perimeter-77 16s 1450ms linear infinite;animation-play-state:paused}
.brand-bezel-glint.secondary{stroke-width:.65;stroke-dasharray:.025 .975;opacity:.24;animation-direction:reverse;animation-duration:22s}
.brand-stage[data-visible] .brand-bezel-glint{animation-play-state:running}
.brand-reflection{position:absolute;inset:0;border-radius:25%;overflow:hidden;pointer-events:none}
.brand-reflection::after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 42%,#f6e3ff03 46%,#f6e3ff24 50%,#f6e3ff03 54%,transparent 58%);opacity:0;animation:brand-reflection-in-77 1500ms 220ms cubic-bezier(.22,.61,.24,1) both}
.brand-ground{position:absolute;left:25%;right:25%;bottom:-20px;height:1px;background:linear-gradient(90deg,transparent,#d9b8f06b,transparent);transform-origin:center;animation:brand-ground-in-77 1000ms 600ms cubic-bezier(.16,1,.3,1) both;pointer-events:none}
.brand-stage[data-engaged] .brand-reflection::after{animation:brand-reflection-focus-77 1150ms ease-out both}
.brand-accent{position:absolute;display:block;width:3px;height:3px;border-radius:1px;background:#dfb7f0;pointer-events:none;opacity:0;animation:brand-accent-in-77 1200ms ease-out both}
.brand-accent.a1{left:-9px;top:31%;--accent-x:-11px;--accent-y:-4px;animation-delay:380ms}
.brand-accent.a2{right:-9px;top:68%;--accent-x:11px;--accent-y:4px;animation-delay:490ms}
.brand-accent.a3{left:27%;top:-9px;--accent-x:-4px;--accent-y:-11px;animation-delay:570ms}
.brand-accent.a4{right:27%;bottom:-9px;--accent-x:4px;--accent-y:11px;animation-delay:680ms}
.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-77 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-mark-in-77{from{opacity:.35}to{opacity:1}}
@keyframes brand-trace-in-77{0%{stroke-dashoffset:1;opacity:0}15%{opacity:.65}100%{stroke-dashoffset:0;opacity:.35}}
@keyframes brand-perimeter-77{to{stroke-dashoffset:-1}}
@keyframes brand-reflection-in-77{0%{opacity:0;transform:translateX(-50%)}25%{opacity:1}100%{opacity:0;transform:translateX(50%)}}
@keyframes brand-reflection-focus-77{0%{opacity:0;transform:translateX(-48%)}22%{opacity:.75}100%{opacity:0;transform:translateX(48%)}}
@keyframes brand-ground-in-77{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}
@keyframes brand-accent-in-77{0%{opacity:0;transform:translate(var(--accent-x),var(--accent-y)) scale(.5)}30%{opacity:.65}100%{opacity:0;transform:translate(0,0) scale(1)}}
@keyframes brand-copy-in-77{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:24px}.brand-bezel{inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}.brand-bezel-glint{stroke-width:1.6}.brand-bezel-glint.secondary{display:none}.brand-focus-light{display:none}.hero .brand-stage::before{content:none}}
@media(max-width:400px){.hero .brand-stage{width:110px;height:110px}}
.no-glow .brand-bezel,.no-glow .brand-reflection,.no-glow .brand-ground,.no-glow .brand-accent{display:none}
.no-motion .hero .brand-stage .hero-mark,.no-motion .hero .hero-inner>*{animation:none!important;opacity:1}
.no-motion .brand-bezel-trace{animation:none;stroke-dashoffset:0;opacity:.25}
.no-motion .brand-bezel-glint,.no-motion .brand-reflection,.no-motion .brand-accent{display:none;animation:none}
.no-motion .brand-ground{animation:none;opacity:.6}
.no-motion .brand-focus-light{display:none}
.no-motion .brand-bezel{transform:none;transition:none}
.brand-stage[data-suspended] .brand-bezel-glint{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero .brand-stage .hero-mark,.hero .hero-inner>*{animation:none!important;opacity:1}.brand-bezel-trace{animation:none;stroke-dashoffset:0;opacity:.25}.brand-bezel-glint,.brand-reflection,.brand-accent,.brand-focus-light{display:none;animation:none}.brand-ground{animation:none;opacity:.6}.brand-bezel{transform:none;transition: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}}