:root{--color-background: #12110f;--color-text: #f4efe6;--color-signal: #e23b2f;--color-interaction: #3ec8d8;--font-text: "DM Mono", ui-monospace, monospace;--font-title: "Cal Sans", sans-serif;--frame-width: min(78vw, 58dvh);--type-lift: calc(var(--frame-width) * .22);--type-gap: calc(var(--frame-width) * .07);--title-size: calc(var(--frame-width) * .145);--copy-size: calc(var(--frame-width) * .0288)}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--color-background);color:var(--color-text);overflow:hidden}body{margin:0;min-height:100dvh;overflow:hidden;font-family:var(--font-text);font-weight:400;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}html.document-mode,html.document-mode body{overflow:auto}html.document-mode .stage{display:none!important}html.document-mode .document{position:static;inset:auto;z-index:0;pointer-events:auto;padding:2rem 1.5rem 4rem;max-width:42rem;margin:0 auto}html.document-mode .document-hero{position:static;transform:none;width:auto;text-align:left;align-items:flex-start;margin-bottom:2rem}html.document-mode .scroll-hint{display:none}html.document-mode .document-rest-hidden{position:static;width:auto;height:auto;padding:0;margin:revert;overflow:visible;clip:auto;white-space:normal;border:0}@media(prefers-reduced-motion:reduce){html:not(.document-mode) .scroll-hint{display:none}}.document{position:fixed;inset:0;z-index:1;pointer-events:none;padding:2rem 1.5rem;max-width:none;margin:0}.document-hero{position:absolute;left:50%;top:calc(50% - var(--type-lift) + var(--frame-width) / 2 + var(--type-gap));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(42vw,calc(100vw - 2rem));text-align:center;pointer-events:auto}.document p{margin:0 0 1rem}.document-hero p{margin:0}.document .identity{color:var(--color-text);font-size:var(--copy-size);line-height:1.45}.scroll-hint{color:color-mix(in srgb,var(--color-text) 72%,transparent);font-size:calc(var(--copy-size) * .9);letter-spacing:.04em;text-transform:uppercase}.document-rest-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.document .lede{color:color-mix(in srgb,var(--color-text) 85%,transparent)}.project{margin:2rem 0;padding-left:.75rem;border-left:2px solid var(--color-signal)}.project h2{margin:0 0 .35rem;font-family:var(--font-title);font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:.02em}.project p{margin:0;color:color-mix(in srgb,var(--color-text) 90%,transparent)}.closing{margin-top:3rem;color:var(--color-interaction)}.signal-filters{position:absolute;width:0;height:0;overflow:hidden}.stage-project-titles{position:absolute;inset:0;z-index:8;pointer-events:none;transform:translate(var(--parallax-x, 0px),var(--parallax-y, 0px))}.stage-section{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);align-items:center;align-content:start;column-gap:calc(var(--frame-width) * .075);padding:calc(50dvh - var(--type-lift) + var(--frame-width) / 2 + var(--type-gap)) calc(var(--frame-width) * .12) calc(var(--frame-width) * .04)}.stage-project-title{position:relative;margin:0;max-width:8.5ch;font-family:var(--font-title);font-weight:400;font-style:normal;font-size:var(--title-size);line-height:.86;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-text);opacity:0;will-change:transform,opacity}.title-tear{position:absolute;inset:0;color:inherit;pointer-events:none;opacity:0;clip-path:inset(var(--tear-top, 40%) 0 var(--tear-bottom, 48%) 0);transform:translate(var(--tear-x, .08em))}.stage-project-title.is-glitching .title-face{filter:url(#heading-signal)}.stage-project-title.is-glitching .title-tear{opacity:1}.stage-project-copy{position:relative;z-index:2;justify-self:start;width:100%;min-height:calc(var(--copy-size) * 4);padding-left:calc(var(--frame-width) * .045);pointer-events:none;transform:translate(var(--copy-parallax-x, 0px),var(--copy-parallax-y, 0px))}.stage-project-kicker,.stage-project-body{font-family:var(--font-text);font-weight:400;font-size:var(--copy-size);line-height:1.45}.stage-project-kicker{margin:0 0 calc(var(--copy-size) * .85);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);opacity:0}.stage-project-body{display:grid;margin:0;white-space:pre-line;color:color-mix(in srgb,var(--color-text) 88%,transparent);opacity:0}.stage-project-body-reserve,.stage-project-body-live{grid-area:1 / 1}.stage-project-body-reserve{visibility:hidden}.stage-project-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(var(--copy-size) * .7) calc(var(--frame-width) * .055);margin:calc(var(--copy-size) * 1.7) 0 0;font-family:var(--font-text);font-size:calc(var(--copy-size) * .92);font-weight:400;line-height:1.4;letter-spacing:.03em}.stage-project-meta .meta-item{opacity:0}.meta-label{text-transform:uppercase;letter-spacing:.08em}.meta-slash{margin:0 .4em;color:var(--color-signal);font-family:var(--font-title);font-size:1.15em;line-height:1}.project-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:.75rem 0 0;font-family:var(--font-text);font-size:.85rem}.project-meta .meta-label{text-transform:uppercase;letter-spacing:.06em}.project-meta .meta-slash{margin:0 .35em;color:var(--color-signal)}.stage.svelte-fiba5e{--color-interactive: var(--color-interaction);--parallax-x: 0px;--parallax-y: 0px;--frame-width: min(78vw, 58dvh);--copy-anchor: 62%;--copy-width: min(22rem, calc(100vw - 2rem) );position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;background:var(--color-background);z-index:0;pointer-events:none;touch-action:none}.stage-id.svelte-fiba5e{position:absolute;left:14px;bottom:12px;z-index:4;margin:0;font-family:var(--font-text);font-size:11px;letter-spacing:.08em;color:#f4efe661;pointer-events:none}.stage-bg.svelte-fiba5e{position:absolute;inset:0;overflow:hidden;pointer-events:none}.stage-bg-shader.svelte-fiba5e{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage-bg-track.svelte-fiba5e{position:absolute;width:0;height:0;overflow:hidden}.stage-collaborate.svelte-fiba5e{position:absolute;left:50%;top:calc(50% - var(--type-lift) + var(--frame-width) / 2 + var(--type-gap) * 2.4);transform:translate(-50%);width:min(42vw,calc(100vw - 2rem));margin:0;text-align:center;font-size:var(--copy-size);line-height:1.45;color:var(--color-interaction);opacity:0;pointer-events:none}.logo-frame.svelte-fiba5e{position:absolute;left:50%;top:calc(50% - var(--type-lift));width:var(--frame-width, min(78vw, 58dvh));aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.actor-composite.svelte-fiba5e{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.outline-lap-cyan.svelte-fiba5e{filter:drop-shadow(0 0 4px rgb(62 200 216 / .32)) drop-shadow(0 0 8px rgb(62 200 216 / .18))}.outline-lap-red.svelte-fiba5e,.outline-progress-red.svelte-fiba5e{filter:drop-shadow(0 0 4px rgb(226 59 47 / .35)) drop-shadow(0 0 8px rgb(226 59 47 / .2))}.logo-ring-red.svelte-fiba5e{filter:drop-shadow(0 0 2px rgb(226 59 47 / .95)) drop-shadow(0 0 6px rgb(226 59 47 / .7)) drop-shadow(0 0 14px rgb(226 59 47 / .4))}.logo-ring-cyan.svelte-fiba5e{filter:drop-shadow(0 0 2px rgb(62 200 216 / .95)) drop-shadow(0 0 6px rgb(62 200 216 / .7)) drop-shadow(0 0 14px rgb(62 200 216 / .4))}.outline-progress-cyan.svelte-fiba5e{filter:drop-shadow(0 0 4px rgb(62 200 216 / .32)) drop-shadow(0 0 8px rgb(62 200 216 / .18))}.actor-svg.svelte-fiba5e{position:relative;z-index:4;display:block;width:100%;height:100%;overflow:visible}.actor-parallax.svelte-fiba5e{will-change:transform}.actor-media.svelte-fiba5e image:where(.svelte-fiba5e){pointer-events:none;visibility:hidden}.tune.svelte-fiba5e{pointer-events:auto;position:absolute;top:1rem;right:1rem;width:min(18rem,calc(100vw - 2rem));padding:.75rem 1rem;font-family:var(--font-text);font-size:.75rem;line-height:1.4;color:#e8e8e8;background:#0c0c0ceb;border:1px solid rgb(255 255 255 / .12);border-radius:.5rem;touch-action:auto}.tune-title.svelte-fiba5e{margin:0 0 .5rem;font-weight:600;letter-spacing:.02em}.tune-field.svelte-fiba5e,.tune-scrub.svelte-fiba5e{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.tune-field.svelte-fiba5e input[type=number]:where(.svelte-fiba5e){width:100%;padding:.25rem .35rem;color:inherit;background:#00000059;border:1px solid rgb(255 255 255 / .15);border-radius:.25rem}.tune-readout.svelte-fiba5e{margin:.25rem 0}.tune-scrub.svelte-fiba5e input[type=range]:where(.svelte-fiba5e){width:100%}
