@font-face{font-family:Tomato Grotesk;src:url(/fonts/TomatoGrotesk-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tomato Grotesk;src:url(/fonts/TomatoGrotesk-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root,[data-theme=light]{--color-frame: #070707;--color-bg: #fff9f7;--color-title: #1a0902;--color-body: rgba(26, 9, 2, .6);--color-disable: rgba(26, 9, 2, .3);--color-divider: rgba(7, 7, 7, .14);--color-highlight: #ff5610;--color-highlight-invert: #f3682e;--color-title-rgb: 26, 9, 2;--color-overlay: rgba(var(--color-title-rgb), .3);--color-media-stroke: rgba(255, 249, 247, .1);--media-stroke-width: .8px;--color-text: var(--color-title);--color-text-60: var(--color-body);--color-text-40: var(--color-disable);--font-primary: var(--font-body);--font-heading: "Tomato Grotesk", system-ui, sans-serif;--font-body: "Tomato Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--text-disp: clamp(64px, 30.2px + 9.01vw, 160px);--text-h1: clamp(40px, 28.7px + 3.01vw, 72px);--text-h2: clamp(34px, 26.3px + 2.07vw, 56px);--text-h3: clamp(28px, 23.8px + 1.13vw, 40px);--text-h4: clamp(24px, 21.2px + .75vw, 32px);--text-h5: clamp(20px, 18.6px + .38vw, 24px);--text-h6: clamp(16px, 15.3px + .19vw, 18px);--text-16: 16px;--text-14: 14px;--lh-body: 1.4;--text-label-lg: 24px;--text-label-sm: 14px;--text-mono-14: 14px;--text-mono-12: 12px;--frame-pad: 8px;--panel-pad: 32px;--panel-intro-pad: clamp(24px, 2.38vw, 40px);--panel-intro-title-offset: clamp(36px, 7.3vh, 80px);--panel-intro-title-tracking: -.028em;--panel-radius: 8px}:root[data-theme=dark],[data-theme=dark]{--color-frame: #070707;--color-bg: #070707;--color-title: #fef3ee;--color-body: rgba(254, 243, 238, .6);--color-disable: rgba(254, 243, 238, .4);--color-divider: rgba(255, 249, 247, .14);--color-highlight: #ff5610;--color-highlight-invert: #f3682e;--color-title-rgb: 254, 243, 238;--color-overlay: rgba(var(--color-title-rgb), .3)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-frame);color:var(--color-title);font-family:var(--font-body);font-size:var(--text-16);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}img,video{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:where(a,button,input,select,textarea,[role=button]){-webkit-tap-highlight-color:transparent}.mono{font-family:var(--font-mono);font-size:var(--text-mono-14);letter-spacing:0;text-transform:uppercase;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ls-root{--gap: 260px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:transparent;--color-bg: #070707;--color-title: #fef3ee;--color-text: #fef3ee;--color-text-60: rgba(254, 243, 238, .6);color:var(--color-title)}.ls-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--color-bg);will-change:transform;transition:background-color .45s ease}@media (prefers-reduced-motion: reduce){.ls-panel{transition:none}}.ls-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;clip-path:inset(0 0 0 0);will-change:clip-path}.ls-lines{position:relative;display:grid;grid-template-columns:1fr var(--gap) 1fr;align-items:center;row-gap:4px}.ls-part{font-family:var(--font-primary);white-space:pre;will-change:transform,opacity;opacity:0;overflow:clip;overflow-clip-margin:.06em}.ls-line{display:inline-block;white-space:pre;padding-bottom:.18em;margin-bottom:-.18em;will-change:transform}.ls-year-l,.ls-year-r{grid-row:1;font-family:var(--font-mono);font-size:var(--text-label-sm);line-height:24px;font-weight:var(--weight-regular);text-transform:uppercase}.ls-name-l,.ls-name-r{grid-row:2;font-family:var(--font-heading);font-size:var(--text-label-lg);line-height:28px;font-weight:var(--weight-semibold);letter-spacing:-.01em;text-transform:uppercase;color:var(--color-highlight)}.ls-year-l,.ls-name-l{grid-column:1;justify-self:end}.ls-year-r,.ls-name-r{grid-column:3;justify-self:start}.ls-muted{color:var(--color-text-60)}.ls-cat{position:absolute;left:50%;top:50%;width:128px;height:128px;transform:translate(-50%,-78%);pointer-events:none;opacity:0}.ls-cat svg{display:block}@media (max-width: 900px){.ls-lines{max-width:calc(100vw - 40px);row-gap:3px}.ls-year-l,.ls-year-r{font-size:clamp(12px,1.4vw + 8px,15px);line-height:20px}.ls-name-l,.ls-name-r{font-size:clamp(18px,2vw + 12px,22px);line-height:26px}.ls-cat{width:clamp(82px,11vw,112px);height:clamp(82px,11vw,112px);transform:translate(-50%,-80%)}}.cursor{position:fixed;top:0;left:0;z-index:200;display:grid;place-items:center;pointer-events:none;opacity:0}.cursor-dot,.cursor-box{grid-area:1 / 1;width:16px;height:16px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.cursor-dot{background:var(--color-highlight)}.cursor-box{background:var(--color-highlight);transform:scale(0)}.cursor[data-mode=see] .cursor-dot,.cursor[data-mode=sound-intro] .cursor-dot,.cursor[data-mode=scroll] .cursor-dot,.cursor[data-mode=close] .cursor-dot,.cursor[data-mode=info] .cursor-dot,.cursor[data-mode=focus] .cursor-dot,.cursor[data-mode=sound] .cursor-dot,.cursor[data-mode=hover] .cursor-dot{transform:scale(0)}.cursor[data-mode=see] .cursor-box,.cursor[data-mode=sound-intro] .cursor-box,.cursor[data-mode=scroll] .cursor-box,.cursor[data-mode=close] .cursor-box,.cursor[data-mode=info] .cursor-box,.cursor[data-mode=focus] .cursor-box,.cursor[data-mode=sound] .cursor-box{transform:scale(1)}.cursor[data-mode=close] .cursor-box,.cursor[data-mode=focus] .cursor-box{background-image:conic-gradient(#070707 calc(var(--detail-progress, 0) * 360deg),transparent calc(var(--detail-progress, 0) * 360deg))}.cursor[data-mode=scroll] .cursor-box{background-image:conic-gradient(#070707 calc(var(--about-progress, 0) * 360deg),transparent calc(var(--about-progress, 0) * 360deg))}.cursor-label{position:fixed;top:0;left:0;z-index:200;pointer-events:none;opacity:0;font-family:var(--font-mono);font-size:var(--text-mono-14);text-transform:uppercase;line-height:1.4;white-space:nowrap;color:#fff;mix-blend-mode:exclusion;transition:opacity .22s ease}.cursor-label[data-mode=see],.cursor-label[data-mode=sound-intro],.cursor-label[data-mode=scroll],.cursor-label[data-mode=close],.cursor-label[data-mode=info],.cursor-label[data-mode=focus],.cursor-label[data-mode=sound]{opacity:1}.film-grain{position:fixed;top:0;left:0;z-index:30;pointer-events:none;opacity:.07;mix-blend-mode:overlay;will-change:transform;animation:film-grain .34s steps(1) infinite}@keyframes film-grain{0%{transform:translate3d(-15px,-21px,0)}10%{transform:translate3d(-10px,-20px,0)}20%{transform:translate3d(-8px,-7px,0)}30%{transform:translate3d(-22px,-17px,0)}40%{transform:translate3d(-3px,-5px,0)}50%{transform:translate3d(-19px,-2px,0)}60%{transform:translate3d(-6px,-23px,0)}70%{transform:translate3d(-24px,-9px,0)}80%{transform:translate3d(-12px,-14px,0)}90%{transform:translate3d(-1px,-18px,0)}}@media (max-width: 600px){.film-grain{display:none}}@media (prefers-reduced-motion: reduce),(pointer: coarse){.film-grain{animation:none;transform:translate3d(-12px,-12px,0)}}.pt-overlay{--pt-color: var(--color-text);position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;pointer-events:none;visibility:hidden}.pt-screen,.pt-pixel-grid{position:absolute;top:0;right:0;bottom:0;left:0}.pt-screen{background:var(--pt-color);opacity:0}.pt-pixel-grid{display:grid;overflow:hidden}.pt-pixel{display:block;width:calc(100% + 1.5px);height:calc(100% + 1.5px);margin:-.75px 0 0 -.75px;background:var(--pt-color);backface-visibility:hidden;transform:translateZ(0) scaleY(0);will-change:transform}::view-transition{background:var(--color-text)}::view-transition-group(root){animation-duration:1.4s;animation-timing-function:cubic-bezier(.4,.3,0,1)}::view-transition-image-pair(root){isolation:auto}::view-transition-old(root){z-index:1;animation:pt-overlap-old 1.4s cubic-bezier(.4,.3,0,1) both}::view-transition-new(root){z-index:2;animation:pt-overlap-new 1.4s cubic-bezier(.4,.3,0,1) both}@keyframes pt-overlap-old{0%{transform:translateY(0) scale(1);opacity:1;filter:brightness(1)}to{transform:translateY(-160px) scale(.95);opacity:1;filter:brightness(.4)}}@keyframes pt-overlap-new{0%{transform:translateY(50vh);clip-path:inset(70% 0 0 0)}to{transform:translateY(0);clip-path:inset(0 0 0 0)}}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}.cookie-consent{position:fixed;left:50%;bottom:16px;z-index:35;display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);padding:4px 4px 4px 16px;border-radius:4px;border:.5px solid rgba(255,249,247,.1);box-shadow:inset 0 0 0 .5px #fff9f71a;background:var(--color-frame);color:var(--color-title);font-family:var(--font-body);font-size:var(--text-14);line-height:var(--lh-body);transform:translate(-50%);animation:cookie-consent-in .5s cubic-bezier(.22,1,.36,1) both}.cookie-consent.is-leaving{animation:cookie-consent-out .32s cubic-bezier(.4,0,1,1) both}.cookie-consent-text{margin:0}.cookie-consent-actions{display:flex;gap:4px;flex:0 0 auto}.cookie-consent-btn{height:32px;padding:0 12px;border:0;border-radius:2px;background:transparent;color:var(--color-body);font-family:var(--font-mono);font-size:var(--text-mono-12);line-height:1.3;text-transform:uppercase;cursor:pointer;transition:color .2s ease,background-color .2s ease}.cookie-consent-btn:hover,.cookie-consent-btn:focus-visible{color:var(--color-title)}.cookie-consent-btn:focus-visible{outline:1px solid var(--color-body);outline-offset:1px}.cookie-consent-btn.is-primary{background:var(--color-bg);color:var(--color-title)}.cookie-consent-btn.is-primary:hover,.cookie-consent-btn.is-primary:focus-visible{background:#fff;color:var(--color-title)}@keyframes cookie-consent-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes cookie-consent-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,12px)}}@media (prefers-reduced-motion: reduce){.cookie-consent,.cookie-consent.is-leaving{animation-duration:.01s}}@media (max-width: 900px){.cookie-consent{bottom:64px;width:289px;flex-wrap:wrap;gap:8px;padding:12px 4px 4px 16px}.cookie-consent-text{width:100%;padding-right:12px}.cookie-consent-actions{width:100%;justify-content:flex-end}}
