@font-face{font-family:Archivo;src:url(../fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{--bg: #15171a;--ink: #ecebe6;--dim: rgba(236, 235, 230, .82);--line: rgba(236, 235, 230, .55);--sig: #e2452b;--pad: clamp(20px, 3vw, 48px);--plate: rgba(12, 13, 15, .74);--sans: "Archivo", "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;font:400 15px/1.7 var(--sans)}body[data-theme=light]{--ink: #15171a;--dim: rgba(21, 23, 26, .82);--line: rgba(21, 23, 26, .55)}a{color:inherit}ul{list-style:none;margin:0;padding:0}button{font:inherit;color:inherit;background:none;border:0;padding:4px 0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #15171a;outline-offset:2px;box-shadow:0 0 0 2px #fff}h1:focus,h2:focus{outline:none}#gl{position:fixed;inset:0;width:100%;height:100%;display:block}.scrim{position:fixed;left:0;right:0;bottom:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .25s linear;height:calc(var(--pad) + 330px);background:linear-gradient(to top,#0a0b0db8 60%,#0a0b0d8c,#0a0b0d4d,#0a0b0d1a 90%,#0a0b0d00)}.loader{position:fixed;left:var(--pad);right:var(--pad);bottom:calc(var(--pad) + 22px);height:1px;z-index:5;transition:opacity .5s .4s;pointer-events:none}.loader i{display:block;height:1px;width:100%;background:var(--ink);transform-origin:left;transform:scaleX(0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}body.ready .loader{opacity:0}.top{position:fixed;z-index:4;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--pad);pointer-events:none;color:var(--ink);transition:color .25s}.top>*{pointer-events:auto}.mark{margin-left:-8px;padding:1px 8px;transition:opacity .35s,visibility .35s,background-color .25s;font-weight:560;font-stretch:125%;letter-spacing:.06em;text-decoration:none;font-size:15px}.top nav{display:flex;gap:clamp(2px,calc(2.6vw - 16px),28px);margin-right:-8px}.top nav a{padding:1px 8px;text-decoration:none;font-size:15px;font-weight:400;transition:background-color .25s}body[data-plates=on] .mark,body[data-plates=on] .top nav a{background:var(--plate)}.top nav a:hover{text-decoration:underline;text-underline-offset:5px}.sec{position:relative;z-index:2}main{min-height:1500vh}.pin{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .3s}.sec.on .pin{opacity:1}.sec.on .pin *{pointer-events:auto}.pin *{pointer-events:none}.foot{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(var(--pad) + 62px);display:flex;justify-content:space-between;align-items:flex-end;gap:32px;color:var(--ink);transition:color .25s}.lead{margin:0;font-size:clamp(14px,1.2vw,18px);font-weight:450;letter-spacing:.04em;text-transform:uppercase}.say{margin:0 0 12px;font-size:clamp(24px,2.9vw,44px);line-height:1.25;font-weight:500;letter-spacing:.02em;text-transform:none}[data-show]{display:none}[data-show].on{display:inline}.readout{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.chapter{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);transition:color .25s}.ja{margin:2px 0 0;font-size:13px;color:var(--dim);letter-spacing:.04em;transition:color .25s}.side .col{position:absolute;left:var(--pad);top:15vh;width:min(35vw,480px)}.kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--dim)}.big{margin:0 0 18px;font-weight:500;font-stretch:112%;font-size:clamp(36px,4.6vw,72px);line-height:1.02;letter-spacing:-.02em}.body{font-size:14px;line-height:1.9;max-width:34em}.parts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0}.parts button,.finishes button,.scenes button{border-bottom:1px solid transparent;font-size:14px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.parts button:hover,.finishes button:hover,.scenes button:hover{border-color:var(--line)}.parts button[aria-pressed=true],.finishes button[aria-pressed=true],.scenes button[aria-pressed=true]{border-color:var(--ink)}.chart{margin:0}.chart canvas{display:block;width:100%;height:auto}.chart figcaption{font-size:12px;color:var(--dim);margin-top:6px;letter-spacing:.04em}.finishes,.scenes{display:flex;flex-wrap:wrap;gap:4px clamp(14px,2vw,32px)}.closing{font-size:clamp(26px,3.4vw,54px);font-weight:500;font-stretch:112%;line-height:1.08;letter-spacing:-.02em;text-transform:none}.contact{margin:10px 0 0}.contact a{text-underline-offset:5px}.note{margin:0;font-size:11px;line-height:1.7;transition:color .25s;color:var(--dim);max-width:42em;text-align:right}.hud{position:fixed;z-index:3;left:var(--pad);right:var(--pad);bottom:var(--pad);pointer-events:none;display:flex;align-items:flex-end;gap:clamp(16px,2.4vw,40px);color:var(--ink);transition:color .25s}.scale{position:relative;flex:1;height:34px}.scale:before{content:"";position:absolute;left:0;right:0;bottom:18px;height:9px;border-bottom:1px solid var(--line);background-image:linear-gradient(var(--line),var(--line)),repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px calc(100% / 36));background-size:1px 6px,100% 6px;background-position:right bottom,bottom;background-repeat:no-repeat}.scale .labels{position:absolute;left:0;right:0;bottom:0;font-size:11px;transition:color .25s;color:var(--dim);font-variant-numeric:tabular-nums;letter-spacing:.03em}.scale .labels span{position:absolute;bottom:0;transform:translate(-50%)}.scale .labels span:nth-child(1){left:0;transform:none}.scale .labels span:nth-child(2){left:25%}.scale .labels span:nth-child(3){left:50%}.scale .labels span:nth-child(4){left:75%}.scale .labels span:nth-child(5){right:0;transform:none}#marker{position:absolute;left:0;bottom:18px;width:2px;margin-left:-1px;height:18px;background:var(--sig);will-change:transform}.angle{font-size:clamp(26px,3.1vw,46px);line-height:1;font-weight:480;font-stretch:112%;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:3.1em;text-align:right}.motion{position:relative;display:flex;align-items:center;gap:7px;flex:none;align-self:flex-end;pointer-events:auto;margin:0 0 12px;padding:4px 0;font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.motion i{display:block;width:8px;height:10px;background:linear-gradient(90deg,currentColor 0 3px,transparent 3px 5px,currentColor 5px)}.motion:after{content:"";position:absolute;inset:-14px}.motion[aria-pressed=true] i{background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.motion:hover{color:var(--ink)}@media(max-width:760px),(orientation:portrait){.top nav{display:none}main{min-height:1350vh}.side .col{top:auto;bottom:calc(var(--pad) + 60px);width:auto;right:var(--pad);background:#15171adb;padding:14px}.chart-note{display:none}.scrim{height:calc(var(--pad) + 370px);background:linear-gradient(to top,#0a0b0db8 68%,#0a0b0d8c,#0a0b0d4d,#0a0b0d1a 92%,#0a0b0d00)}.big{font-size:32px;margin-bottom:8px}.body{font-size:13px;line-height:1.7}.chart{display:none}.foot{flex-direction:column;align-items:flex-start;gap:10px;bottom:calc(var(--pad) + 56px)}.hud{flex-direction:row}.motion span{display:none}body[data-sec=origin] .mark{background:var(--plate)}#origin .foot .rv{margin-left:-8px;padding:4px 8px;background:var(--plate)}.note{text-align:left}.angle{font-size:26px;min-width:2.6em}.say{font-size:22px}}@media(prefers-reduced-motion:reduce){.pin,.loader,.loader i{transition:none}.motion{display:none}}@media(min-width:761px)and (orientation:landscape){body[data-sec=origin]:not(.no-gl) .mark{opacity:0;visibility:hidden}}.pin .rv{opacity:0;transform:translateY(14px);transition:opacity .45s,transform .7s cubic-bezier(.16,.84,.24,1)}.sec.on .pin .rv{opacity:1;transform:none}.sec.on .pin .rv:nth-child(2){transition-delay:.06s}.sec.on .pin .rv:nth-child(3){transition-delay:.12s}.sec.on .pin .rv:nth-child(4){transition-delay:.18s}.sec.on .pin .rv:nth-child(5){transition-delay:.24s}.tags{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s}body[data-sec=system]:not([data-plates=on]) .tags{opacity:1}.tags span{position:absolute;left:0;top:0;padding:0 6px 0 4px;background:var(--plate);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);white-space:nowrap;will-change:transform;transition:color .25s}.tags span:before{content:"";display:inline-block;width:5px;height:5px;margin:0 7px 1px 0;border-radius:50%;background:currentColor}.tags span.is-on{color:var(--ink)}.tags span.is-off{color:#ecebe647}@media(prefers-reduced-motion:reduce){.pin .rv{transform:none;transition:opacity .2s}}.no-gl #gl,.no-gl .tags{display:none}.still{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.no-gl .still{display:block}.fiction{position:absolute;left:50%;top:var(--pad);transform:translate(-50%);margin:3px 0 0;padding:1px 8px;background:var(--plate);color:#e9e8e3;font-size:11px;line-height:1.6;letter-spacing:.03em;white-space:nowrap;pointer-events:none}.no-gl .finishes,.no-gl .parts,.no-gl .motion,.no-gl .chart-note,.no-gl .scrim{display:none}body.no-gl #light .pin:after,body.no-gl #material .pin:after,body.no-gl #application .pin:after,body.no-gl[data-theme=dark] #return .pin:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#0a0b0db8 calc(var(--pad) + 240px),#0a0b0d00 calc(var(--pad) + 300px))}.no-gl #material .pin{background:#5d6064}.no-gl #return .pin{background:#ebe8e1}.no-gl #light .pin{background:#b9b8b4}@media(max-aspect-ratio:3/2){.no-gl .still{object-fit:contain;object-position:center 28%}}@media(max-height:640px)and (min-width:761px)and (orientation:landscape){.side .col{top:12vh}.chart,.chart-note{display:none}.big{font-size:clamp(28px,7vh,46px);margin-bottom:10px}.body{font-size:13px;line-height:1.7}.parts{margin:10px 0 0}}@media(max-width:1060px)and (orientation:landscape),(orientation:portrait){.fiction{left:calc(var(--pad) - 8px);top:calc(var(--pad) + 26px);transform:none}}@media(max-height:640px)and (min-width:761px)and (max-width:1060px)and (orientation:landscape){.side .col{top:max(12vh,calc(var(--pad) + 58px))}}#return .closing,#return .contact a{margin-left:-8px;padding:0 8px}#return .note{margin-right:-8px;padding:2px 8px}body[data-theme=light] #return .closing,body[data-theme=light] #return .contact a,body[data-theme=light] #return .note{background:#ece9e2e0}@media(max-width:760px),(orientation:portrait){#return .note{margin:0 0 0 -8px}}@media(max-height:430px)and (orientation:landscape){.side .col{top:calc(var(--pad) + 56px);bottom:auto;left:var(--pad);right:auto;width:min(46vw,360px);background:none;padding:0}.chart,.tags,.side .body{display:none}.kicker{margin:0 0 2px}.big{font-size:26px;margin-bottom:6px}.parts{margin:6px 0 0;gap:2px 14px}.parts button{font-size:12px}.foot{bottom:calc(var(--pad) + 44px)}.note{max-width:46vw}.scrim{height:calc(var(--pad) + 250px)}#origin .foot .rv{margin-left:-8px;padding:2px 8px;background:var(--plate)}}@media(max-height:700px)and (orientation:landscape){body:not([data-theme=light]) .mark,body:not([data-theme=light]) .top nav a{background:var(--plate)}#origin .foot .rv{margin-left:-8px;padding:2px 8px;background:var(--plate)}}@media(max-height:600px)and (max-width:760px),(max-height:700px)and (orientation:portrait){.tags{display:none}}html:not(.js) #gl,html:not(.js) .loader,html:not(.js) .hud,html:not(.js) .tags,html:not(.js) .scrim,html:not(.js) .chart,html:not(.js) .chart-note,html:not(.js) .parts,html:not(.js) .finishes,html:not(.js) .scenes{display:none}html:not(.js) main{min-height:0}html:not(.js) .pin{position:relative;inset:auto;opacity:1;padding:0 0 48px}html:not(.js) .pin .rv{opacity:1;transform:none}html:not(.js) [data-show]{display:block}html:not(.js) .pin *{pointer-events:auto}html:not(.js) .still{display:block;position:static;width:100%;height:auto}html:not(.js) .foot,html:not(.js) .side .col{position:static;width:auto;padding:24px var(--pad);flex-direction:column;align-items:flex-start;background:none}html:not(.js) .top{position:absolute}