@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{--paper:#ece6da;--paper-2:#e2dbcd;--ink:#14120f;--ink-2:#4a463f;--shu:#b8362a;--col:8.333%}body{background:var(--paper);color:var(--ink)}.label{color:var(--ink-2)}.label--hot{color:var(--shu)}.act{height:var(--len);background:var(--paper);color:var(--ink)}.act--ink{--paper:#14120f;--paper-2:#1c1a16;--ink:#ece6da;--ink-2:#97918a;--shu:#e0533c}.grain{opacity:.5;mix-blend-mode:multiply}.grid-overlay{z-index:1;pointer-events:none;background-image:repeating-linear-gradient(90deg, #14120f17 0 1px, transparent 1px var(--col));margin-inline:var(--gutter);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(--paper);font-family:var(--mono);font-size:var(--label);letter-spacing:var(--track);text-transform:uppercase;padding:.6rem 1rem;position:fixed}.masthead{z-index:50;padding:clamp(.75rem, 2svh, 1.25rem) var(--gutter);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);mix-blend-mode:normal;background:#ece6dae0;border-bottom:1px solid #14120f29;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.masthead__nav{gap:clamp(.7rem,2.2vw,2rem);display:flex}.masthead__nav a{transition:color .24s var(--ease-out), border-color .24s var(--ease-out);border-bottom:1px solid #0000;padding-bottom:2px}.masthead__nav a[aria-current=true]{color:var(--shu);border-color:var(--shu)}@media (hover:hover) and (pointer:fine){.masthead__nav a:hover{color:var(--shu);border-color:var(--shu)}.cta:hover{background:var(--shu);border-color:var(--shu);color:var(--paper)}.back:hover{color:var(--shu);border-color:var(--shu)}}[data-sheetno]{font-variant-numeric:tabular-nums}.plate{z-index:2;min-width:0;margin:0;position:relative}.plate__frame{aspect-ratio:16/9;background:var(--paper-2);border:1px solid #14120f47;width:100%;max-height:min(56svh,520px);position:relative;overflow:clip}.act--ink .plate__frame{border-color:#ece6da42}.plate__frame .media{object-fit:cover;filter:grayscale()contrast(.6)brightness(1.5);mix-blend-mode:multiply;opacity:.94;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.act--ink .plate__frame .media{filter:grayscale()contrast(.72)brightness(.95);mix-blend-mode:screen}.plate__frame--negative .media{filter:grayscale()invert()contrast(1.18)brightness(1.02)}.act--ink .plate__frame--negative .media{filter:grayscale()contrast(1.1)brightness(1.05);mix-blend-mode:screen}.plate figcaption{justify-content:space-between;align-items:baseline;gap:1.5rem;padding-top:.55rem;display:flex}.plate figcaption span:last-child{text-align:right;text-transform:none;letter-spacing:.06em;max-width:46ch;line-height:1.5}.embers{z-index:3;mix-blend-mode:multiply;filter:grayscale()invert();width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.stage{padding:clamp(4rem, 11svh, 6.5rem) var(--gutter) clamp(2.2rem, 6svh, 3.5rem);align-content:center;gap:clamp(1.2rem,3.5vw,3rem);display:grid}.stage--sheet,.stage--flip{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}.stage--flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.stage--wide{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:clamp(1rem,2.5svh,1.8rem)}.stage--wide .plate__frame{aspect-ratio:1600/844;max-height:min(52svh,470px)}.stage--wide .sheet__type{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(1rem,3vw,2.5rem);display:grid}.stage--wide .spec{align-self:end}.stage--colophon{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.stage--colophon .sheet__type{justify-items:center;max-width:min(90vw,46rem)}.stage--colophon .note-copy,.stage--colophon .spec{width:100%}.stage--colophon .contact{justify-items:center;width:100%}.stage--strip{grid-template-rows:auto minmax(0,1fr);align-content:center;padding-inline-start:0;padding-inline-end:0}.sheet__type{align-content:center;gap:.9rem;min-width:0;display:grid}.wordmark{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(2.4rem,5.6vw,5rem);font-weight:400;line-height:.86}.statement--hero{letter-spacing:-.018em;font-size:clamp(1.8rem,4.2vw,3.6rem)}.statement--act{font-size:clamp(1.6rem,3.2vw,2.9rem);line-height:1.02}.note-copy{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-2);text-transform:uppercase;max-width:44ch;font-size:clamp(.64rem,.8vw,.75rem);line-height:1.85}.spec{border-top:1px solid #14120f33;margin:.4rem 0 0;display:grid}.act--ink .spec{border-top-color:#ece6da38}.spec>div{border-bottom:1px solid #14120f24;justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.act--ink .spec>div{border-bottom-color:#ece6da24}.spec dt,.spec dd{margin:0}.spec dd{color:var(--ink);text-align:right}[data-count],[data-meter]{color:var(--shu);font-variant-numeric:tabular-nums}.trace{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.trace line,.trace circle{vector-effect:non-scaling-stroke}.trace__cut{stroke:var(--shu);stroke-width:1.5px}.trace__base{stroke:var(--ink);stroke-width:1px;stroke-dasharray:4 6;opacity:.55}.trace__node{fill:none;stroke:var(--shu);stroke-width:1.5px}.spec-head{padding-inline:var(--gutter);gap:.8rem;max-width:48ch;display:grid}.strip{padding-inline:var(--gutter);will-change:transform;align-items:center;gap:clamp(1.2rem,3vw,2.6rem);display:flex}.plate--tall{flex:0 0 clamp(14rem,24vw,22rem)}.plate--tall .plate__frame{aspect-ratio:4/5;max-height:min(46svh,420px)}.strip__end{flex:0 0 clamp(15rem,26vw,24rem);justify-items:start;gap:1rem;display:grid}.ticks{left:var(--gutter);right:var(--gutter);z-index:2;height:20px;position:absolute;bottom:clamp(.9rem,2.5svh,1.6rem)}.ticks__rule{stroke:var(--ink);stroke-width:1px;opacity:.45;vector-effect:non-scaling-stroke}.contact{justify-items:start;gap:1rem;margin-top:.4rem;display:grid}.cta{font-family:var(--mono);font-size:var(--label);letter-spacing:var(--track);text-transform:uppercase;color:var(--ink);transition:background .24s var(--ease-out), color .24s var(--ease-out);border:1px solid #14120f4d;align-items:center;gap:.7rem;padding:.85rem 1.25rem;display:inline-flex}.spec--contact{width:100%}.back{right:var(--gutter);bottom:var(--gutter);z-index:80;background:var(--paper);transition:color .24s var(--ease-out), border-color .24s var(--ease-out);border:1px solid #14120f33;padding:.5rem .75rem;position:fixed}@media (max-width:980px){.stage--sheet,.stage--flip{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.2rem}.stage--flip .plate{order:2}.stage--wide .sheet__type{grid-template-columns:minmax(0,1fr);gap:.9rem}.plate__frame{max-height:min(34svh,300px)}.masthead__nav{gap:.6rem}.masthead__nav a .jp{display:none}}@media (max-width:560px) and (pointer:coarse){.grid-overlay{display:none}.plate--tall,.strip__end{flex-basis:72vw}.plate figcaption{flex-direction:column;gap:.2rem}.plate figcaption span:last-child{text-align:left}[data-sheetno]{display:none}}