@font-face{font-family:plex;src:url(/_next/static/media/44abb7d9d613e278.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}.__className_fe967b{font-family:plex;font-weight:400;font-style:normal}.__variable_fe967b{--font-plex:"plex"}:root{--paper:#f4f3ef;--ink:#01030c;--muted:#4f5c73;--rule:#c3c7cf;--mark:#242629;--line:#1030ec;--accent:#1030ec;--lockup-filter:none;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#202529;--ink:#fafafb;--muted:#a3a7aa;--rule:#3a4046;--mark:#fafafb;--line:#75b6d3;--accent:#75b6d3;--lockup-filter:invert(1) brightness(1.14);color-scheme:dark}}:root[data-theme=dark]{--paper:#202529;--ink:#fafafb;--muted:#a3a7aa;--rule:#3a4046;--mark:#fafafb;--line:#75b6d3;--accent:#75b6d3;--lockup-filter:invert(1) brightness(1.14);color-scheme:dark}html{scroll-padding-top:env(safe-area-inset-top,0)}*,:after,:before{box-sizing:border-box}body,html{margin:0;background:var(--paper);color:var(--ink)}body{font-family:var(--font-plex),"IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bar{position:fixed;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 22px) clamp(20px,4vw,56px) 0;pointer-events:none}.logo{position:relative}.logo:before{content:"";position:absolute;inset:-10px -18px;background:var(--paper);filter:blur(14px);opacity:.9;z-index:-1}.bar img{height:clamp(34px,3.2vw,46px);width:auto;display:block;filter:var(--lockup-filter)}.readout{font-size:11px;letter-spacing:.32em;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}#seq{position:relative;height:1250vh}.stage{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}canvas{left:0;top:0;width:100%;height:100%;display:block}.beat,canvas{position:absolute}.beat{left:clamp(20px,4vw,56px);bottom:clamp(28px,7vh,72px);font-size:clamp(17px,1.75vw,26px);max-width:min(34ch,84vw);opacity:0;pointer-events:none;will-change:opacity}.beat:before{content:"";position:absolute;inset:-22px -30px;background:var(--paper);filter:blur(24px);opacity:.9;z-index:-1}.beat .idx{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:11px;letter-spacing:.32em;color:var(--muted)}.beat .idx i{display:block;width:6px;height:6px;background:var(--line)}.beat h1,.beat p{margin:0;font-size:inherit;line-height:1.26;font-weight:400;letter-spacing:-.01em;text-wrap:balance}.hint{position:absolute;right:clamp(20px,4vw,56px);bottom:clamp(28px,7vh,72px);display:flex;align-items:center;gap:12px;opacity:0;font-size:11px;letter-spacing:.32em;color:var(--muted)}.hint:after{content:"";display:block;width:1px;height:34px;background:var(--muted);opacity:.7}@media (max-width:719px){.hint{display:none}#seq{height:1100vh}}footer{border-top:1px solid var(--rule);padding:clamp(40px,8vh,88px) clamp(20px,4vw,56px) calc(env(safe-area-inset-bottom,0px) + 40px);font-size:12px;line-height:1.75;color:var(--muted)}footer .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:28px 40px;gap:28px 40px;max-width:1120px}footer h2{margin:0 0 10px;font-size:11px;font-weight:400;letter-spacing:.32em;color:var(--ink)}footer p{margin:0}footer a{color:inherit}footer .legal{margin-top:44px}