@font-face{font-family:Instrument Serif;src:url(../fonts/instrument-serif-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(../fonts/instrument-serif-400-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/jetbrains-mono.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Noto Serif JP;src:url(../fonts/noto-serif-jp-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--sumi:#0a0a0b;--sumi-2:#131315;--ink:#050506;--washi:#ede8de;--washi-2:#c7c1b5;--dim:#8b857d;--shu:#c4362a;--shu-hot:#e0533c;--display:"Instrument Serif", "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--jp:"Noto Serif JP", "Hiragino Mincho ProN", serif;--gutter:clamp(1.25rem, 3.2vw, 3.5rem);--rail:clamp(2.6rem, 4.4vw, 4.5rem);--label:clamp(.56rem, .72vw, .7rem);--track:.24em;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{max-width:100%;margin:0;padding:0;overflow-x:clip}body{background:var(--sumi);color:var(--washi);font-family:var(--display);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}img,video,canvas,svg{max-width:100%;display:block}[hidden]{display:none!important}a{color:inherit;text-decoration:none}:where(a,button):focus-visible{outline:1px solid var(--shu);outline-offset:4px}h1,h2,h3,p,figure,blockquote{margin:0}::selection{background:var(--shu);color:var(--washi)}.act{width:100%;position:relative}.stage{isolation:isolate;width:100%;height:100svh;position:sticky;top:0;overflow:clip}.media{object-fit:cover;object-position:var(--crop,50% 50%);will-change:transform;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.media--contain{object-fit:contain}.label{font-family:var(--mono);font-size:var(--label);letter-spacing:var(--track);text-transform:uppercase;color:var(--dim);font-weight:400;line-height:1}.label--hot{color:var(--shu-hot)}.jp{font-family:var(--jp);font-feature-settings:"palt" 1;font-weight:400}.jp--rail{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.28em}.statement{font-family:var(--display);letter-spacing:-.012em;text-wrap:balance;font-weight:400;line-height:1.04}.rule{opacity:.16;background:currentColor;border:0;height:1px;margin:0}.grain{z-index:60;pointer-events:none;opacity:.34;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:fixed;top:-120px;bottom:-120px;left:-120px;right:-120px}html.motion [data-reveal]{opacity:0}.demo-hud{left:var(--gutter);bottom:var(--gutter);z-index:90;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050506b8;border:1px solid #ede8de1f;align-items:center;gap:1.25rem;padding:.6rem .9rem;font-size:.62rem;display:flex;position:fixed}.demo-hud [data-state]{color:var(--shu)}.demo-hud[data-state=complete] [data-state]{color:var(--washi)}html.demo .chrome-hide{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain{opacity:.22}}:root{--ground:var(--ink)}body{background:var(--ground)}.act{height:var(--len)}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);top:var(--gutter);z-index:100;background:var(--shu);color:var(--washi);font-family:var(--mono);font-size:var(--label);letter-spacing:var(--track);text-transform:uppercase;padding:.6rem 1rem;position:fixed}.rail{height:100svh;width:var(--rail);z-index:40;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0}.rail--left{pointer-events:auto;flex-direction:column;gap:1.6rem;left:0}.rail--left a{opacity:.42;transition:opacity .24s var(--ease-out), color .4s var(--ease-out);padding:.4rem;position:relative}.rail--left a[aria-current=true]{opacity:1}.rail--left a[aria-current=true] .label{color:var(--shu-hot)}.rail--right{right:0}.rail--right .jp{color:var(--dim);opacity:.8;font-size:clamp(.85rem,1.05vw,1.05rem)}.aperture{--k:1;width:min(78vw,1180px);height:min(46svh,460px);translate:-50% -58%;transform:scaleY(var(--k));transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%;overflow:clip;-webkit-mask-image:radial-gradient(108% 128%,#000 34%,#0000 98%);mask-image:radial-gradient(108% 128%,#000 34%,#0000 98%)}html.motion .aperture{--k:.045}.aperture-inner{transform:scaleY(calc(1 / var(--k)));transform-origin:50%;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.aperture-line{z-index:2;background:var(--shu);height:1px;opacity:var(--line,1);position:absolute;top:50%;left:0;right:0}.iris{aspect-ratio:1600/844;--iy:0%;--ix:0%;width:min(88vw,1340px);max-height:78svh;clip-path:inset(var(--iy) var(--ix) round 0);will-change:clip-path;position:absolute;top:50%;left:50%;overflow:clip;translate:-50% -50%;-webkit-mask-image:radial-gradient(102% 118%,#000 38%,#0000 97%);mask-image:radial-gradient(102% 118%,#000 38%,#0000 97%)}html.motion .iris{--iy:46%;--ix:34%}.stage--cut:before,.stage--cut:after{content:"";z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.stage--cut:before{background:linear-gradient(90deg, var(--ground) 0%, #050506db 16%, transparent 42%)}.stage--cut:after{background:radial-gradient(130% 110%,#0000 48%,#050506b8 100%)}.stage--void{place-items:center;display:grid}.void-head{text-align:center;z-index:3;position:absolute;top:clamp(2.2rem,7svh,5rem);left:50%;translate:-50%}.void-head .label{margin-bottom:.9rem}.wordmark{font-family:var(--display);letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;color:var(--washi);font-size:clamp(2.4rem,7vw,6rem);font-weight:400;line-height:.9}.void-foot{text-align:center;z-index:3;width:min(92vw,1180px);position:absolute;bottom:clamp(2.6rem,9svh,5.4rem);left:50%;translate:-50%}.statement--hero{letter-spacing:-.02em;margin-bottom:1.6rem;font-size:clamp(2.6rem,8.4vw,8rem)}.statement--hero br{display:block}html:not(.motion) .void-caption{display:none}.void-caption{z-index:3;text-align:center;position:absolute;bottom:clamp(2.4rem,8svh,4.6rem);left:50%;translate:-50%}.scroll-cue{z-index:4;position:absolute;bottom:1.4rem;left:50%;translate:-50%}.has-scrolled .scroll-cue{transition:opacity .5s var(--ease-out);opacity:0!important}.scroll-cue:after{content:"";background:linear-gradient(var(--dim), transparent);width:1px;height:26px;margin:.7rem auto 0;display:block}.stage--cut{background:var(--ground)}.cut-type{left:calc(var(--rail) + clamp(.5rem, 2vw, 2.2rem));z-index:3;max-width:min(36vw,30ch);position:absolute;top:50%;translate:0 -50%}.cut-type .label{margin-bottom:1.1rem}.statement--act{font-size:clamp(1.75rem,3.5vw,3.3rem);line-height:1.02}.cut-meta{right:var(--rail);z-index:3;align-items:center;gap:.8rem;display:flex;position:absolute;bottom:clamp(2rem,7svh,4rem)}.cut-meta__rule{opacity:.4;background:currentColor;width:54px;height:1px;display:block}[data-cut-count]{color:var(--shu-hot);font-variant-numeric:tabular-nums}.stage--return{place-items:center;display:grid}.aperture--close{width:min(70vw,980px);height:min(46svh,440px)}.return-type{z-index:3;text-align:center;padding:0 var(--gutter);justify-items:center;gap:1.6rem;display:grid;position:relative}.cta{font-family:var(--mono);font-size:var(--label);letter-spacing:var(--track);text-transform:uppercase;color:var(--washi);transition:border-color .24s var(--ease-out), color .24s var(--ease-out);border:1px solid #ede8de38;align-items:center;gap:.85rem;padding:.95rem 1.5rem;display:inline-flex}.cta__mark{background:var(--shu);width:6px;height:6px;transition:scale .24s var(--ease-out);border-radius:50%}@media (hover:hover) and (pointer:fine){.cta:hover{border-color:var(--shu);color:var(--shu)}.cta:hover .cta__mark{scale:1.6}.back:hover{color:var(--washi);border-color:var(--shu)}.rail--left a:hover{opacity:1}}.colophon{left:var(--rail);right:var(--rail);z-index:3;justify-content:space-between;display:flex;position:absolute;bottom:clamp(1.4rem,4svh,2.4rem)}.back{right:var(--gutter);top:var(--gutter);z-index:80;color:var(--dim);transition:color .24s var(--ease-out), border-color .4s var(--ease-out);border-bottom:1px solid #0000;position:fixed}@media (max-width:900px){.cut-type{text-align:center;max-width:min(86vw,34ch);top:auto;bottom:clamp(3rem,12svh,6rem);left:50%;translate:-50%}.cut-meta{bottom:1.4rem;right:50%;translate:50%}.aperture{width:86vw}}@media (max-width:560px) and (pointer:coarse){.rail--right{display:none}.rail--left{width:2.2rem}.aperture,.aperture--close{width:92vw;height:40svh}.iris{width:94vw;max-height:46svh}.cut-type{mix-blend-mode:normal}.colophon{left:var(--gutter);right:var(--gutter);flex-direction:column;align-items:center;gap:.4rem}.back{left:50%;right:auto;translate:-50%}}