.y-walker{fill:currentColor;overflow:visible}.y-walker__leg--far,.y-walker__shadow{opacity:.55}.y-walker__gap{fill:var(--walker-gap,transparent)}
@property --light{syntax:"<number>";inherits:true;initial-value:0}.y-dtl{--dark:#000;--glare:#fbfde6;--sky:color-mix(in oklab, var(--dark), var(--forest) calc(var(--light) * 100%));--walker-w:clamp(4.5rem, 3rem + 5vw, 8rem);padding-block:var(--section-y);background:linear-gradient(var(--forest), var(--dark) 25%, var(--forest));text-align:center}.y-dtl__frame{justify-items:center;gap:var(--space-9);padding-inline:var(--gutter);display:grid}.y-dtl__sky,.y-dtl__flash,.y-dtl__walker,.y-dtl__ground,.y-dtl__next{display:none}.y-dtl__line{letter-spacing:-.03em;text-transform:uppercase;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;max-width:15em;font-size:clamp(2.4rem,1.4rem + 4.4vw,5.5rem);font-weight:300;line-height:.95}.y-dtl__line strong{letter-spacing:-.04em;font-weight:700}.y-dtl__verse p{max-width:32ch;font-size:var(--text-2xl);text-wrap:balance;font-weight:300;line-height:1.3}.y-dtl__verse figcaption{margin-top:var(--space-5);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--lime);font-weight:700}.y-dtl__end{justify-items:center;gap:var(--space-6);width:100%;display:grid}.y-dtl__logo{--sil-w:min(100%, 30rem, calc((100svh - 24rem) * 4 / 3))}@media (scripting:enabled){.y-dtl{--slot:75svh;background:linear-gradient(var(--forest), var(--sky)) top / 100% 50svh no-repeat, var(--sky);transition:--light 1.6s var(--ease-out);padding:50svh 0 0}.y-dtl__track{height:calc((var(--slots) - 1) * var(--slot) + 100svh)}.y-dtl__stage{height:100svh;position:sticky;top:0;overflow:clip}.y-dtl__frame{--top:calc(var(--header-h) + var(--walker-w) * .72 + var(--space-6));isolation:isolate;height:100%;padding-block:var(--top) calc(var(--top) + 12svh);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;position:relative}.y-dtl__sky,.y-dtl__flash{pointer-events:none;display:block;position:absolute}.y-dtl__sky{z-index:-1;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.y-dtl__rays,.y-dtl__glow{aspect-ratio:1;position:absolute;top:0;left:50%}.y-dtl__rays{background:repeating-conic-gradient(transparent 0deg, color-mix(in srgb, var(--glare) 16%, transparent) 1.5deg, transparent 4deg 13deg);width:160vmax;opacity:calc(var(--light) * .5);translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#000 10%,#0000);mask:radial-gradient(closest-side,#000 10%,#0000)}.y-dtl__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--glare) 70%, var(--lime)), transparent);width:150vmax;opacity:calc(.06 + var(--light) * .35);transition:opacity 1.6s var(--ease-out);border-radius:50%;translate:-50% -55%}.y-dtl[data-dark] .y-dtl__glow{opacity:0}.y-dtl__flash{z-index:2;background:radial-gradient(farthest-side at 50% 45%, var(--glare), color-mix(in srgb, var(--lime) 30%, transparent) 55%, transparent);opacity:0;inset:0}.y-dtl__walker{--walker-fg:color-mix(in oklab, #3a3a3a, var(--lime) calc(var(--light) * 100%));--walker-gap:color-mix(in oklab, var(--walker-fg) 22%, var(--sky));z-index:1;top:calc(var(--header-h) + var(--space-3));left:var(--gutter);width:var(--walker-w);aspect-ratio:450/325;color:var(--walker-fg);display:block;position:absolute}.y-dtl__walker svg{width:100%;height:100%;display:block;scale:-1 1}.y-dtl__ground{--run:calc(100% - 2 * var(--gutter) - var(--walker-w));top:calc(var(--header-h) + var(--space-3) + var(--walker-w) * .705);left:calc(var(--gutter) + var(--walker-w) / 2 + var(--run) / (var(--beats) + 1) / 2);width:calc(var(--run) * var(--beats) / (var(--beats) + 1));height:2px;display:flex;position:absolute}.y-dtl__ground>span{flex:1;position:relative}.y-dtl__ground>span:before,.y-dtl__ground>span:after{content:"";border-radius:1px;position:absolute;inset:0 clamp(2px,.4vw,6px)}.y-dtl__ground>span:before{background:color-mix(in oklab, var(--fg) 10%, transparent)}.y-dtl__ground>span:after{background:color-mix(in oklab, var(--lime) 45%, transparent);opacity:clamp(0, (var(--at,0) - var(--k)) * 2 + 1, 1);transition:background var(--dur-slow) var(--ease-out)}.y-dtl__ground>[data-state=on]:after{background:color-mix(in oklab, var(--lime) 80%, transparent)}.y-dtl__next{z-index:3;bottom:max(var(--space-6), 5svh);justify-items:center;gap:var(--space-3);cursor:pointer;background:0 0;border:0;width:max-content;margin-inline:auto;padding:0;display:grid;position:absolute;inset-inline:0}.y-dtl__arrow{aspect-ratio:1;border-radius:var(--r-pill);width:2.75rem;transition:background var(--dur-fast) var(--ease-out);border:1px solid;place-items:center;display:grid}.y-dtl__arrow span{transition:color var(--dur-fast) var(--ease-out)}.y-dtl__next:hover .y-dtl__arrow{background:currentColor}.y-dtl__next:hover .y-dtl__arrow span{color:var(--dark)}.y-dtl__more{font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;opacity:0;visibility:hidden;transition:opacity var(--dur-slow) var(--ease-out), visibility 0s var(--dur-slow);font-weight:700}.y-dtl[data-end] .y-dtl__more{opacity:1;visibility:visible;transition-delay:1.6s,0s}.y-dtl__beat{opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-out), visibility 0s var(--dur-slow);grid-area:1/1}.y-dtl__beat[data-state=on]{opacity:1;pointer-events:auto}.y-dtl__end{visibility:hidden}.y-dtl__end[data-state=on]{visibility:visible;transition-delay:0s}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.y-dtl__beat{transition:opacity var(--dur-slow) var(--ease-out), translate .9s var(--ease-out), filter var(--dur-slow) var(--ease-out), visibility 0s var(--dur-slow)}.y-dtl__beat[data-state=past]{filter:blur(10px);translate:0 -3rem}.y-dtl__beat[data-state=next]{filter:blur(10px);translate:0 3rem}.y-dtl__line{--stagger:90ms}.y-dtl__verse{--stagger:45ms}.y-dtl__w{display:inline-block}[data-state=on] .y-dtl__w{animation:y-dtl-word 1.3s var(--ease-out) both;animation-delay:calc(.2s + var(--i) * var(--stagger))}[data-state=on] figcaption{animation:y-dtl-ref 1.2s var(--ease-out) both;animation-delay:calc(.6s + var(--n) * var(--stagger))}.y-dtl__glow{animation:y-dtl-breathe 6s var(--ease-in-out) infinite alternate}.y-dtl__rays{animation:120s linear infinite y-dtl-turn}.y-dtl__stage[data-impact=break] .y-dtl__frame{--amp:14px;animation:1.1s linear both y-dtl-shake}.y-dtl__stage[data-impact] .y-dtl__flash{animation:y-dtl-flash 1.8s var(--ease-out) both}.y-dtl__end[data-state=on] .y-dtl__cta{animation:eu-rise .9s var(--ease-out) 1.6s both}}@keyframes y-dtl-word{0%{opacity:0;filter:blur(12px);text-shadow:0 0 1.5rem var(--glare);translate:0 .4em;scale:1.3}}@keyframes y-dtl-ref{0%{opacity:0;letter-spacing:.5em}}@keyframes y-dtl-breathe{to{scale:1.15}}@keyframes y-dtl-turn{to{rotate:1turn}}@keyframes y-dtl-shake{8%{translate:calc(var(--amp) * -1) calc(var(--amp) * .6)}16%{translate:calc(var(--amp) * .9) calc(var(--amp) * -.8)}24%{translate:calc(var(--amp) * -.8) calc(var(--amp) * -.4)}32%{translate:calc(var(--amp) * .7) calc(var(--amp) * .7)}40%{translate:calc(var(--amp) * -.55) calc(var(--amp) * -.5)}50%{translate:calc(var(--amp) * .45) calc(var(--amp) * .3)}60%{translate:calc(var(--amp) * -.3) calc(var(--amp) * .35)}72%{translate:calc(var(--amp) * .2) calc(var(--amp) * -.2)}86%{translate:calc(var(--amp) * -.08) calc(var(--amp) * .08)}}@keyframes y-dtl-flash{0%{opacity:0;scale:.4}8%{opacity:.8}to{opacity:0;scale:1.5}}