@font-face{font-family:Noto Serif JP;src:url(/kit/type/fonts/NotoSerifJP-wght200-400-web.woff2)format("woff2");font-weight:200 400;font-display:swap}@font-face{font-family:Albert Sans;src:url(/kit/type/fonts/AlbertSans-wght400-500-web.woff2)format("woff2");font-weight:400 500;font-display:swap}:root{--paper:#eeeef0;--surface:#e3e3e8;--ink:#1e2427;--slate:#424e56;--deep:#213d0d;--deep-tile:#2b4b17;--matcha:#a8cc7c;--on-deep-soft:#c9d0c0;--bg:var(--paper);--muted:var(--slate);--accent:var(--deep);--tea-row:#26440f;--chip-hover:#38601f;--photo-wait:#c9ced1;--film-wait:#1e2427;--slate-tile:#38434a;--on-ink-soft:#b9bfc3;--font-display:"Noto Serif JP", serif;--font-text:"Albert Sans", sans-serif;--step-figure:clamp(104px, 13vw, 196px);--step-display:clamp(42px, 6vw, 88px);--step-statement:clamp(24px, 2.2vw, 32px);--step-body:clamp(16px, 1.2vw, 18px);--step-small:14px;--track-display:-.015em;--margin:clamp(20px, 4vw, 56px);--gutter:clamp(12px, 1.6vw, 24px);--section:clamp(104px, 12vw, 184px);--bar-h:72px;--radius:0px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--t-press:.14s;--t-hover:.18s;--t-ui:.24s;--t-reveal:.8s;--t-open:1.2s;--stagger-line:90ms;--stagger-item:70ms;--accent-ink:var(--paper);--accent-hover:var(--ink);--focus:currentColor;--section-gap:var(--section);--button-h:48px;--button-pad:26px;--weight-button:500;--radius-pill:0px;--rail:0px;--step-cap:var(--step-small);--track-nav:0;--max:100%}@media (max-width:760px){:root{--step-small:16px}}
:root{--hit:24px;--text-min:16px;--cap-min:11px;--max:1440px}body{padding-inline:var(--rail,0px)}@media (max-width:1023px),(pointer:coarse){:root{--hit:44px}}:focus-visible{outline:3px solid var(--focus,currentColor);outline-offset:3px}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--bar-h)}body{background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);font-kerning:normal;text-rendering:optimizelegibility;margin:0;line-height:1.55}img,video,svg{max-width:100%;height:auto;display:block}h1,h2,h3,p,blockquote,figure,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}::selection{background:var(--deep);color:var(--paper)}p{text-wrap:pretty}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--margin);z-index:95;background:var(--accent);color:var(--accent-ink);padding:.75rem 1.25rem;font-weight:500;position:absolute;top:-4rem}.skip:focus{top:var(--margin)}.wrap{padding-inline:var(--margin)}.grid{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.display{font-family:var(--font-display);font-weight:200;font-size:var(--step-display);letter-spacing:var(--track-display);text-wrap:balance;line-height:1.04}.statement{font-family:var(--font-display);font-weight:200;font-size:var(--step-statement);letter-spacing:-.005em;text-wrap:pretty;line-height:1.3}.figure{font-family:var(--font-display);font-weight:200;font-size:var(--step-figure);letter-spacing:-.03em;line-height:.9}.serif-400{font-weight:400}.small{font-size:var(--step-small);line-height:1.45}.jp{word-break:keep-all;white-space:nowrap}.wm-box{display:block}.wm{aspect-ratio:2543/1000;background:currentColor;width:101.9%;margin:-3.1% 0 -9.2% -1.9%;display:block;-webkit-mask:url(/kit/type/drawn/wordmark.svg) 0 0/100% 100% no-repeat;mask:url(/kit/type/drawn/wordmark.svg) 0 0/100% 100% no-repeat}.mark{aspect-ratio:1;background:currentColor;width:1em;display:inline-block;-webkit-mask:url(/kit/graphics/mark.svg) 50%/contain no-repeat;mask:url(/kit/graphics/mark.svg) 50%/contain no-repeat}.curtain{display:none}@media (prefers-reduced-motion:no-preference){.js .curtain{z-index:90;background:var(--deep);color:var(--matcha);pointer-events:none;animation:curtain-lift .9s var(--ease-in-out) .65s forwards;place-items:center;display:grid;position:fixed;inset:0}.js .curtain .mark{animation:curtain-mark .65s var(--ease-expo) both;font-size:72px}.js [data-load=name] .wm{animation:name-rise 1.1s var(--ease-expo) .9s both}.js [data-load=picture] img{animation:pic-open var(--t-open) var(--ease-in-out) 1s both}.js [data-load=rise]{animation:load-rise .7s var(--ease-out) both;animation-delay:var(--d,1.2s)}}@keyframes curtain-lift{to{visibility:hidden;transform:translateY(-100%)}}@keyframes curtain-mark{0%{opacity:0;transform:scale(.7)}}@keyframes name-rise{0%{clip-path:inset(0 0 100%);transform:translateY(18%)}to{clip-path:inset(-10% 0);transform:none}}@keyframes pic-open{0%{clip-path:inset(24% 20%);transform:scale(1.06)}to{clip-path:inset(0);transform:none}}@keyframes load-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-expo);transition-delay:calc(var(--i,0) * var(--stagger-item));transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-shutter]>img,.js [data-shutter]>video{clip-path:inset(0 0 100%);transition:clip-path 1.1s var(--ease-in-out), transform 1.5s var(--ease-soft);transition-delay:calc(var(--i,0) * var(--stagger-item));transform:scale(1.1)}.js [data-shutter].is-in>img,.js [data-shutter].is-in>video{clip-path:inset(0);transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.legal{max-width:60ch;padding:40px var(--margin) 120px;overflow-wrap:anywhere;justify-items:start;gap:16px;margin:0 auto;display:grid}.legal h1{text-wrap:balance;margin:56px 0 16px}.legal h2{font-weight:500;font-size:var(--step-body);margin-top:24px}.legal-back{width:92px;color:var(--ink);padding-block:12px;text-decoration:none;display:block}