/* A calm layout around a material that changes with the visitor's scroll. */
.hero-scroll{position:relative}
.liquid-enhanced .hero-scroll{height:calc(var(--liquid-stage-height,100svh) + 90svh)}
.liquid-enhanced .hero-scroll>.hero{position:sticky;top:var(--liquid-stage-top,0px)}
.liquid-emblem{--liquid-reveal:0;--liquid-progress:0;pointer-events:none}
.liquid-emblem .liquid-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}
.liquid-emblem.liquid-ready .liquid-canvas{opacity:var(--liquid-reveal)}
.liquid-emblem.liquid-ready>img{opacity:calc(1 - var(--liquid-reveal))}
/* This framing matches the shader's 4.6-unit orthographic camera exactly. */
#blob-wrap.liquid-emblem{width:min(56vw,1040px);aspect-ratio:1.4;right:-2.2vw;top:48%;bottom:auto;translate:0 -50%;transform:none}
#blob-wrap .hero-glass{position:absolute;left:13.0435%;top:12.5652%;width:73.913%;height:auto;transform:none;filter:drop-shadow(0 32px 28px #0005)}
#blob-wrap:before{inset:-10%;background:radial-gradient(ellipse at 52% 45%,#6252d319,transparent 65%)}
#blob-wrap:after{content:"";position:absolute;left:22%;right:22%;bottom:12%;height:4%;background:#7770f5;filter:blur(24px);opacity:calc(.025 + var(--liquid-progress)*.055);border-radius:50%;z-index:-1}
.hero__spec{z-index:4;top:auto;bottom:132px;gap:9px}
.hero__spec .label{font-size:8px;line-height:1.9;letter-spacing:.09em}
#liquid-phase{color:#aaa4df;font-size:7px}
.liquid-invitation{font-size:10px;color:#a7a8b3;line-height:1.5}
.hero__spec .pause{margin-top:5px}
.liquid-emblem--intro{position:absolute;left:-12%;top:-13%;width:124%;aspect-ratio:1.4;transform:translateZ(16px)}
.core-slab .liquid-emblem--intro>img{position:absolute;left:13.0435%;top:12.5652%;width:73.913%;height:auto;transform:none;filter:none}
.core-caption,.core-bottom{z-index:2}
.liquid-ready~.core-bottom{opacity:.6}
.liquid-static .liquid-emblem .liquid-canvas{opacity:0!important}
.liquid-static .liquid-emblem>img{opacity:1!important}
.liquid-static #liquid-phase,.liquid-static .liquid-invitation{visibility:hidden}
@media(min-width:1600px){#blob-wrap.liquid-emblem{right:0;top:49%}.hero__spec{bottom:145px}}
@media(max-width:1100px) and (min-width:900px){#blob-wrap.liquid-emblem{width:55vw;right:-5vw;top:43%}.hero__spec{bottom:120px}}
@media(max-width:899px){
 .liquid-enhanced .hero-scroll{height:calc(var(--liquid-stage-height,100svh) + 64svh)}
 .hero__main{padding-bottom:420px}
 #blob-wrap.liquid-emblem{width:min(600px,100vw);right:50%;top:auto;bottom:148px;translate:50% 0}
 .hero__spec{bottom:102px;gap:5px;grid-template-columns:1fr auto;text-align:left;left:var(--pad);right:var(--pad);align-items:center;justify-items:start}
 .hero__spec .label{font-size:7px}
 .hero__spec .pause{grid-column:2;grid-row:1/3;justify-self:end;margin:0;width:38px;height:38px}
 .liquid-invitation{font-size:9px}
 .liquid-emblem--intro{top:-21%;left:-16%;width:132%}
}
@media(max-width:600px){
 .hero__main{padding-bottom:calc(72vw + 75px)}
 #blob-wrap.liquid-emblem{width:104vw;bottom:153px}
 .hero__spec{bottom:101px}
 .liquid-emblem--intro{top:-17%;left:-14%;width:128%}
}
@media(prefers-reduced-motion:reduce){
 .liquid-enhanced .hero-scroll{height:auto}
 .liquid-enhanced .hero-scroll>.hero{position:relative;top:auto}
 .liquid-emblem .liquid-canvas{display:none}
 .liquid-emblem>img{opacity:1!important}
 #liquid-phase,.liquid-invitation{visibility:hidden}
}