@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}.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:#06090b;--steel:#8ba4b1;--steel-dim:#7d919c;--shu:#cf4530;--shu-hot:#e2604b}body{background:var(--ground);color:var(--washi)}.act{height:var(--len)}.label{color:var(--steel-dim)}.label--hot{color:var(--shu-hot)}.tide{z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 10% 0,#8ba4b117 0%,#0000 58%),radial-gradient(100% 70% at 92% 100%,#8ba4b112 0%,#0000 56%);position:fixed;top:0;bottom:0;left:0;right:0}.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}.marks{z-index:50;padding-inline:var(--gutter);justify-content:center;gap:clamp(1.2rem,4vw,3.4rem);display:flex;position:fixed;bottom:clamp(1rem,3.4svh,2rem);left:0;right:0}.marks a{opacity:.5;transition:opacity .24s var(--ease-out), color .24s var(--ease-out);justify-items:center;gap:.45rem;display:grid}.marks a i{background:currentColor;width:clamp(22px,4vw,44px);height:1px;display:block}.marks a[aria-current=true]{opacity:1;color:var(--steel)}.marks a[aria-current=true] i{background:var(--shu-hot)}@media (hover:hover) and (pointer:fine){.marks a:hover{opacity:1;color:var(--steel)}.cta:hover{border-color:var(--shu-hot);color:var(--steel)}.cta:hover .cta__mark{scale:1.6}.back:hover{color:var(--steel)}}.plane{will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.plane--far{z-index:1}.plane--mid{z-index:2}.plane--near{z-index:4;padding-inline:var(--gutter);place-items:center;padding-bottom:clamp(3rem,9svh,5rem);display:grid}.plane--far .media{filter:saturate(.42)contrast(1.12)brightness(.92);width:120%;max-width:none;left:-10%;right:auto}.act--accent .plane--far .media{filter:saturate(.86)contrast(1.14)brightness(1.1)}.embers{z-index:3;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hair{background:linear-gradient(#0000,#8ba4b14d,#0000);width:1px;position:absolute;top:0;bottom:0}.hair:first-child{left:22%}.hair:nth-child(2){left:55%}.hair:nth-child(3){left:81%}.wash{z-index:3;pointer-events:none;background:linear-gradient(90deg, var(--ground) 0%, #06090b57 18%, transparent 44%), radial-gradient(130% 110% at 50% 50%, transparent 46%, #06090bd1 100%), linear-gradient(0deg, #06090bb8 0%, transparent 38%);position:absolute;top:0;bottom:0;left:0;right:0}.act--right .wash{background:linear-gradient(270deg, var(--ground) 0%, #06090b57 18%, transparent 44%), radial-gradient(130% 110% at 50% 50%, transparent 46%, #06090bd1 100%), linear-gradient(0deg, #06090bb8 0%, transparent 38%)}.refract{font-family:var(--display);letter-spacing:-.012em;color:var(--washi);--sep:0px;will-change:transform;margin:0;font-size:clamp(1.8rem,4.4vw,3.8rem);font-weight:400;line-height:1.02;position:relative}.refract__l{z-index:2;display:block;position:relative}.refract__g{pointer-events:none;mix-blend-mode:screen;filter:blur(calc(var(--sep) * .4));display:block;position:absolute;top:0;bottom:0;left:0;right:0}.refract__g--cool{color:var(--steel);transform:translate3d(calc(var(--sep) * -1), 0, 0);opacity:.5}.refract__g--warm{color:var(--shu);transform:translate3d(var(--sep), 0, 0);opacity:.38}.refract--mark{letter-spacing:.02em;text-transform:uppercase;font-size:clamp(3.4rem,12vw,11rem);line-height:.88}.drift-type{text-align:center;justify-items:center;gap:clamp(.8rem,2.4svh,1.6rem);max-width:min(86vw,40rem);display:grid}.act--left .drift-type,.act--right .drift-type{max-width:min(46vw,32rem)}.act--left .drift-type{text-align:left;justify-self:start;justify-items:start;margin-left:clamp(0rem,4vw,5rem)}.act--right .drift-type{text-align:right;justify-self:end;justify-items:end;margin-right:clamp(0rem,4vw,5rem)}.statement--hero{color:var(--washi);font-size:clamp(1.6rem,4vw,3.4rem)}.act--accent .plane--near{align-items:end;padding-bottom:clamp(4.5rem,14svh,8rem)}.sub{max-width:34rem;line-height:1.7}.act-foot{left:var(--gutter);right:var(--gutter);z-index:5;justify-content:space-between;gap:1rem;display:flex;position:absolute;bottom:clamp(4.2rem,10svh,6rem)}[data-count],[data-temp],[data-depth]{color:var(--steel);font-variant-numeric:tabular-nums}.scroll-cue{z-index:6;opacity:0;transition:opacity .5s var(--ease-out);position:absolute;bottom:clamp(5.4rem,13svh,7.5rem);left:50%;translate:-50%}.has-scrolled .scroll-cue{opacity:0!important}.contact{gap:1.2rem;justify-items:inherit;width:100%;display:grid}.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 #8ba4b147;align-items:center;gap:.85rem;padding:.9rem 1.4rem;display:inline-flex}.cta__mark{background:var(--shu-hot);width:6px;height:6px;transition:scale .24s var(--ease-out);border-radius:50%}.contact__list{border-top:1px solid #8ba4b133;width:100%;margin:0;display:grid}.contact__list>div{text-align:left;border-bottom:1px solid #8ba4b124;justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.contact__list dt,.contact__list dd{margin:0}.contact__list dd{color:var(--washi);text-transform:none;letter-spacing:.08em}.back{right:var(--gutter);top:var(--gutter);z-index:80;color:var(--steel-dim);transition:color .24s var(--ease-out);position:fixed}@media (max-width:980px){.act--left .drift-type,.act--right .drift-type{text-align:center;justify-self:center;justify-items:center;margin:0}.refract--mark{font-size:clamp(2.6rem,14vw,6rem)}}@media (max-width:560px) and (pointer:coarse){.marks{gap:.9rem}.plane--mid{display:none}.act-foot{flex-direction:column;align-items:center;gap:.3rem}.contact__list>div{flex-direction:column;gap:.15rem}.back{left:50%;right:auto;translate:-50%}}