.phero-wrap{position:relative;margin-top:-74px}.phero{position:relative;height:100vh;height:100svh;min-height:520px;overflow:hidden;background:var(--phero-base);isolation:isolate}.phero-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.phero-blob{position:absolute;left:10%;top:5%;width:95vmax;height:95vmax;border-radius:var(--ex-radius-pill);background:radial-gradient(closest-side,color-mix(in srgb,var(--phero-base) 78%,#ffffff),transparent);will-change:transform;animation:pheroDrift 64s ease-in-out infinite alternate}@keyframes pheroDrift{0%{transform:translate(-12%,8%) scale(1.05)}13%{transform:translate(24%,-18%) scale(.86)}27%{transform:translate(-30%,-6%) scale(1.22)}41%{transform:translate(6%,27%) scale(.94)}56%{transform:translate(35%,4%) scale(1.15)}70%{transform:translate(-16%,-29%) scale(.8)}85%{transform:translate(-37%,19%) scale(1.27)}to{transform:translate(15%,-11%) scale(1)}}.phero-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.phero-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;text-align:center;color:var(--ex-paper)}.phero-k{margin:0 0 18px;font:600 12px/1 var(--ex-sans);letter-spacing:.3em;text-transform:uppercase;color:#faf8f4cc}.phero h1{margin:0;max-width:15ch;color:var(--ex-paper);font-family:var(--ex-serif);font-weight:400;font-size:clamp(2.6rem,6.4vw,6rem);line-height:1.02;letter-spacing:-.025em;text-shadow:0 2px 30px rgba(0,0,0,.25)}.phero-line{margin:22px 0 0;max-width:560px;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6;color:#faf8f4e0}.phero-cue{position:absolute;left:50%;bottom:30px;width:1px;height:40px;background:#faf8f4b3;transform-origin:top;animation:pheroCue 1.8s ease infinite}@keyframes pheroCue{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.phero-spacer{display:none}.phero-panel{position:relative;z-index:1}.phero-panel--paper{background:var(--ex-paper);color:var(--ex-ink)}.phero-panel--dark{background:var(--ex-espresso);color:var(--ex-paper)}.phero-pin{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:110px 0 90px;box-sizing:border-box}.phero-panel-inner{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.phero-portal .phero{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.phero-open .phero{visibility:hidden}.phero-open .phero-cue{animation:none}.phero-open .phero-blob{animation-play-state:paused}.phero-portal .phero-spacer{display:block;height:100vh;height:100svh;min-height:520px}.phero-portal .phero-panel{margin-top:-100vh;margin-top:-100svh;min-height:180vh;min-height:180svh;opacity:0;clip-path:ellipse(0 0 at 74% 0)}.phero-portal .phero-pin{position:sticky;top:0;height:100vh;height:100svh}.phero-portal .phero-panel-inner{transform-origin:50% 50%;will-change:transform,filter}@media (prefers-reduced-motion: reduce){.phero-cue,.phero-blob{animation:none}}.phero--ink-dark .phero-text,.phero--ink-dark h1{color:var(--ex-ink);text-shadow:none}.phero--ink-dark .phero-k,.phero--ink-dark .phero-line{color:var(--ex-ink-2)}.phero--ink-dark .phero-cue{background:#1a120880}