#exp{display:none}html[data-mode=boot] #exp,html[data-mode=play] #exp,html[data-mode=title] #exp{display:block}html[data-mode=boot],html[data-mode=play],html[data-mode=title]{overflow:hidden}html[data-mode=dive] #exp{display:block}html:not([data-mode=boot]) #boot,html:not([data-mode=play]) #play-ui,html:not([data-mode=title]) #title-ui,html:not([data-mode=boot]) #exp .x-only-boot,html:not([data-mode=play]) #exp .x-only-play,html:not([data-mode=boot]):not([data-mode=play]) #exp .x-only-pre,html:not([data-mode=dive]) #exp .x-only-dive,html:not([data-mode=title]) #exp .x-only-title,.x-cinema{display:none}html[data-mode=fast] .x-cinema,html[data-mode=dive] .x-cinema{display:inline}html[data-mode=fast]{scroll-padding-top:5rem}html[data-mode=fast] .site-header{z-index:40;background:color-mix(in oklab, var(--night) 94%, transparent);border-bottom:1px solid color-mix(in oklab, var(--skin) 10%, transparent);position:fixed}@supports (animation-timeline:scroll()){html[data-mode=fast] .site-header{animation:linear both header-solid scroll(root);animation-range:0 8rem}@keyframes header-solid{0%{background:0 0;border-bottom-color:#0000}}}#exp{z-index:50;background:var(--night);color:var(--skin);position:fixed;inset:0}#exp .x-canvas{opacity:0;transition:opacity 1.4s var(--ease-out);position:absolute;inset:0}#exp[data-scene=ready] .x-canvas{opacity:1}@media (prefers-reduced-motion:reduce){#exp .x-canvas{transition:none}}#exp .x-canvas canvas{display:block}#exp .x-grain{z-index:3;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}#exp .x-bar{z-index:4;height:10svh;min-height:3.25rem;padding-inline:var(--gutter);background:#000;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:absolute;inset-inline:0}#exp .x-bar p{margin:0}#exp .x-bar--top{top:0}#exp .x-bar--bottom{bottom:0}#exp .x-dot{background:var(--neon);width:.5em;height:.5em;box-shadow:0 0 8px var(--neon);vertical-align:.05em;border-radius:50%;margin-right:.35em;display:inline-block}#exp .x-bar .x-music{color:var(--muted);visibility:hidden;margin-left:auto}html[data-sound=on] #exp .x-music{visibility:visible}#exp .x-bar-actions{align-items:center;gap:1.5rem;display:flex}#exp .x-bar-actions>*{padding:.5rem 0;line-height:1.2;display:inline-block}#exp .x-bar-actions a{color:var(--muted);text-decoration:none}#exp .x-bar-actions a:hover{color:var(--skin)}@media (width<=34rem){#exp .x-bar-actions{gap:.9rem}#exp .x-bar .credit{letter-spacing:.12em;white-space:nowrap;font-size:.68rem}#exp .x-rec #x-rec{display:none}}#exp button,.x-cinema{font-family:var(--font-text);color:var(--muted);cursor:pointer;transition:color .16s var(--ease-out);background:0 0;border:0;padding:.5rem 0}#exp button:hover,.x-cinema:hover{color:var(--skin)}html[data-mode=dive] #exp{z-index:auto;pointer-events:none;background:0 0;position:static}html[data-mode=dive] #exp .x-canvas,html[data-mode=dive] #exp .x-grain{position:fixed}html[data-mode=dive] #exp .x-canvas{z-index:0}html[data-mode=dive] #exp .x-grain{z-index:2}#exp .x-cut{z-index:2;opacity:0;visibility:hidden;pointer-events:none;background:#000;position:fixed;inset:0}html[data-mode=dive] #exp .x-bar{z-index:3;pointer-events:auto;position:fixed}html[data-mode=dive] main{z-index:1;padding-top:0;position:relative}html[data-mode=dive] main>section{z-index:1;position:relative}html[data-mode=dive] .site-header,html[data-mode=dive] .title-screen{display:none}html[data-mode=dive] .scenes>.section-title{align-content:end;min-height:60svh;margin:0;padding-bottom:12svh;display:grid}html[data-mode=dive] .scene{border-top:0;align-items:center;min-height:170svh;margin:0;padding-block:12svh;display:flex}html[data-mode=dive] .scene-card{border:1px solid var(--line);background:#0b0807d1;width:min(32rem,100%);padding:clamp(1.25rem,3vw,2rem)}html[data-mode=dive] .project-cover{display:none}html[data-mode=dive] .project.has-cover{display:block}html[data-mode=dive] .scene .project-title{position:relative}html[data-mode=dive] .scene .project-title:before{content:"";background:var(--neon-core);width:.38rem;height:.38rem;box-shadow:0 0 8px var(--neon);opacity:0;transition:opacity .3s var(--ease-out);border-radius:50%;position:absolute;top:.42em;left:-1.05rem}html[data-mode=dive] .scene .project[data-on-screen] .project-title:before{opacity:1}html[data-mode=dive] .scene:is([data-layer="1"],[data-layer="3"],[data-layer="5"]) .scene-card{margin-left:auto}html[data-mode=dive] .scene-about{order:0}html[data-mode=dive] .scene-about .scene-card{width:min(38rem,100%)}html[data-mode=dive] main{flex-direction:column;display:flex}html[data-mode=dive] .scenes{order:1}html[data-mode=dive] .finale{order:2;margin:0}html[data-mode=dive] .ok-card{align-content:center;min-height:100svh;padding-block:10svh}html[data-mode=dive] .roll{background:var(--night);margin-inline:calc(var(--gutter) * -1);padding:16svh var(--gutter);position:relative}html[data-mode=dive] .end-credits{background:var(--night);margin-inline:calc(var(--gutter) * -1);padding-block:14svh;padding-inline:var(--gutter);order:3;position:relative}#exp .x-scene{color:var(--skin);text-align:center;flex:1;margin:0}@media (width>=64rem){#exp .x-scene{white-space:nowrap;position:absolute;left:50%;translate:-50%}#exp .x-bar--top .x-only-dive.x-bar-actions{margin-left:auto}}#exp .x-subtitle{text-align:center;font-family:var(--font-display);font-variation-settings:var(--display-optics);color:var(--skin);text-rendering:optimizelegibility;min-height:1.2em;margin:0;font-size:clamp(1.05rem,2.3vw,1.6rem);font-style:italic;font-weight:500;line-height:1.2;position:absolute;inset-inline:clamp(7rem,20vw,20rem)}#exp .x-subtitle .w{white-space:pre;display:inline-grid}#exp .x-subtitle .w>span{grid-area:1/1}#exp .x-subtitle .w-sung{color:var(--neon);text-shadow:0 0 10px #ff3b3b73;clip-path:inset(-.5em calc((1 - var(--p,0)) * (100% + .6em) - .3em) -.5em -.5em)}#exp .x-music a{color:inherit;text-decoration:none}@media (width<=34rem){#exp .x-bar--top .x-scene{display:none}#exp .x-subtitle{inset-inline:var(--gutter);text-shadow:0 1px 12px var(--night);bottom:calc(100% + .75rem)}}#boot{inset:10svh var(--gutter);z-index:5;align-content:center;display:grid;position:absolute}#boot-log{white-space:pre-wrap;gap:.45rem;max-width:72ch;margin:0;padding:0;font-size:clamp(.72rem,1.6vw,.85rem);list-style:none;display:grid}#boot-log li{color:var(--skin);animation:x-line .22s var(--ease-out) both;grid-template-columns:11.5ch 2ch 1fr;gap:1rem;display:grid}#boot-log .tc,#boot-log [data-status=run] .mark{color:var(--muted)}#boot-log [data-status=warn] .mark{color:var(--neon)}@keyframes x-line{0%{opacity:0}}@media (width<=34rem){#boot-log li{grid-template-columns:2ch 1fr}#boot-log .tc{display:none}}#play-ui{inset:10svh var(--gutter);z-index:5;text-align:center;place-content:center;justify-items:center;gap:1.25rem;display:grid;position:absolute}#play-ui p{color:var(--muted);margin:0}#exp #x-play{color:var(--skin);animation:x-line .9s var(--ease-out) both;justify-items:center;gap:1rem;padding:0;display:grid}#x-play svg{width:clamp(5.5rem,14vmin,8rem);height:auto;overflow:visible}#x-play .x-play-ring{fill:none;stroke:var(--muted);stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .2s var(--ease-out), filter .2s var(--ease-out)}#x-play .x-play-tri{fill:var(--skin);transition:fill .2s var(--ease-out)}#x-play .x-play-word{letter-spacing:.42em;margin-right:-.42em}#x-play:hover .x-play-ring,#x-play:focus-visible .x-play-ring{stroke:var(--neon);filter:drop-shadow(0 0 6px var(--neon))}#x-play:hover .x-play-tri,#x-play:focus-visible .x-play-tri{fill:var(--neon-core)}#exp #x-play:focus-visible{outline:none}#x-play[aria-busy=true]{cursor:progress}#x-play[aria-busy=true]+p:after{content:" · " attr(data-loading)}#slate{visibility:hidden;opacity:0;z-index:6;background:var(--night-2);border:1px solid var(--line);gap:.35rem;width:min(26rem,80vw);padding:2.75rem 1.5rem 1.25rem;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}#slate p{margin:0}#slate .x-slate-title{font-family:var(--font-display);font-variation-settings:var(--display-optics);font-size:2.5rem;font-style:italic;line-height:1}#slate .x-arm{transform-origin:0 100%;background:repeating-linear-gradient(-45deg, var(--skin) 0 14px, var(--night) 14px 28px);height:1.6rem;position:absolute;top:-1px;left:-1px;right:-1px}#title-ui{inset:10svh var(--gutter);z-index:5;text-align:center;place-content:center;justify-items:center;gap:.9rem;display:grid;position:absolute}#title-ui p{margin:0}#exp .x-production{color:var(--muted);letter-spacing:.42em}#exp .x-sign{font-family:var(--font-display);font-variation-settings:var(--display-optics);font-style:italic;font-size:var(--step-display);letter-spacing:-.02em;margin:.25rem 0 1rem;line-height:.95}#exp .x-tubes,#exp .x-ball{font-style:normal}#exp .x-by{display:inline-grid}#exp .x-by>span{grid-area:1/1}#exp .x-ball{opacity:0;margin-bottom:-.35em;padding-bottom:.35em;mask:radial-gradient(.11em at 64.5% 80.6%,#000 40%,#0000 100%) no-repeat}#exp .x-sign .x-tubes,#exp .x-sign .x-ball{text-shadow:0 0 calc(6px + 5px * var(--beat,0)) #ff6a5c, 0 0 calc(22px + 16px * var(--beat,0)) var(--neon), 0 0 calc(60px + 60px * var(--level,0)) rgb(255 59 59/calc(.55 + .3 * var(--level,0)))}#exp .x-sign .x-word{text-shadow:0 0 calc(24px * var(--voice,0)) rgb(242 231 223/calc(.4 * var(--voice,0)))}#exp .x-tubes,#exp .x-word,#exp .x-reveal{opacity:0}@media (prefers-reduced-motion:reduce){#exp .x-tubes,#exp .x-word,#exp .x-reveal{opacity:1}}#exp .x-menu{flex-wrap:wrap;justify-content:center;gap:.5rem 2.25rem;margin-top:1.75rem;display:flex}#exp .x-menu a{color:var(--muted);padding:.5rem 0;text-decoration:none}#exp .x-menu a:hover{color:var(--skin)}#exp #x-watch{color:var(--skin);text-shadow:0 0 calc(12px * var(--hit,0)) rgb(255 59 59/calc(.55 * var(--hit,0)));position:relative}#exp #x-watch:after{content:"";background:linear-gradient(90deg, transparent calc(var(--sweep,-1) * 100% - 35%), var(--neon-core) calc(var(--sweep,-1) * 100%), transparent calc(var(--sweep,-1) * 100% + 35%)), var(--neon);height:1px;box-shadow:0 0 calc(4px + 8px * var(--hit,0)) rgb(255 59 59/calc(.35 + .4 * var(--hit,0)));position:absolute;bottom:0;left:0;right:.32em}#exp .x-hint{z-index:3;color:var(--skin);pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:.9rem;margin:0;display:none;position:fixed;bottom:calc(max(10svh,3.25rem) + 4rem);left:50%;translate:-50%}html[data-mode=dive][data-hint=scroll] #exp .x-hint{animation:x-hint-in .9s var(--ease-out) 1.2s both;display:flex}html[data-mode=dive][data-hint=gone] #exp .x-hint{opacity:0;transition:opacity .5s var(--ease-out);display:flex}@keyframes x-hint-in{0%{opacity:0}}#exp .x-hint-line{background:linear-gradient(var(--line), transparent);width:1px;height:3rem;position:relative}#exp .x-hint-dot{background:var(--neon-core);width:5px;height:5px;box-shadow:0 0 8px var(--neon);animation:x-hint-drop 1.8s var(--ease-out) infinite;border-radius:50%;position:absolute;top:0;left:-2px}@keyframes x-hint-drop{0%{opacity:0;translate:0}15%{opacity:1}80%{opacity:1}to{opacity:0;translate:0 2.7rem}}#exp .x-hint-touch{display:none}@media (pointer:coarse){#exp .x-hint-mouse{display:none}#exp .x-hint-touch{display:inline}}@media (prefers-reduced-motion:reduce){#exp .x-hint-dot{animation:none;top:1.3rem}}.title-screen[data-astro-cid-zkhec6xw]{min-height:min(88svh,820px);margin-inline:calc(var(--gutter) * -1);margin-top:calc(var(--header-space) * -1);padding:12svh var(--gutter);text-align:center;background:radial-gradient(60% 50% at 50% 48%, #ff3b3b17, transparent 70%), var(--night);align-content:center;place-items:center;gap:.75rem;display:grid;position:relative;overflow:hidden}.title-screen[data-astro-cid-zkhec6xw]:before,.title-screen[data-astro-cid-zkhec6xw]:after{content:"";background:#000;height:9svh;position:absolute;inset-inline:0}.title-screen[data-astro-cid-zkhec6xw]:before{top:0}.title-screen[data-astro-cid-zkhec6xw]:after{bottom:0}.grain[data-astro-cid-zkhec6xw]{opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.production[data-astro-cid-zkhec6xw]{color:var(--muted);letter-spacing:.42em;margin:0}.sign[data-astro-cid-zkhec6xw]{font-size:var(--step-display);margin:.25rem 0;font-style:italic;line-height:.9}.sign[data-astro-cid-zkhec6xw] .neon[data-astro-cid-zkhec6xw]{font-style:normal}.byline[data-astro-cid-zkhec6xw]{margin:1.5rem 0 0}.place[data-astro-cid-zkhec6xw]{margin:0}.scene-about[data-astro-cid-zkhec6xw] .credit-roll[data-astro-cid-zkhec6xw]{margin-bottom:2.5rem}.about-sub[data-astro-cid-zkhec6xw]{color:var(--muted);margin:2.5rem 0 1.25rem}.skills[data-astro-cid-zkhec6xw]{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.25rem 2rem;display:grid}.skill-name[data-astro-cid-zkhec6xw]{margin:0 0 .35rem;font-weight:400}.skill-items[data-astro-cid-zkhec6xw]{margin:0;line-height:1.5}.soft[data-astro-cid-zkhec6xw]{gap:1rem;margin:0;display:grid}.soft[data-astro-cid-zkhec6xw] dt[data-astro-cid-zkhec6xw]{font-family:var(--font-display);font-variation-settings:var(--display-optics);font-size:1.35rem;font-style:italic;line-height:1.2}.soft[data-astro-cid-zkhec6xw] dd[data-astro-cid-zkhec6xw]{color:var(--muted);margin:.2rem 0 0}.roll-role[data-astro-cid-zkhec6xw]{color:var(--muted);margin-right:.35em}.section-title[data-astro-cid-zkhec6xw]{font-size:var(--step-card);margin:clamp(4rem,10vw,8rem) 0 2.5rem;font-style:italic}.scene[data-astro-cid-zkhec6xw]{border-top:1px solid var(--line);margin-bottom:clamp(3.5rem,8vw,6rem);padding-top:1.25rem;scroll-margin-top:2rem}.slate[data-astro-cid-zkhec6xw]{margin:0 0 .75rem}.scene-name[data-astro-cid-zkhec6xw]{font-size:var(--step-card);margin:0 0 2rem;font-style:italic}.project[data-astro-cid-zkhec6xw]+.project[data-astro-cid-zkhec6xw]{margin-top:3rem}.project[data-astro-cid-zkhec6xw].has-cover{gap:1.5rem;display:grid}.project-cover[data-astro-cid-zkhec6xw]{border:1px solid var(--line);width:100%;height:auto}@media (width>=60rem){.project[data-astro-cid-zkhec6xw].has-cover{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,4vw,3.5rem)}}.project-title[data-astro-cid-zkhec6xw]{font-family:var(--font-display);font-variation-settings:var(--display-optics);letter-spacing:-.02em;margin:0 0 .9rem;font-size:clamp(2rem,4.5vw,3rem);font-weight:400;line-height:1}.project-title[data-astro-cid-zkhec6xw] a[data-astro-cid-zkhec6xw]{text-decoration:none}.project-title[data-astro-cid-zkhec6xw] a[data-astro-cid-zkhec6xw]:hover{text-decoration:underline 1px}.project-links[data-astro-cid-zkhec6xw]{flex-wrap:wrap;gap:.5rem 1.75rem;margin:0;padding:0;list-style:none;display:flex}.project-links[data-astro-cid-zkhec6xw] a[data-astro-cid-zkhec6xw]{color:var(--muted);text-decoration:none}.project-links[data-astro-cid-zkhec6xw] a[data-astro-cid-zkhec6xw]:hover{color:var(--skin)}.tagline[data-astro-cid-zkhec6xw]{color:var(--skin);margin:0 0 2rem}.stats[data-astro-cid-zkhec6xw]{flex-wrap:wrap;gap:1.25rem clamp(2rem,5vw,3.5rem);margin:0 0 2rem;display:flex}.stats[data-astro-cid-zkhec6xw] div[data-astro-cid-zkhec6xw]{flex-direction:column-reverse;display:flex}.stats[data-astro-cid-zkhec6xw] dd[data-astro-cid-zkhec6xw]{font-family:var(--font-display);font-variation-settings:var(--display-optics);margin:0;font-size:clamp(2.25rem,4.5vw,3.25rem);line-height:1}.stats[data-astro-cid-zkhec6xw] dt[data-astro-cid-zkhec6xw]{margin-top:.4rem}.credit-roll[data-astro-cid-zkhec6xw]{gap:1.1rem;max-width:40rem;margin:0;padding:0;list-style:none;display:grid}.credit-roll[data-astro-cid-zkhec6xw] dd[data-astro-cid-zkhec6xw]{margin:0}.credit-roll[data-astro-cid-zkhec6xw]>div[data-astro-cid-zkhec6xw],.credit-roll[data-astro-cid-zkhec6xw] li[data-astro-cid-zkhec6xw]{grid-template-columns:minmax(7rem,1fr) 2fr;align-items:baseline;gap:1.5rem;display:grid}.credit-roll[data-astro-cid-zkhec6xw] .credit[data-astro-cid-zkhec6xw]{color:var(--muted);text-align:right}@media (width<=30rem){.credit-roll[data-astro-cid-zkhec6xw]>div[data-astro-cid-zkhec6xw],.credit-roll[data-astro-cid-zkhec6xw] li[data-astro-cid-zkhec6xw]{grid-template-columns:1fr;gap:.15rem}.credit-roll[data-astro-cid-zkhec6xw] .credit[data-astro-cid-zkhec6xw]{text-align:left}}.finale[data-astro-cid-zkhec6xw]{text-align:center;margin-top:clamp(4rem,10vw,8rem)}.ok-card[data-astro-cid-zkhec6xw]{justify-items:center;gap:.75rem;padding-block:clamp(3rem,10vw,7rem);display:grid}.ok-status[data-astro-cid-zkhec6xw]{margin:0}.ok-title[data-astro-cid-zkhec6xw]{font-size:var(--step-display);margin:0;font-style:italic;line-height:.95}.ok-title[data-astro-cid-zkhec6xw] .neon[data-astro-cid-zkhec6xw]{font-style:normal}.ok-sub[data-astro-cid-zkhec6xw]{color:var(--muted);margin:.5rem 0 0}.roll[data-astro-cid-zkhec6xw]{padding-block:clamp(3rem,8vw,6rem)}.roll-head[data-astro-cid-zkhec6xw]{color:var(--muted);letter-spacing:.42em;margin:0 0 3rem}.roll-list[data-astro-cid-zkhec6xw]{gap:3rem;margin:0;display:grid}.roll-list[data-astro-cid-zkhec6xw] div[data-astro-cid-zkhec6xw]{gap:.4rem;display:grid}.roll-list[data-astro-cid-zkhec6xw] dt[data-astro-cid-zkhec6xw]{color:var(--muted);margin-bottom:.35rem}.roll-list[data-astro-cid-zkhec6xw] dd[data-astro-cid-zkhec6xw]{margin:0}.roll-name[data-astro-cid-zkhec6xw]{font-family:var(--font-display);font-variation-settings:var(--display-optics);font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.1}.term-hint[data-astro-cid-zkhec6xw]{margin-top:4rem}.term-open[data-astro-cid-zkhec6xw]{font:inherit;color:var(--skin);text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:0}