html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--ink:#171614;--paper:#f4efe4;--white:#fffdf6;--red:#d6402f;--salmon:#f28b62;--gutter:clamp(18px, 4vw, 64px);--frame:10px;--shadow:7px 7px 0 var(--ink);--f-jp-display:"Dela Gothic One", "Zen Kaku Gothic New", sans-serif;--f-jp:"Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--f-bubble:"Kiwi Maru", "Zen Kaku Gothic New", sans-serif;--f-logo:"Rubik", system-ui, sans-serif;--f-label:"Staatliches", "Rubik", sans-serif;--f-serif:"Fraunces", Georgia, serif;--trip:0}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--f-jp);-webkit-font-smoothing:antialiased;margin:0;font-weight:500}img{max-width:100%;display:block}a{color:inherit}.stage{z-index:0;position:fixed;inset:0}.bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage canvas{display:block}.tone{z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:.16;background-image:radial-gradient(#17161480 .7px,#0000 1.3px),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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 0 0.07 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:5px 5px,220px 220px;position:fixed;inset:0}.frame{inset:var(--frame);z-index:20;pointer-events:none;border:3px solid var(--ink);box-shadow:0 0 0 calc(var(--frame) + 2px) var(--paper);position:fixed}.story{z-index:2;pointer-events:none;position:relative}.story a,.story .final-hero,.story .manga{pointer-events:auto}@property --hole{syntax:"<length>";inherits:false;initial-value:0}.loader{--sun:min(34vmin, 260px);--hole:0px;z-index:50;background:var(--paper);-webkit-mask:radial-gradient(circle at 50% 44%, transparent var(--hole), #000 calc(var(--hole) + 1px));-webkit-mask:radial-gradient(circle at 50% 44%, transparent var(--hole), #000 calc(var(--hole) + 1px));mask:radial-gradient(circle at 50% 44%, transparent var(--hole), #000 calc(var(--hole) + 1px));place-items:center;display:grid;position:fixed;inset:0}.loader-sun{width:var(--sun);height:var(--sun);margin:calc(var(--sun) / -2) 0 0 calc(var(--sun) / -2);border:3px solid var(--ink);background:conic-gradient(var(--red) calc(var(--p) * 360deg), transparent 0);border-radius:50%;position:absolute;top:44%;left:50%}.loader-copy{top:calc(44% + var(--sun) / 2 + 28px);text-align:center;width:100%;transition:opacity .5s,transform 1.6s cubic-bezier(.7,0,.2,1);position:absolute}.loader-jp{font-family:var(--f-bubble);letter-spacing:.4em;margin:0;font-size:14px}.loader-logo{font-family:var(--f-logo);letter-spacing:-.02em;margin:6px 0 0;font-size:clamp(34px,5vw,52px);font-weight:800}.loader-pct{font-family:var(--f-label);letter-spacing:.2em;margin:4px 0 0;font-size:18px}.loader.peek{--hole:calc(var(--sun) / 2)}.loader.peek .loader-sun,.loader.open .loader-sun{box-shadow:0 0 0 6px var(--paper), 0 0 0 9px var(--ink);background:0 0}.loader.open{--hole:160vmax;pointer-events:none;transition:--hole 1.7s cubic-bezier(.75,0,.15,1)}.loader.open .loader-sun{opacity:0;transition:transform 1.7s cubic-bezier(.75,0,.15,1),opacity .6s .4s;transform:scale(9)}.loader.open .loader-copy{opacity:0;transform:translateY(40px)}.hud{z-index:25;top:calc(var(--frame) + 16px);left:calc(var(--frame) + 20px);right:calc(var(--frame) + 20px);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.hud>*{pointer-events:auto}.hud-logo{font-family:var(--f-logo);letter-spacing:-.02em;font-size:22px;font-weight:800;text-decoration:none;transition:transform .6s cubic-bezier(.3,1.4,.5,1) .2s;transform:translateY(-120%)}.hud-logo span{letter-spacing:.16em;text-transform:uppercase;margin-left:6px;font-size:12px;font-weight:700}.hud-nav{align-items:center;gap:10px;display:flex}.hud-nav>*{transition:transform .35s cubic-bezier(.3,1.6,.5,1);transform:scale(0)}.hud.show .hud-logo,.hud.show .hud-nav>*{transform:none}.hud.show .hud-nav>:first-child{transition-delay:.5s}.hud.show .hud-nav>:nth-child(2){transition-delay:.4s}.hud.show .hud-nav>:nth-child(3){transition-delay:.3s}.hud-pill{font-family:var(--f-label);letter-spacing:.12em;background:var(--ink);color:var(--paper);border-radius:99px;padding:9px 16px 7px;font-size:17px;text-decoration:none}.hud-icon{border:2.5px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.hud-icon svg{width:20px;height:20px}@media (pointer:fine){.hud-icon,.hud-pill{transition:transform .35s cubic-bezier(.3,1.6,.5,1),background .2s}.hud.show .hud-nav>:hover{transform:scale(.9)rotate(-6deg)}}.trip{z-index:25;left:50%;bottom:calc(var(--frame) + 16px);width:min(460px,100vw - 80px);font-family:var(--f-logo);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:12px;font-size:11px;font-weight:700;transition:translate .7s cubic-bezier(.3,1.3,.5,1) .6s;display:flex;position:fixed;translate:-50% 160%}html[data-end] .trip.show{transition-delay:0s;translate:-50% 160%}.trip.show{translate:-50%}.trip-line{background:repeating-linear-gradient(90deg, var(--ink) 0 6px, transparent 6px 11px);flex:1;height:2px;position:relative}.trip-plane{top:50%;left:calc((1 - var(--trip)) * 100%);background:var(--paper);padding:0 3px;font-size:20px;line-height:1;position:absolute;translate:-50% -52%;scale:-1 1}.hero{padding:0 var(--gutter);position:relative}.hero-jp{top:calc(var(--frame) + 86px);right:calc(var(--gutter) + 8px);writing-mode:vertical-rl;font-family:var(--f-jp-display);gap:.2em;margin:0;font-size:clamp(20px,2.4vw,38px);font-weight:400;line-height:1.15;display:flex;position:absolute}.hero-jp span{background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:.25em .12em;display:block}.hero-jp span:nth-child(2){margin-top:1.3em}.hero-fr{left:calc(var(--gutter) + 8px);bottom:calc(var(--frame) + 76px);position:absolute}.kicker{font-family:var(--f-serif);background:var(--ink);color:var(--paper);margin:0;padding:4px 12px 6px;font-size:clamp(16px,1.6vw,22px);font-style:italic;display:inline-block}.hero-logo{font-family:var(--f-logo);letter-spacing:-.045em;-webkit-text-stroke:0;text-shadow:5px 5px 0 var(--paper), 8px 8px 0 var(--ink);margin:0;font-size:clamp(44px,7vw,116px);font-weight:800;line-height:.95}.hero-sub{background:var(--paper);max-width:30ch;margin:10px 0 0;padding:2px 6px;font-size:clamp(14px,1.2vw,17px);display:inline-block}.scroll-cue{bottom:calc(var(--frame) + 64px);font-family:var(--f-label);letter-spacing:.3em;justify-items:center;gap:8px;margin:0;font-size:13px;display:grid;position:absolute;left:50%;translate:-50%}.scroll-cue i{background:linear-gradient(var(--ink) 50%, transparent 0) 0 0 / 100% 200%;width:2px;height:46px;animation:1.6s cubic-bezier(.6,0,.3,1) infinite cue}@keyframes cue{0%{background-position:0 100%}to{background-position:0 -100%}}.hero-jp span,.hero-fr>*,.scroll-cue{opacity:0;transition:opacity .6s,transform .9s cubic-bezier(.2,1.2,.4,1);transform:translateY(30px)}.entered .hero-jp span,.entered .hero-fr>*,.entered .scroll-cue{opacity:1;transform:none}.entered .hero-jp span:first-child{transition-delay:.9s}.entered .hero-jp span:nth-child(2){transition-delay:1.05s}.entered .hero-fr>:first-child{transition-delay:1.2s}.entered .hero-fr>:nth-child(2){transition-delay:1.3s}.entered .hero-fr>:nth-child(3){transition-delay:1.4s}.entered .scroll-cue{transition-delay:1.8s}.subtitle{z-index:24;left:50%;bottom:calc(var(--frame) + 58px);pointer-events:none;width:min(640px,100vw - 48px);margin:0;display:grid;position:fixed;translate:-50%}.subtitle span{text-align:center;font-family:var(--f-serif);background:var(--ink);color:var(--paper);-webkit-box-decoration-break:clone;box-decoration-break:clone;opacity:0;grid-area:1/1;place-self:end center;padding:6px 14px 8px;font-size:clamp(16px,1.45vw,21px);font-style:italic;line-height:1.35;transition:opacity .35s,transform .5s cubic-bezier(.2,1.3,.4,1);transform:translateY(12px)}.subtitle span.on{opacity:1;transition-delay:.15s;transform:none}.say{width:max-content;max-width:250px;font-family:var(--f-bubble);text-align:center;color:var(--ink);background:var(--white);border:3px solid var(--ink);transform-origin:26px calc(100% + 14px);border-radius:50%/46%;padding:12px 20px;font-size:clamp(14px,1.2vw,18px);line-height:1.4;transition:scale .3s cubic-bezier(.3,1.7,.5,1);position:absolute;bottom:14px;left:-26px;scale:0}.say:after{content:"";background:var(--white);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:16px;height:16px;position:absolute;bottom:-13px;left:20px;transform:skew(20deg)rotate(35deg)}.say-left{transform-origin:calc(100% - 26px) calc(100% + 14px);left:auto;right:-26px}.say-left:after{left:auto;right:20px;transform:skew(-20deg)rotate(55deg)}.say[data-on=true]{scale:1}.final{padding:0 var(--gutter);opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s linear .6s;position:relative}html[data-end] .final{opacity:1;visibility:visible;transition:opacity .6s}.final-hero{transition:transform .9s cubic-bezier(.2,1.2,.4,1) .1s;transform:translateY(40px)scale(.96)}html[data-end] .final-hero{transform:none}.final-stage{height:250vh}.final-pin{height:100vh;padding-block:calc(var(--frame) + 70px);place-items:center;display:grid;position:sticky;top:0}.final-hero{background:var(--paper);border:3px solid var(--ink);width:min(640px,100%);box-shadow:10px 10px 0 var(--ink);text-align:center;margin:0 auto;padding:clamp(32px,5vw,64px) clamp(22px,5vw,64px);position:relative}.final-v{writing-mode:vertical-rl;font-family:var(--f-bubble);letter-spacing:.25em;border:2px solid var(--ink);margin:0;padding:10px 4px;font-size:15px;position:absolute;top:22px;right:22px}.final-logo{font-family:var(--f-logo);letter-spacing:-.045em;margin:0;font-size:clamp(60px,10vw,128px);font-weight:800;line-height:1}.final-place{font-family:var(--f-logo);letter-spacing:.4em;margin:10px 0 0;font-size:18px;font-weight:700}.final-place:after{content:"";background:var(--ink);width:44px;height:3px;margin:22px auto 0;display:block}.final-tag{max-width:24ch;font-family:var(--f-serif);margin:22px auto 0;font-size:clamp(19px,2vw,25px);font-style:italic;line-height:1.35}.menu{font-family:var(--f-label);letter-spacing:.22em;flex-wrap:wrap;justify-content:center;gap:4px 0;margin:26px 0 0;padding:0;font-size:17px;list-style:none;display:flex}.menu li+li:before{content:"·";margin:0 .8em}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.btn{font-family:var(--f-label);letter-spacing:.14em;border:3px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--red);padding:12px 26px 10px;font-size:19px;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn.ghost{background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.btn:hover{box-shadow:6px 6px 0 var(--red);transform:translate(-2px,-2px)}.btn.ghost:hover{box-shadow:6px 6px 0 var(--ink)}.hanko{border:3px solid var(--red);width:46px;height:46px;color:var(--red);font-family:var(--f-jp-display);border-radius:6px;place-items:center;font-size:26px;display:grid;position:absolute;bottom:22px;left:22px;rotate:-8deg}.manga{width:min(760px,100%);margin:0 auto}.manga .num{background:var(--paper);border:2px solid var(--ink);padding:6px 10px;display:inline-flex}.manga img{border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--white)}.reveal{opacity:0;transition:opacity .6s,transform .9s cubic-bezier(.2,1.2,.4,1);transform:translateY(60px)}.reveal.in{opacity:1;transform:none}.foot{padding-bottom:calc(var(--frame) + 90px);text-align:center;margin:18vh auto 0}.foot p{font-family:var(--f-serif);background:var(--paper);margin:0;padding:2px 10px;font-size:20px;font-style:italic;display:inline-block}.foot .foot-c{width:fit-content;font-family:var(--f-label);letter-spacing:.25em;margin:10px auto 0;font-size:13px;font-style:normal;display:block}@media (width<=820px){:root{--frame:7px}.hud-logo span,.hud-icon:last-child,.scroll-cue{display:none}.hero-jp{top:calc(var(--frame) + 70px)}.hero-fr{bottom:calc(var(--frame) + 70px)}.subtitle{bottom:calc(var(--frame) + 50px)}.say{max-width:190px;padding:9px 14px}.final-v{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}