.hero{position:relative;height:100dvh;min-height:560px;overflow:hidden;background:var(--color-paper)}@supports not (height: 100dvh){.hero{height:100vh}}.scene,.scene__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene__fallback{object-fit:cover}.scene__canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity var(--dur-scene) var(--ease-out)}.hero--ready .scene__canvas{opacity:1}.book{position:absolute;top:0;left:0;z-index:2;border-radius:50%}.book:focus-visible{outline:none}.book__label{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--nudge, 0px)),-50%);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-sm);font-weight:600;line-height:1.2;white-space:nowrap;opacity:0;transition:opacity var(--dur-long) var(--ease-out) .9s,border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.hero--ready .book__label{opacity:1}.book--instagram .book__label{top:30%}.book__label svg{width:15px;height:15px;fill:currentColor}.book:hover .book__label{border-color:var(--color-accent-2);color:var(--color-accent-2)}.book:focus-visible .book__label{border-color:var(--color-accent-2);color:var(--color-accent-2);outline:2px solid var(--color-focus);outline-offset:2px}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 56%,var(--color-scrim) 86%,var(--color-paper) 100%)}.hero__panel{--inset: max(var(--gutter), calc((100% - var(--container)) / 2 + var(--gutter)));position:absolute;z-index:3;left:var(--inset);right:var(--inset);bottom:var(--space-xl);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title status" "dock dock";align-items:end;gap:var(--space-lg) var(--space-xl);animation:arrive var(--dur-long) var(--ease-out) var(--dur-short) both}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}}.hero__title{grid-area:title;min-width:0}.wordmark{margin:0;max-width:none;font-family:var(--font-outlier);font-size:var(--text-wordmark);font-weight:600;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);text-shadow:0 2px 16px var(--color-shadow);overflow-wrap:break-word;min-width:0}.tagline{margin-top:var(--space-xs);font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(1.5rem,1.4vw + .9rem,2.25rem);line-height:1.15;letter-spacing:.01em;color:var(--color-accent-2);text-shadow:0 2px 12px var(--color-shadow)}.status{grid-area:status;display:flex;align-items:center;gap:var(--space-sm);min-width:min(20rem,100%);max-width:440px;padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-paper-2);text-decoration:none;transition:border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.status:hover{border-color:var(--color-accent-2);background:var(--color-paper-3)}.status__text{display:grid;gap:var(--space-3xs);color:var(--color-ink-2);line-height:1.35}.status__text strong{color:var(--color-ink);font-weight:600}.status__when{color:var(--color-muted);font-size:var(--text-sm)}.status--live{border-color:var(--color-live)}.status--live strong{color:var(--color-live)}.status__dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--color-live)}.dock{grid-area:dock;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.dock__link{display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0;min-height:48px;padding:0 var(--space-lg) 0 var(--space-md);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink);font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.dock__link:hover{border-color:var(--color-accent);background:var(--color-paper-3)}.dock__link:active{transform:translateY(1px)}.dock__link svg{flex:none;width:20px;height:20px;fill:var(--platform, currentColor)}.dock__link--youtube{--platform: var(--color-youtube)}.dock__link--tiktok{--platform: var(--color-tiktok)}.dock__link--instagram{--platform: var(--color-instagram)}.dock__handle{overflow:hidden;color:var(--color-muted);font-size:var(--text-sm);font-weight:400;text-overflow:ellipsis}.dock__link--twitch{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.dock__link--twitch:hover{border-color:var(--color-accent-2);background:var(--color-accent-2)}.dock__link--twitch .dock__handle{color:var(--color-accent-ink)}.dock__more{display:grid;place-items:center;flex:none;width:48px;height:48px;border:var(--rule-hair) solid var(--color-rule);border-radius:50%;background:var(--color-paper-2);transition:background-color var(--dur-short) var(--ease-out)}.dock__more:hover{background:var(--color-paper-3)}.dock__more span{width:10px;height:10px;margin-top:-5px;border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);transform:rotate(45deg)}@media (max-width: 1180px){.dock__handle{display:none}}@media (max-width: 860px){.hero__panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "status" "dock";gap:var(--space-sm)}.status{max-width:none}}@media (max-aspect-ratio: 20/21){.book{display:none}.hero__shade{background:linear-gradient(180deg,transparent 36%,var(--color-scrim) 56%,var(--color-paper) 70%)}.hero__panel{left:var(--gutter);right:var(--gutter);bottom:var(--space-md);gap:var(--space-sm)}.wordmark{font-size:clamp(2.5rem,12vw,3.6rem)}.tagline{margin-top:var(--space-2xs);font-size:1.3rem}.status{padding:var(--space-sm) var(--space-md)}.dock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.dock__link{padding:0 var(--space-md)}.dock__link--twitch{grid-column:1 / -1}.dock__link--twitch .dock__handle{display:inline;margin-left:auto;font-weight:600}.dock__more{grid-column:1 / -1;width:auto;height:32px;border:0;background:none}}.block{padding-block:var(--section-gap-s) var(--section-gap)}.block h2{margin-bottom:var(--space-2xl)}.videos{display:grid;grid-template-columns:minmax(0,256fr) minmax(0,81fr);gap:var(--gap-columns)}.videos iframe{display:block;width:100%;border:0;border-radius:var(--radius-card);outline:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2)}.videos__long{aspect-ratio:16 / 9}.videos__short{aspect-ratio:9 / 16}@media (max-width: 720px){.videos{grid-template-columns:minmax(0,1fr)}.videos__short{max-width:340px;margin:0 auto}}@media (max-width: 40rem){.videos__short{max-width:none}}.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap-columns);align-items:start}.split>h2{grid-column:1 / span 4;margin-bottom:0}.split>:not(h2){grid-column:5 / -1}.block--tools{padding-block:var(--section-gap);background:var(--color-paper-2)}.block--tools h2{position:sticky;top:var(--space-2xl)}.tools{display:grid;border-top:var(--rule-hair) solid var(--color-rule-trim)}.tool{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) 7.5rem;grid-template-rows:auto 1fr;grid-template-areas:"name blurb action" "kind blurb action";align-items:start;gap:var(--space-2xs) var(--gap-columns);padding:var(--space-lg) var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule-trim);text-decoration:none;transition:background-color var(--dur-short) var(--ease-out)}.tool:hover,.tool:active{background:var(--color-paper-3)}.tool__name{grid-area:name;font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--display-weight);letter-spacing:var(--tracking-display);line-height:1.2;text-wrap:balance}.tool__kind{grid-area:kind;color:var(--color-muted);font-size:var(--text-sm)}.tool__blurb{grid-area:blurb;align-self:center;max-width:60ch;color:var(--color-ink-2);text-wrap:pretty}.tool__action{grid-area:action;align-self:center;justify-self:end;color:var(--color-accent);font-weight:600;white-space:nowrap}.tool:hover .tool__action{color:var(--color-accent-2)}.foot{padding-block:var(--section-gap) var(--space-2xl)}.credits{margin:0;max-width:62ch;font-size:var(--text-lead);line-height:1.6;text-wrap:pretty}.credits div,.credits dt,.credits dd{display:inline}.credits div{white-space:nowrap}.credits dt{color:var(--color-muted)}.credits dd{margin:0 0 0 .3em;color:var(--color-ink)}.credits dd:after{content:"."}.foot__links{display:flex;margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule-trim);flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);color:var(--color-muted);font-size:var(--text-sm)}.foot__links a:hover{color:var(--color-ink)}@media (max-width: 60rem){.block h2,.foot h2{margin-bottom:var(--space-xl)}.split>h2,.split>:not(h2){grid-column:1 / -1}.block--tools h2{position:static}}@media (max-width: 40rem){.tool{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;grid-template-areas:"name action" "kind action" "blurb blurb";padding:var(--space-md) 0}.tool__blurb{margin-top:var(--space-xs)}.credits{font-size:var(--text-md)}}:root{--color-paper: oklch(19.5% .061 274);--color-paper-2: oklch(23.5% .068 274);--color-paper-3: oklch(28% .074 274);--color-ink: oklch(96.2% .011 85);--color-ink-2: oklch(87% .022 80);--color-muted: oklch(76% .04 274);--color-rule: oklch(33% .064 274);--color-rule-2: oklch(58% .07 75);--color-rule-trim: oklch(44% .06 75);--color-accent: oklch(82.9% .08 75);--color-accent-2: oklch(90.1% .106 85);--color-accent-ink: oklch(19.5% .061 274);--color-focus: oklch(90.1% .106 85);--color-live: oklch(72% .17 15);--color-youtube: oklch(66% .21 27);--color-tiktok: oklch(86% .13 190);--color-instagram: oklch(72% .17 355);--color-scrim: oklch(19.5% .061 274 / .9);--color-shadow: oklch(8% .03 274 / .6);--font-display: "Bodoni Moda", "Didot", Georgia, serif;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-outlier: var(--font-display);--radius-card: 10px;--radius-pill: 999px;--rule-hair: 1px;--tracking-display: -.01em;--display-weight: 500;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 144px;--text-xs: .8125rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-display-s: clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section: clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title: clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead: clamp(1.125rem, .35vw + 1rem, 1.375rem);--text-wordmark: clamp(3rem, 7vw, 6.6rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--dur-scene: .6s;--container: 1440px;--gutter: 64px;--gap-columns: 32px;--section-gap-s: 120px;--section-gap: 144px;--section-gap-l: 176px;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-sticky-nav: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{color-scheme:dark;scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl);scroll-behavior:smooth}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;caret-color:var(--color-accent)}::selection{background:color-mix(in oklab,var(--color-accent) 30%,transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:var(--display-weight);font-synthesis:none;letter-spacing:var(--tracking-display);line-height:1.05;overflow-wrap:break-word;min-width:0;text-wrap:balance}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}p{margin:0;text-wrap:pretty}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width: 60rem){:root{--gutter: 24px;--section-gap-s: 80px;--section-gap: 96px;--section-gap-l: 120px}}@media (max-width: 40rem){:root{--gutter: 16px;--section-gap-s: 56px;--section-gap: 72px;--section-gap-l: 96px;--gap-columns: 16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}