/* One static scene. Only the original logo lettering fades into view. */
.hero-stage{position:relative;z-index:0;isolation:isolate;overflow:hidden;background:#0b0d0c}
.hero-artwork:after{display:none}
.hero-stage:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#0b0d0c26 0%,transparent 12%,transparent 71%,#0b0d0c 100%)}
.hero-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.hero-brand{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;line-height:0;clip-path:inset(14% 27% 63% 27%);filter:url(#hero-logo-ink);opacity:1}
.hero-brand img{display:block;width:100%;height:100%;object-fit:fill}
.hero-logo-pending .hero-brand{opacity:0}
.hero-stage.is-logo-revealing .hero-brand{animation:hero-logo-fade 5s cubic-bezier(.33,0,.67,1) both}
@keyframes hero-logo-fade{from{opacity:0}to{opacity:1}}
.motion-paused .hero-brand{opacity:1!important;animation:none!important}
@media(max-width:720px){.hero-stage:after{background:linear-gradient(180deg,transparent 66%,#0b0d0c 100%)}.hero-brand{clip-path:inset(12.8% 26% 77.7% 26%)}}
@media(prefers-reduced-motion:reduce){.hero-brand{opacity:1!important;animation:none!important}}