@layer reset,tokens,base,chrome,photo,home,story,worlds,pages,motion,print;@font-face{font-family:Newsreader Display;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/newsreader-display.0442157d.woff2) format("woff2")}@font-face{font-family:Newsreader Display;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/newsreader-display-italic.99ba58c4.woff2) format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-text.cc28d1de.woff2) format("woff2")}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-text-italic.2b14cc21.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono.e510a14f.woff2) format("woff2")}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/shippori.4b3cb104.woff2) format("woff2")}@layer tokens{[data-world=void]{--bg:#070707;--fg:#e9e5dc}[data-world=snow]{--bg:#0b0e11;--fg:#e6ebef}[data-world=doll]{--bg:#e3e0d9;--fg:#151412}[data-world=dark]{--bg:#000000;--fg:#ece4d6}[data-world=whiteout]{--bg:#e6ebef;--fg:#0b0e11}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;tab-size:4}body{min-height:100vh;min-height:100svh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}p,h1,h2,h3,li,dd,dt{overflow-wrap:break-word}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}}@layer tokens{@property --bg{syntax: "<color>"; inherits: true; initial-value: #070707;}@property --fg{syntax: "<color>"; inherits: true; initial-value: #e9e5dc;}:root{--font-display: "Newsreader Display", "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-text: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-mono: "DM Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--font-jp: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif CJK JP", serif;--fs-xs: clamp(.75rem, .66rem + .12vw, .78rem);--fs-s: clamp(.875rem, .84rem + .16vw, 1rem);--fs-m: clamp(1.0625rem, 1rem + .28vw, 1.25rem);--fs-l: clamp(1.3rem, 1.05rem + 1vw, 2rem);--fs-xl: min(clamp(1.9rem, 1.1rem + 3.2vw, 4.25rem), var(--line-w) / 6.3);--fs-2xl: min(clamp(3rem, 1.4rem + 7vw, 8.5rem), var(--line-w) / 3.5);--fs-cover: clamp(4.5rem, 1.5rem + 13.5vw, 13rem);--inset-l: env(safe-area-inset-left, 0px);--inset-r: env(safe-area-inset-right, 0px);--inset-b: env(safe-area-inset-bottom, 0px);--gutter: max(clamp(1.1rem, .6rem + 2.4vw, 3rem), calc(var(--inset-l) + 1rem), calc(var(--inset-r) + 1rem));--line-w: calc(100vw - 2 * var(--gutter));--head-h: clamp(3.4rem, 2.8rem + 1.6vw, 4.6rem);--bar-h: var(--head-h);--measure: 34rem;--page-w: calc(76rem + 2 * var(--gutter));--ease: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}:root,[data-world]{--ink: var(--fg);--ink-2: color-mix(in oklab, var(--fg) 74%, var(--bg));--ink-3: color-mix(in oklab, var(--fg) 66%, var(--bg));--ink-4: color-mix(in oklab, var(--fg) 24%, var(--bg));--halo: 0 0 .3em color-mix(in oklab, var(--bg) 95%, transparent), 0 0 .7em color-mix(in oklab, var(--bg) 90%, transparent), 0 0 1.4em color-mix(in oklab, var(--bg) 80%, transparent)}}@layer base{html{background:var(--bg);color:var(--fg);color-scheme:dark;scroll-padding-top:calc(var(--bar-h) + 1rem);scrollbar-color:var(--ink-4) var(--bg);overscroll-behavior-y:none}html[data-world=doll]{color-scheme:light}body{font:400 var(--fs-m) / 1.55 var(--font-text);font-synthesis:none;font-kerning:normal;font-variant-ligatures:common-ligatures;overflow-x:clip}main{display:block}main:focus{outline:none}:lang(ja){font-family:var(--font-jp)}p{text-wrap:pretty}h1,h2{font-weight:300;text-wrap:balance}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}a:not([class]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--ink-3);transition:text-decoration-color .4s var(--ease)}a:not([class]):hover{text-decoration-color:currentColor}.skip{position:fixed;top:.75rem;left:var(--gutter);z-index:200;padding:.7rem 1rem;background:var(--fg);color:var(--bg);font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;transform:translateY(-200%)}.skip:focus{transform:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.eyebrow{font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.no{font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.14em;color:var(--ink-3);font-variant-numeric:tabular-nums}.score{font:italic 400 clamp(1.1rem,1rem + .55vw,1.45rem) / 1.35 var(--font-text);color:var(--ink-2);max-width:24ch;text-wrap:balance}.grain{position:fixed;inset:-120px;z-index:90;pointer-events:none;background:url(/img/grain.png) 0 0 / 220px 220px;opacity:.09;animation:grain 1s steps(1) infinite}html[data-world=doll] .grain{opacity:.07}@keyframes grain{0%{transform:translate(0)}12%{transform:translate(-40px,25px)}25%{transform:translate(30px,-60px)}37%{transform:translate(-70px,-20px)}50%{transform:translate(55px,45px)}62%{transform:translate(-25px,80px)}75%{transform:translate(65px,-35px)}87%{transform:translate(-50px,60px)}}@media(prefers-reduced-motion:reduce){.grain{animation:none}}}@layer chrome{.head{position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--head-h);padding:0 var(--gutter);padding-top:env(safe-area-inset-top);color:var(--fg);pointer-events:none;transition:--bg .9s var(--ease),--fg .9s var(--ease)}.head:before{content:"";position:absolute;inset:0 0 -1.5rem;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 92%,transparent),color-mix(in srgb,var(--bg) 80%,transparent) 52%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent);mask-image:linear-gradient(to bottom,#000 58%,transparent)}.head a{pointer-events:auto;text-shadow:0 0 .3em color-mix(in oklab,var(--bg) 95%,transparent),0 0 .7em color-mix(in oklab,var(--bg) 90%,transparent)}.head__id{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.head__note{margin-top:-.35rem;font:400 var(--fs-xs) / 1.2 var(--font-text);letter-spacing:.04em;color:var(--ink-2);text-shadow:0 0 .3em color-mix(in oklab,var(--bg) 95%,transparent),0 0 .7em color-mix(in oklab,var(--bg) 90%,transparent)}@media(min-width:40em){.head__id{flex-direction:row;align-items:baseline;gap:.9rem}.head__note{margin-top:0;white-space:nowrap}}@media(max-width:39.99em)and (min-width:17.51em){:root{--head-h: calc(clamp(3.4rem, 2.8rem + 1.6vw, 4.6rem) + 1.2rem) }.head{padding-bottom:1.2rem}.head__id{display:contents}.head__note{position:absolute;left:var(--gutter);bottom:.4rem;margin:0;white-space:nowrap}}.head__mark{font:italic 300 clamp(1.3rem,1.15rem + .5vw,1.65rem) / 1 var(--font-display);letter-spacing:.01em;padding:.5rem 0}.head__nav ul{display:flex;align-items:center;gap:clamp(.85rem,.3rem + 1.9vw,2.1rem)}.head__nav a{position:relative;display:inline-flex;align-items:baseline;gap:.5em;padding:.7rem 0;font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.head__nav a:after{content:"";position:absolute;left:0;right:0;bottom:.35rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.head__nav a:hover:after,.head__nav a[aria-current=page]:after{transform:scaleX(1)}@media(max-width:30em){.head__nav ul{gap:.8rem}.head__nav a{letter-spacing:.08em}}@media(max-width:22.4em){.head{gap:.75rem}.head__mark{font-size:1.15rem}.head__nav ul{gap:1rem}.head__nav a{letter-spacing:.04em}}@media(max-width:17.5em){:root{--head-h: 6.4rem;--bar-h: 0px}.head{position:absolute;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}}@media(max-width:13.2em){:root{--head-h: 8.6rem}.head__nav ul{flex-wrap:wrap;row-gap:0}}.foot{position:relative;display:grid;gap:1.75rem;padding:clamp(3.5rem,8vw,7rem) var(--gutter) calc(2rem + env(safe-area-inset-bottom));background:var(--bg);color:var(--fg);border-top:1px solid var(--ink-4)}.foot__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 3rem}.foot__nav ul{display:flex;flex-wrap:wrap;gap:1.2rem 1.75rem}.foot__nav a{display:inline-block;padding:.5rem 0;font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);transition:color .4s var(--ease)}.foot__nav a:hover{color:var(--fg)}.foot__who{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .6em;font:400 var(--fs-s) / 1.5 var(--font-text);color:var(--ink-2)}.foot__who a{display:inline-block;padding:.5rem 0;color:var(--fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;transition:color .4s var(--ease)}.foot__who a:hover{color:var(--ink-2)}.foot__credits,.foot__fine{font:400 var(--fs-xs) / 1.6 var(--font-mono);letter-spacing:.06em;color:var(--ink-3);max-width:60ch}.head__mark,.head__nav a,.foot__nav a,.foot__who a,.reading a{position:relative}.head__mark:before,.head__nav a:before,.foot__nav a:before,.foot__who a:before,.reading a:before{content:"";position:absolute;inset:calc(-1 * var(--reach-y)) calc(-1 * var(--reach-x))}.head__mark{--reach-y: .3rem;--reach-x: .5rem}.head__nav a{--reach-y: .4rem;--reach-x: .5rem}.foot__nav a{--reach-y: .6rem;--reach-x: .6rem}.foot__who a{--reach-y: .35rem;--reach-x: .5rem}.reading a{--reach-y: .55rem;--reach-x: .5rem}}@layer photo{.photo{position:relative;display:block;aspect-ratio:var(--ar);background-color:var(--avg);overflow:hidden}.photo:before{content:"";position:absolute;inset:-8%;background:var(--lqip) center / cover no-repeat;filter:blur(18px) saturate(1.1)}.photo img{position:relative;width:100%;height:100%;object-fit:cover}.js .photo img{opacity:0;transition:opacity 1.1s var(--ease)}.js .photo.is-ready img{opacity:1}.photo[data-fit=cover]{aspect-ratio:auto;width:100%;height:100%}.photo[data-fit=cover] img{object-position:var(--fx) var(--fy)}}@layer photo{.js picture[data-zoom]{cursor:zoom-in}.js picture[data-zoom]:has(img:focus-visible){outline:1px solid var(--fg);outline-offset:6px}.js picture[data-zoom] img:focus-visible{outline:none}html.is-viewing{overflow:hidden;scrollbar-gutter:stable}.lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100svh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#ece4d6;overflow:hidden}.lightbox[open]{display:block}.lightbox::backdrop{background:#000}@keyframes lightbox-in{0%{opacity:0}}@media screen and (prefers-reduced-motion:no-preference){.lightbox::backdrop{transition:opacity .45s ease}.lightbox[open]::backdrop{animation:lightbox-in .45s ease-out}.lightbox.is-leaving::backdrop{opacity:0}.lightbox__bar,.lightbox__btn{animation:lightbox-in .5s ease-out .2s backwards}.lightbox.is-leaving .lightbox__bar,.lightbox.is-leaving .lightbox__btn{opacity:0;transition:opacity .18s ease-out}}.lightbox:focus{outline:none}.lightbox__stage{position:absolute;inset:0;display:grid;padding:3.5rem 0 5.5rem;overflow:hidden;touch-action:none}.lightbox__stage.is-zoomed{padding:0;overflow:auto;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain;scrollbar-width:none}.lightbox__stage.is-zoomed::-webkit-scrollbar{display:none}.lightbox .photo.lightbox__photo{align-self:center;justify-self:center;width:min(100vw - 2rem,calc((100vh - 9rem) * var(--ar)));width:min(100vw - 2rem,calc((100svh - 9rem) * var(--ar)));margin:auto;cursor:zoom-in;box-shadow:0 1.5rem 5rem #0009}.lightbox__stage.is-zoomed .photo.lightbox__photo{width:auto;max-width:none;cursor:zoom-out;box-shadow:none}.lightbox__stage.is-panning,.lightbox__stage.is-panning .photo.lightbox__photo{cursor:grabbing}.lightbox .photo.lightbox__photo img{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.lightbox__bar{position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:0 max(clamp(1rem,3vw,2.5rem),var(--inset-r)) max(clamp(.9rem,2vw,1.5rem),var(--inset-b)) max(clamp(1rem,3vw,2.5rem),var(--inset-l));pointer-events:none}.lightbox__cap{display:grid;gap:.35rem;max-width:44rem;margin:0}.lightbox__no{font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;font-variant-numeric:tabular-nums;color:#b5ada0}.lightbox__alt{font:italic 400 var(--fs-s) / 1.4 var(--font-text);color:#ece4d6}.lightbox__keys{margin:0;font:400 var(--fs-xs) / 1.6 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8f887c;white-space:nowrap}.lightbox__keys kbd{display:inline-block;min-width:1.6em;margin-right:.35em;padding:.1em .35em;border:1px solid #5d584f;font:inherit;text-align:center}@media(hover:none),(max-width:47.99em){.lightbox__keys{display:none}}.lightbox__btn{position:absolute;z-index:2;display:grid;place-items:center;width:3.25rem;height:3.25rem;padding:0;border:0;background:transparent;color:#ece4d6;cursor:pointer;opacity:.72;transition:opacity .3s var(--ease)}.lightbox__btn:hover,.lightbox__btn:focus-visible{opacity:1}.lightbox__btn:focus-visible{outline:1px solid #ece4d6;outline-offset:-4px}.lightbox__btn span{position:relative;display:block;width:1.4rem;height:1.4rem}.lightbox__close{top:clamp(.4rem,1.4vw,1.2rem);right:max(clamp(.4rem,1.4vw,1.2rem),var(--inset-r))}.lightbox__close span:before,.lightbox__close span:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:1px;background:currentColor;rotate:45deg}.lightbox__close span:after{rotate:-45deg}.lightbox__prev,.lightbox__next{top:50%;translate:0 -50%;height:7rem}.lightbox__prev{left:max(clamp(.2rem,1vw,1rem),var(--inset-l))}.lightbox__next{right:max(clamp(.2rem,1vw,1rem),var(--inset-r))}.lightbox__prev span:before,.lightbox__next span:before{content:"";position:absolute;inset:15% 25%;border-left:1px solid currentColor;border-bottom:1px solid currentColor;rotate:45deg}.lightbox__next span:before{rotate:-135deg}.lightbox__zoom{top:clamp(.4rem,1.4vw,1.2rem);right:calc(max(clamp(.4rem,1.4vw,1.2rem),var(--inset-r)) + 3.25rem)}.lightbox__zoom span:before{content:"";position:absolute;inset:0 18% 18% 0;border:1px solid currentColor;border-radius:50%}.lightbox__zoom span:after{content:"";position:absolute;right:4%;bottom:4%;width:28%;height:1px;background:currentColor;rotate:45deg;transform-origin:right center}.lightbox__zoom[aria-pressed=true] span:before{background:color-mix(in srgb,currentColor 18%,transparent)}.lightbox__bar,.lightbox__prev,.lightbox__next{transition:opacity .25s var(--ease)}.lightbox.is-zoomed .lightbox__bar,.lightbox.is-zoomed .lightbox__prev,.lightbox.is-zoomed .lightbox__next{opacity:0;pointer-events:none}.lightbox.is-zoomed .lightbox__close,.lightbox.is-zoomed .lightbox__zoom{scale:.84;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:47.99em){.lightbox__stage{padding:3.5rem 0 9rem}.lightbox .photo.lightbox__photo{width:min(100vw,calc((100svh - 12.5rem) * var(--ar)))}.lightbox__bar{padding-right:4.5rem}.lightbox__prev,.lightbox__next{top:auto;bottom:.5rem;translate:none;height:3.25rem}.lightbox__prev{left:auto;right:3.4rem}.lightbox__next{right:.4rem}.lightbox__bar{padding-bottom:4rem}}}@layer home{.doors{display:flex;height:100vh;height:100svh;min-height:36rem;background:var(--bg)}.door{--door-x: clamp(1.1rem, 2.4vw, 2.5rem);--door-l: max(var(--door-x), calc(var(--inset-l) + 1rem));--door-r: max(var(--door-x), calc(var(--inset-r) + 1rem));position:relative;display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;min-width:0;padding:calc(var(--head-h) + 1rem) var(--door-r) clamp(1.4rem,3.2vw,3rem) var(--door-l);background:var(--bg);color:var(--fg);overflow:hidden;isolation:isolate;container-type:inline-size;transition:flex-grow 1.2s var(--ease)}@media(min-width:56em){.door:not(:first-child){--door-l: var(--door-x)}.door:not(:last-child){--door-r: var(--door-x)}}@media(min-width:56em){.head__story{transition:opacity .6s var(--ease),visibility 0s linear 0s}.no-js body:has(.doors) .head__story,.head[data-bare] .head__story{opacity:0;visibility:hidden;transition-delay:0s,.6s}.no-js body:has(.doors) .head:before,.head[data-bare]:before{-webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent),linear-gradient(to right,#000 26%,transparent 33% 67%,#000 74%);mask-image:linear-gradient(to bottom,#000 58%,transparent),linear-gradient(to right,#000 26%,transparent 33% 67%,#000 74%);-webkit-mask-composite:source-in;mask-composite:intersect}}.door:focus-visible{outline-offset:-.7rem}.door__photo{position:absolute;inset:0;z-index:-2}.door__photo .photo{width:100%;height:100%}.door__photo .photo img{transition:opacity 1.1s var(--ease),transform 2.4s var(--ease)}.door:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,transparent 38%,color-mix(in srgb,var(--bg) 82%,transparent) 70%,var(--bg) 100%)}.door__body{display:grid;gap:.9rem;justify-items:start}.door__title{font:300 min(var(--fs-cover),36cqi,calc(198cqi / var(--chars, 1))) / .9 var(--font-display);letter-spacing:-.02em}.door__go{margin-top:.4rem;font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);transition:color .5s var(--ease)}.door__go span{display:inline-block;transition:transform .7s var(--ease)}.door__flakes{position:absolute;top:0;left:50%;height:100%;translate:-50% 0;pointer-events:none}.door__frames{position:absolute;inset:0}.door__frames .photo{position:absolute;inset:0;visibility:hidden}.door__frames .photo.is-on{visibility:visible}.door__frames .photo img{animation:none;transition:transform 2.4s var(--ease)}@media(hover:hover)and (min-width:56em){.door:hover .door__go,.door:focus-visible .door__go{color:var(--fg)}}@media(hover:hover)and (min-width:56em)and (prefers-reduced-motion:no-preference){.doors:has(.door:is(:hover,:focus-visible)) .door:not(:hover,:focus-visible){flex-grow:.78}.doors .door:is(:hover,:focus-visible){flex-grow:2.2}.door:hover .door__photo .photo img,.door:focus-visible .door__photo .photo img{transform:scale(1.045)}.door:hover .door__go span,.door:focus-visible .door__go span{transform:translate(.5em)}}@media(max-width:55.99em){.doors{flex-direction:column;height:auto;min-height:0}.door{flex:none;min-height:88vh;min-height:88svh}}@media(max-width:55.99em)and (orientation:landscape)and (max-height:32rem){.door{min-height:max(88svh,24rem)}.door__photo .photo img{--fy: 12%}.door[data-world=dark] .door__photo .photo img{--fy: 0%}.door:after{background:linear-gradient(to right,color-mix(in srgb,var(--bg) 80%,transparent),transparent 64%),linear-gradient(to bottom,transparent 38%,color-mix(in srgb,var(--bg) 82%,transparent) 70%,var(--bg) 100%)}}@media screen and (prefers-reduced-motion:no-preference){.js .doors:not(.is-seen) .door{clip-path:inset(100% 0 0 0)}.doors.is-seen .door{animation:door-open 1.7s var(--ease) both;animation-delay:calc(var(--i) * .18s + .15s)}.doors.is-seen .door .photo img{animation:door-settle 3.2s var(--ease) both;animation-delay:calc(var(--i) * .18s + .15s)}.doors.is-seen .door__body>*{animation:door-rise 1.6s var(--ease) both;animation-delay:calc(var(--i) * .18s + .9s)}.doors.is-seen .door__body>:nth-child(2){animation-delay:calc(var(--i) * .18s + 1s)}.doors.is-seen .door__body>:nth-child(3){animation-delay:calc(var(--i) * .18s + 1.1s)}@keyframes door-open{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes door-settle{0%{scale:1.2}to{scale:1}}@keyframes door-rise{0%{opacity:0;translate:0 1.2rem}to{opacity:1;translate:0 0}}}.opening{--poem-load: 5s;--poem-fade: 1.2s;--poem-cycle: calc(var(--poem-load) + var(--poem-fade));--opened: 0;--poem-fs: min(clamp(2rem, .8rem + 5vw, 6.2rem), 8.6svh, 8.4vw);--stage-pad: calc(var(--head-h) + clamp(.8rem, 3svh, 2rem)) var(--gutter) clamp(4.2rem, 14svh, 8rem)}.poem{position:relative;display:grid;align-content:center;min-height:100vh;min-height:100svh;max-width:96rem;margin-inline:auto;padding:var(--stage-pad)}.poem__text{display:grid;gap:clamp(1rem,3.6svh,2.6rem)}.poem__lines{display:grid;gap:.28em;justify-items:start;font:300 var(--poem-fs) / 1.06 var(--font-display);letter-spacing:-.022em}.poem__line{color:color-mix(in oklab,var(--fg) calc(64% + var(--n) * 9%),var(--bg));text-wrap:balance}.poem__by{display:flex;align-items:center;gap:.9rem;font:italic 400 var(--fs-m) / 1.4 var(--font-text);color:var(--ink-3)}.poem__by:before{content:"";width:2.4em;height:1px;background:currentColor}.poem__by cite{font-style:inherit}.poem__begin{position:absolute;bottom:clamp(1rem,3.2svh,2.4rem);left:var(--gutter);display:grid;justify-items:start;gap:clamp(.5rem,1.6svh,1rem);font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.poem__begin:after{content:"";width:1px;height:clamp(1.6rem,6svh,3.5rem);background:linear-gradient(to bottom,currentColor,transparent)}.lesson{display:grid;align-content:center;gap:1.15em;max-width:96rem;margin-inline:auto;padding:0 var(--gutter) clamp(5rem,14svh,9rem);font:300 calc(var(--poem-fs) * .82) / 1.06 var(--font-display);letter-spacing:-.022em}.lesson__lines{display:grid;gap:.28em;justify-items:start}.lesson__line{color:color-mix(in oklab,var(--fg) calc(64% + var(--k) * 9%),var(--bg));text-wrap:balance}@media screen and (prefers-reduced-motion:no-preference){.poem__line{position:relative}.poem__words{display:block;animation:poem-in var(--poem-fade) var(--ease) calc(var(--n) * var(--poem-cycle)) both}.poem__line:first-child .poem__words{animation-duration:.9s;animation-delay:.3s}.poem__line:not(:first-child):before,.poem__line:not(:first-child):after{content:"";position:absolute;top:.58em;left:0;pointer-events:none}.poem__line:not(:first-child):before{width:100%;height:1px;background:var(--ink-3);transform-origin:left;animation:poem-grow var(--poem-load) linear calc(var(--n) * var(--poem-cycle) - var(--poem-load)) both,poem-gone var(--poem-fade) linear calc(var(--n) * var(--poem-cycle)) forwards}.poem__line:not(:first-child):after{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--fg);box-shadow:0 0 10px 1px color-mix(in oklab,var(--fg) 60%,transparent);animation:poem-lead var(--poem-load) linear calc(var(--n) * var(--poem-cycle) - var(--poem-load)) both,poem-gone var(--poem-fade) linear calc(var(--n) * var(--poem-cycle)) forwards}.poem__by{animation:poem-in 1.9s var(--ease) calc((var(--poem-lines) - 1) * var(--poem-cycle) + var(--poem-fade) + .2s) both}.poem__begin{animation:poem-in 1.9s var(--ease) calc((var(--poem-lines) - 1) * var(--poem-cycle) + var(--poem-fade) + 1.4s) both}@keyframes poem-in{0%{opacity:0;translate:0 .7rem}}@keyframes poem-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes poem-lead{0%{left:0;opacity:0}4%{opacity:1}to{left:100%;opacity:1}}@keyframes poem-gone{to{opacity:0}}}@media screen and (prefers-reduced-motion:no-preference)and (min-height:32em){.js .opening{height:270vh;height:270svh}.js .poem,.js .lesson{position:sticky;top:0;box-sizing:border-box;height:100vh;height:100svh;min-height:0}.js .lesson{margin-top:-100vh;margin-top:-100svh;padding:var(--stage-pad);pointer-events:none}.js .poem__text{opacity:clamp(0,calc(1 - (var(--opened) - .26) / .18),1)}.js .lesson__line{opacity:clamp(0,calc((var(--opened) - .5 - var(--k) * .09) / .08),1)}}.chapter{--chapter-pad: clamp(4rem, 9vw, 8rem);display:grid;gap:clamp(2.5rem,5vw,4.5rem);max-width:var(--page-w);margin-inline:auto;padding:var(--chapter-pad) var(--gutter) clamp(4.5rem,10vw,9rem);scroll-margin-top:calc(-1 * var(--chapter-pad))}.chapter__top{display:grid;gap:clamp(2rem,5vw,5rem);align-items:end}@media(min-width:56em){.chapter__top{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.chapter--kazuo .chapter__top{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.chapter--kazuo .chapter__figure{order:2}}.chapter__figure{display:grid;gap:.8rem;justify-items:start}.chapter__figure .photo{width:min(100%,calc(84svh * var(--ar)))}.chapter__plates{display:grid;gap:clamp(1rem,2vw,1.6rem);width:min(100%,calc(84svh * var(--plate-ar)))}@media(min-width:56em){.chapter--yoshito .chapter__top{align-items:start}}@media(min-width:56em)and (min-height:44em){.chapter--yoshito .chapter__text{position:sticky;top:calc(var(--head-h) + 2rem)}}.chapter__caption{max-width:34ch;font:italic 400 var(--fs-s) / 1.45 var(--font-text);color:var(--ink-3)}.chapter__text{display:grid;gap:1rem;justify-items:start}.chapter__title{font:300 var(--fs-xl) / 1.02 var(--font-display);letter-spacing:-.02em}.chapter__years{font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.chapter__prose{max-width:var(--measure);font-size:var(--fs-m);color:var(--ink-2)}.chapter__card{display:grid;gap:.6rem;justify-items:start;margin-top:1.6rem}.chapter__card .photo{width:min(100%,24rem)}.chapter__lead{display:grid;gap:1rem;justify-items:start}.chapter__more{font-size:var(--fs-m);color:var(--ink-2)}.triptych__title{max-width:14ch;font:300 var(--fs-xl) / 1.05 var(--font-display);letter-spacing:-.015em}.triptych__text{max-width:var(--measure);font-size:var(--fs-m);color:var(--ink-2)}.triptych__intro{display:grid;gap:1rem;justify-items:start;max-width:var(--page-w);margin-inline:auto;padding:clamp(2rem,5vw,4rem) var(--gutter) clamp(2.5rem,5vw,4rem)}}@layer story{.story{--page-bg: var(--bg);position:relative}.cover{--cover-foot: clamp(1.5rem, 3.4vw, 3rem);position:relative;display:grid;min-height:100vh;min-height:100svh;padding:calc(var(--head-h) + 1rem) var(--gutter) var(--cover-foot);isolation:isolate;overflow:clip}.cover__type{z-index:2;align-self:end;display:grid;gap:1.1rem;justify-items:start;max-width:34rem}.cover__no{display:flex;gap:.7em;font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-shadow:var(--halo)}.cover__title{margin:0}.cover__name,.outro__title{--name-fit: min(1, 7.7 / var(--chars, 1));--name-cap: calc(var(--line-w) / (var(--chars, 1) * .47));--name-size: min(calc(var(--fs-cover) * var(--name-fit)), var(--name-cap))}.cover__name{display:block;font:300 var(--name-size) / .86 var(--font-display);letter-spacing:-.03em}.cover__line{max-width:24ch;font:italic 400 var(--fs-l) / 1.25 var(--font-text);color:var(--ink-2);text-shadow:var(--halo)}.cover__meta{font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);text-shadow:var(--halo)}.cover__film{color:var(--ink-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em;text-decoration-color:var(--ink-3);transition:color .4s var(--ease)}.cover__film:hover{color:var(--ink)}.cover__hint{display:flex;align-items:center;gap:1rem;max-width:20rem;margin-top:.6rem;font:400 var(--fs-xs) / 1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);text-shadow:var(--halo)}.cover__cue{flex:none;width:1px;height:3.5rem;background:linear-gradient(to bottom,currentColor,transparent);transform-origin:top}.cover[data-cover=bleed]{--type-h: calc(var(--fs-cover) * .86 + var(--fs-l) * 2.5 + var(--fs-xs) * 2 + 3.3rem)}.cover[data-cover=bleed] .cover__photo{position:absolute;inset:0;z-index:-2}.cover[data-cover=bleed] .cover__photo .photo{width:100%;height:100%}.cover[data-cover=bleed]:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 62% calc(var(--type-h) * 1.7) at 0% 100%,color-mix(in srgb,var(--bg) 88%,transparent),color-mix(in srgb,var(--bg) 66%,transparent) 45%,transparent),linear-gradient(to top,var(--bg) 0%,color-mix(in srgb,var(--bg) 80%,transparent) 22%,color-mix(in srgb,var(--bg) 46%,transparent) 40%,transparent 64%),linear-gradient(to bottom,color-mix(in srgb,var(--bg) 65%,transparent),transparent 24%)}.cover[data-cover=bleed] .cover__hint{position:absolute;right:var(--gutter);bottom:var(--cover-foot);margin:0;text-align:right}.cover[data-cover=figure] .cover__photo{grid-column:2;grid-row:1;align-self:end;margin-right:clamp(0rem,3vw,4rem)}.cover[data-cover=figure] .cover__photo .photo{width:min(calc((100svh - var(--head-h) - 2.5rem - var(--cover-foot)) * var(--ar)),35vw)}.cover[data-cover=figure] .cover__type{grid-column:1;grid-row:1}.cover[data-cover=figure]{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:2rem}@media(max-width:63.99em)and (not ((orientation:landscape)and (max-height:40rem))){.cover[data-cover=figure]{grid-template-columns:1fr;align-content:start;gap:1.5rem}.cover[data-cover=figure] .cover__photo{grid-column:1;grid-row:2;margin:0;justify-self:center}.cover[data-cover=figure] .cover__photo .photo{width:min(100%,calc((100svh - var(--head-h) - 1rem - 15rem - 2.5rem - var(--cover-foot) - 1rem) * var(--ar)))}.cover[data-cover=figure] .cover__type{grid-column:1;grid-row:1;align-self:start}}@media(max-width:63.99em){.cover__hint{display:none}}@media(orientation:landscape)and (max-height:32rem){.cover[data-cover=bleed]{--type-h: calc(min(var(--fs-cover), 17svh) * .86 + min(var(--fs-l), 5.8svh) * 2.5 + var(--fs-xs) * 2 + 2.2rem)}.cover[data-cover=bleed] .cover__type{gap:.6rem}.cover__name{font-size:min(calc(min(var(--fs-cover),17svh) * var(--name-fit)),var(--name-cap))}.cover[data-cover=bleed] .cover__line{font-size:min(var(--fs-l),5.8svh)}}.scene{--room: calc(100svh - var(--bar-h) - 3.5rem);position:relative;display:grid;place-content:center;justify-items:center;gap:clamp(1.2rem,2.4vw,2rem);min-height:100vh;min-height:100svh;padding:calc(var(--bar-h) + 1rem) var(--gutter) 1.25rem}.plate{--under: 7.5rem}.plate[data-held]{--under: 3.5rem}.plate[data-held] .plate__cap{justify-items:center;text-align:center}.plate__fig{display:grid;align-items:end;gap:1.25rem clamp(1.5rem,3vw,3rem);margin:0}.plate__photo{width:min(92vw,1200px,calc((var(--room) - var(--under)) * var(--ar)))}.plate__cap{display:grid;gap:.9rem;justify-items:start}@media(min-width:48em){.plate[data-align=left],.plate[data-align=right]{--under: 0rem}.plate[data-align=left] .plate__fig{grid-template-columns:auto minmax(11rem,19rem);justify-self:start;margin-left:clamp(0rem,4vw,5rem)}.plate[data-align=right] .plate__fig{grid-template-columns:minmax(11rem,19rem) auto;justify-self:end;margin-right:clamp(0rem,4vw,5rem)}.plate[data-align=right] .plate__cap{order:-1;justify-items:end;text-align:right}.plate[data-align=left] .plate__photo,.plate[data-align=right] .plate__photo{width:min(70vw,1200px,calc(var(--room) * var(--ar)))}.plate[data-align=center] .plate__fig{justify-items:center}.plate[data-align=center] .plate__cap{justify-items:center;text-align:center}}@media(min-width:48em)and (max-height:46rem){.plate[data-align=center]{--under: 0rem}.plate[data-align=center] .plate__fig{grid-template-columns:auto minmax(11rem,19rem);justify-items:start}.plate[data-align=center] .plate__cap{justify-items:start;text-align:left}.plate[data-align=center] .plate__photo{width:min(70vw,1200px,calc(var(--room) * var(--ar)))}}@media(max-width:47.99em){.plate__cap{justify-items:center;text-align:center}}@media screen and (prefers-reduced-motion:no-preference)and (min-height:32em){.js .plate[data-held]{align-content:stretch;min-height:0;height:190vh;height:190svh;padding-bottom:0}.js .plate[data-held] .plate__fig{position:sticky;top:calc(var(--bar-h) + 1rem);align-content:center;height:calc(100vh - var(--bar-h) - 2.25rem);height:calc(100svh - var(--bar-h) - 2.25rem)}.js .plate[data-held] .plate__photo{translate:0 calc(var(--held, 0) * -1rem)}}.pair__row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(1rem,3vw,3rem)}.pair__fig{display:grid;gap:.9rem;margin:0}.pair{--under: 8rem}.pair__photo{width:min(44vw,640px,calc((var(--room) - var(--under)) * var(--ar)))}.pair>.score,.strip>.score,.floor>.score{text-align:center;max-width:34ch}@media(max-width:47.99em){.pair__row{flex-direction:column;align-items:center}.pair__photo{width:min(94vw,calc(80svh * var(--ar)))}.pair{padding-block:calc(var(--bar-h) + 1rem) 2rem}}.strip__row{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:clamp(3px,.5vw,8px);width:min(96vw,1500px,calc(100vw - (2*max(var(--inset-l),var(--inset-r)))))}.strip__fig{display:grid;gap:.7rem;margin:0}.strip__photo{width:100%}@media(max-width:47.99em){.strip__row{grid-template-columns:1fr;gap:1.25rem}}.interlude{min-height:90vh;min-height:90svh;text-align:center}.interlude__text{max-width:18ch;font:italic 300 var(--fs-xl) / 1.12 var(--font-display);letter-spacing:-.012em;text-wrap:balance}.interlude__line{display:block}.proofs{padding:clamp(5rem,11vw,10rem) var(--gutter) clamp(2.5rem,5vw,4rem)}.proofs__title{margin-bottom:clamp(1.5rem,3vw,2.5rem);font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.proofs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:clamp(3px,.5vw,8px);max-width:96rem;margin-inline:auto}.proofs__item{position:relative;display:grid;gap:.5rem;align-content:start}.proofs__photo,.proofs__photo.photo{aspect-ratio:4 / 5}.proofs__photo img{object-fit:cover}.credits{padding:0 var(--gutter) clamp(5rem,11vw,10rem)}.credits__list{display:grid;grid-template-columns:max-content minmax(0,max-content);column-gap:clamp(1.25rem,3vw,2.5rem);row-gap:.45rem;max-width:96rem;margin-inline:auto;padding-top:1.25rem;border-top:1px solid var(--ink-4)}.credits__row{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline}.credits dt{font:400 var(--fs-xs) / 1.6 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.credits dd{font:400 var(--fs-s) / 1.5 var(--font-text);color:var(--ink-2)}.outro{--fade: min(40vh, 24rem);position:relative;display:grid;place-content:center;justify-items:center;gap:2rem;min-height:100vh;min-height:100svh;padding:calc(var(--fade) + 1rem) var(--gutter) clamp(4rem,8vw,7rem);background:var(--bg);color:var(--fg);text-align:center;isolation:isolate}.outro:before{content:"";position:absolute;inset:0 0 auto;height:var(--fade);z-index:-1;background:linear-gradient(to bottom,var(--page-bg),transparent)}.outro__bridge{max-width:24ch;font:italic 300 var(--fs-l) / 1.25 var(--font-display);color:var(--ink-2);text-wrap:balance}.outro__next{display:grid;justify-items:center;gap:1rem;padding:1rem}.outro__label{font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.outro__title{font:300 var(--name-size) / .95 var(--font-display);letter-spacing:-.03em;transition:transform 1.4s var(--ease)}@media(prefers-reduced-motion:no-preference){.outro__next:hover .outro__title,.outro__next:focus-visible .outro__title{transform:scale(1.04)}}}@layer story{.film{width:min(100%,76rem,calc(var(--ar) * 76svh));margin:0}.film__frame{position:relative;aspect-ratio:var(--ar);background:#000;overflow:hidden}.film__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#000;color:#fff}.film__video:focus-visible{outline-offset:-.5rem}.film__video::cue{font-family:var(--font-text);font-size:1.25em;line-height:1.25;color:#fff;background:#000000b8}.film__info{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,2.25rem) clamp(2rem,5vw,5rem);padding-top:clamp(1.1rem,2.2vw,1.75rem)}@media(min-width:52em){.film__info:has(.film__chapters){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.film__title{font:300 var(--fs-l) / 1.1 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.film__about{max-width:var(--measure);margin-top:.8rem;font:400 var(--fs-m) / 1.5 var(--font-text);color:var(--ink-2)}.film__note,.film__credit,.film__original{max-width:40rem;margin-top:.9rem;font:400 var(--fs-s) / 1.5 var(--font-text);color:var(--ink-3)}.film__note{font-style:italic}.film__note a,.film__credit a,.film__original a{color:var(--ink-2)}.film__chapters ol{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--ink-4)}.film__chapters li{border-top:1px solid var(--ink-4)}.film__chapters .film__seek{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:.8rem;align-items:baseline;padding:.7rem 0;font:400 var(--fs-m) / 1.3 var(--font-text);color:var(--ink-2);transition:color .4s var(--ease)}.film__chapters .film__seek:hover{color:var(--ink)}.film__at{font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.08em;color:var(--ink-3);font-variant-numeric:tabular-nums}.film__subs{grid-column:1 / -1;border-top:1px solid var(--ink-4)}.film__subs summary{display:flex;align-items:center;gap:.9rem;padding:1rem 0;font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;list-style:none}.film__subs summary::-webkit-details-marker{display:none}.film__subs summary:after{content:"+";font-size:1.25em;line-height:1}.film__subs[open] summary:after{content:"\2212"}.film__subs ol{columns:2 24rem;column-gap:clamp(2rem,5vw,5rem);margin:0;padding:.5rem 0 2rem;list-style:none}.film__subs li{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:.8rem;align-items:baseline;padding:.4rem 0;break-inside:avoid;font:400 var(--fs-s) / 1.45 var(--font-text);color:var(--ink-2)}.film__line{white-space:pre-line}.film__seek{text-decoration:none}@media(pointer:coarse){.film__subs li{padding:0}.film__subs .film__seek{padding:.75rem 0}}.scene.screening{min-height:0;grid-template-columns:minmax(0,1fr);justify-items:start;align-content:start;gap:clamp(2rem,4vw,3.5rem);max-width:var(--page-w);margin-inline:auto;padding:clamp(5rem,11vw,10rem) var(--gutter)}.screening__head{display:grid;gap:1rem;justify-items:start}.screening__lead{max-width:24ch;font:300 var(--fs-xl) / 1.08 var(--font-display);letter-spacing:-.012em;text-wrap:balance}}@layer worlds{.snowfall{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.snowfall--back{z-index:-1}.snowfall--front{z-index:70}.story--snow .cover[data-cover=bleed] .cover__photo .photo img{transform-origin:50% 42%}@media screen and (prefers-reduced-motion:no-preference){.js .story--snow .cover__photo .photo.is-ready img{animation:snow-settle 11s var(--ease) both}.js .story--snow .cover__type>*{animation:snow-drift 2.6s var(--ease) both}.js .story--snow .cover__type>:nth-child(1){animation-delay:.6s}.js .story--snow .cover__type>:nth-child(2){animation-delay:.9s}.js .story--snow .cover__type>:nth-child(3){animation-delay:1.6s}.js .story--snow .cover__type>:nth-child(4){animation-delay:1.9s}.js .story--snow .cover__type>:nth-child(5){animation-delay:2.6s}@keyframes snow-settle{0%{scale:1.09}to{scale:1}}@keyframes snow-drift{0%{opacity:0;translate:0 1.4rem;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}}@media screen and (prefers-reduced-motion:no-preference){.js .story--snow :is([data-scene=plate],[data-scene=pair],[data-scene=strip],[data-scene=floor]) .photo{opacity:0;filter:blur(18px) brightness(1.6) contrast(.65);scale:1.035;transition:opacity 2.8s var(--ease),filter 3.6s var(--ease),scale 4.4s var(--ease)}.js .story--snow :is([data-scene=plate],[data-scene=pair],[data-scene=strip],[data-scene=floor]).is-seen .photo{opacity:1;filter:none;scale:1}.js .story--snow :is(.pair__fig,.strip__fig):nth-child(2) .photo{transition-delay:.7s}.js .story--snow :is(.pair__fig,.strip__fig):nth-child(3) .photo{transition-delay:1.4s}.js .story--snow .strip__fig:nth-child(4) .photo{transition-delay:2.1s}.js .story--snow :is(.score,.plate__cap>*,.pair__fig .no,.strip__fig .no){opacity:0;translate:0 .8rem;transition:opacity 2.2s var(--ease) 1.6s,translate 2.4s var(--ease) 1.6s}.js .story--snow .is-seen :is(.score,.plate__cap>*,.pair__fig .no,.strip__fig .no){opacity:1;translate:0 0}.js .story--snow .interlude__line{opacity:0;filter:blur(8px);transition:opacity 2.4s var(--ease) calc(var(--l, 0) * 1.5s + .2s),filter 2.8s var(--ease) calc(var(--l, 0) * 1.5s + .2s)}.js .story--snow .interlude.is-seen .interlude__line{opacity:1;filter:blur(0)}.js .story--snow .proofs__item{opacity:0;transition:opacity 1.8s var(--ease);transition-delay:calc(var(--n, 0) * 60ms)}.js .story--snow .proofs.is-seen .proofs__item{opacity:1}}.story--snow .interlude[data-tone=whiteout]{position:relative;min-height:160vh;min-height:160svh;background:var(--bg);color:var(--fg);isolation:isolate}.story--snow .interlude[data-tone=whiteout]:before,.story--snow .interlude[data-tone=whiteout]:after{content:"";position:absolute;left:0;right:0;height:42vh;height:42svh;z-index:-1;pointer-events:none}.story--snow .interlude[data-tone=whiteout]:before{top:0;background:linear-gradient(to bottom,var(--page-bg),transparent)}.story--snow .interlude[data-tone=whiteout]:after{bottom:0;background:linear-gradient(to top,var(--page-bg),transparent)}.story--snow .interlude[data-tone=whiteout] .interlude__text{font-size:var(--fs-2xl);line-height:.95;max-width:14ch}.story--snow .strip__row{align-items:end}}@layer worlds{@media screen and (prefers-reduced-motion:no-preference){.js .story--doll .cover__photo .photo{animation:doll-in 1s steps(6) .2s both}.js .story--doll .cover__type>*{animation:doll-in .7s steps(5) both}.js .story--doll .cover__type>:nth-child(1){animation-delay:.8s}.js .story--doll .cover__type>:nth-child(2){animation-delay:1s}.js .story--doll .cover__type>:nth-child(3){animation-delay:1.3s}.js .story--doll .cover__type>:nth-child(4){animation-delay:1.5s}.js .story--doll .cover__type>:nth-child(5){animation-delay:1.9s}@keyframes doll-in{0%{opacity:0;translate:0 .9rem}}.js .story--doll :is([data-scene=plate],[data-scene=pair]) .photo,.js .story--doll :is(.score,.plate__cap>*,.pair__fig .no){opacity:0}.js .story--doll :is([data-scene=plate],[data-scene=pair]).is-seen .photo{opacity:1;animation:doll-in .9s steps(5) both}.js .story--doll .pair__fig:nth-child(2) .photo{animation-delay:.4s}.js .story--doll .is-seen :is(.score,.plate__cap>*,.pair__fig .no){opacity:1;animation:doll-in .6s steps(4) 1s both}.js .story--doll .interlude__word{opacity:0}.js .story--doll .interlude.is-seen .interlude__word{opacity:1;transition:opacity 0s linear calc(var(--w, 0) * .15s + .25s)}.js .story--doll .proofs__item{opacity:0}.js .story--doll .proofs.is-seen .proofs__item{opacity:1;transition:opacity 0s linear calc(var(--n, 0) * 70ms)}}.story--doll .flip{display:block;place-content:normal;justify-items:normal;min-height:0;padding:clamp(3rem,8vw,7rem) var(--gutter)}.story--doll .flip__frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:clamp(.5rem,1.4vw,1.25rem);max-width:96rem;margin-inline:auto}.story--doll .flip__words{display:grid;justify-items:start;gap:1.5rem;max-width:96rem;margin:clamp(1.5rem,3vw,2.5rem) auto 0}.story--doll .flip__slate,.story--doll .flip__key{display:none}@media screen and (prefers-reduced-motion:no-preference){.js .story--doll .flip{padding:0}.js .story--doll .flip__track{height:calc(100vh + var(--n) * 30vh);height:calc(100svh + var(--n) * 30svh)}.js .story--doll .flip__stage{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"words frame count";align-items:center;column-gap:clamp(1.5rem,4vw,5rem);height:100vh;height:100svh;padding:calc(var(--bar-h) + 1.25rem) var(--gutter) 2.5rem}.js .story--doll .flip__frames{grid-area:frame;position:relative;display:block;height:100%;max-height:62rem;aspect-ratio:var(--ar);margin:0;isolation:isolate}.js .story--doll .flip__frame{position:absolute;inset:0;width:100%;height:100%;visibility:hidden}.js .story--doll .flip__frame img{transition:none}.js .story--doll .flip__frame.is-on{visibility:visible;z-index:1}.js .story--doll .flip__frame.is-ghost-1,.js .story--doll .flip__frame.is-ghost-2{visibility:visible;z-index:2;mix-blend-mode:darken}.js .story--doll .flip__frame.is-ghost-1{opacity:.22}.js .story--doll .flip__frame.is-ghost-2{opacity:.09}.js .story--doll .flip__frames[data-tick=a]{animation:gate-a .14s steps(2)}.js .story--doll .flip__frames[data-tick=b]{animation:gate-b .14s steps(2)}@keyframes gate-a{50%{translate:1px -1px}}@keyframes gate-b{50%{translate:-1px 1px}}.js .story--doll .flip__slate{grid-area:count;display:grid;justify-items:end;align-self:end;gap:.5rem;font-variant-numeric:tabular-nums}.js .story--doll .flip__no{font:300 clamp(4.5rem,3rem + 7vw,10rem) / .82 var(--font-display);letter-spacing:-.04em}.js .story--doll .flip__of{font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;color:var(--ink-3)}.js .story--doll .flip__words{grid-area:words;align-self:end;margin:0;gap:2rem}.js .story--doll .flip__key{display:inline-flex;align-items:center;gap:.9rem;padding:.7rem 1.1rem .7rem .8rem;border:1px solid var(--ink-3);color:var(--fg);font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:border-color .4s var(--ease),background-color .4s var(--ease),color .4s var(--ease)}.js .story--doll .flip__key svg{width:3rem;height:auto;overflow:visible;transform-origin:15% 50%}.js .story--doll .flip__key:hover,.js .story--doll .flip__key:focus-visible{background:var(--fg);border-color:var(--fg);color:var(--bg)}.js .story--doll .flip__key[data-playing] svg{animation:key-turn .9s steps(6) infinite}@keyframes key-turn{to{rotate:360deg}}}@media screen and (prefers-reduced-motion:no-preference)and ((max-width:47.99em)or (max-aspect-ratio:5/4)){.js .story--doll .flip__frames{container-type:size;width:100%;height:100%;max-height:none;aspect-ratio:auto}.js .story--doll .flip__frame{inset:0;margin:auto;width:min(100cqw,calc(100cqh * var(--ar)));height:min(100cqh,calc(100cqw / var(--ar)))}.js .story--doll .flip__stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"frame" "words";justify-items:center;row-gap:.75rem;padding-bottom:1rem}.js .story--doll .flip__slate{position:absolute;top:calc(var(--bar-h) + .5rem);right:var(--gutter);align-self:start}.js .story--doll .flip__no{font-size:min(3.4rem,14vw)}.js .story--doll .flip__words{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;justify-self:stretch;gap:1rem}.js .story--doll .flip__words .score{flex:1 1 11rem;max-width:22ch;font-size:1.05rem}}.story--doll .onion__stage{display:grid;justify-items:center;gap:1.5rem}.story--doll .onion__layers{--h: calc(var(--room) - 5.5rem);position:relative;height:var(--h);max-height:62rem;aspect-ratio:var(--ar);isolation:isolate}@media(min-width:48em)and (max-height:46rem){.story--doll .onion__stage{grid-template-columns:auto minmax(11rem,17rem);justify-items:start;align-items:end;column-gap:clamp(1.5rem,3vw,3rem)}.story--doll .onion__layers{--h: var(--room)}}.story--doll .onion__layer{position:absolute;inset:0;width:100%;height:100%}.story--doll .onion__layer+.onion__layer{mix-blend-mode:darken}.js .story--doll .onion__layer{opacity:0}.js .story--doll .onion__layer.is-on{opacity:var(--layer, .7)}.js .story--doll .onion__layer:first-child.is-on{opacity:1}.story--doll .onion__layer img{transition:none}@media(max-width:47.99em){.story--doll .onion__layers{height:auto;width:min(92vw,calc(var(--h) * var(--ar)))}}}@layer worlds{@media screen and (prefers-reduced-motion:no-preference){.js .story--dark .cover__photo .photo{animation:dark-rise 3.2s var(--ease) .3s both}.js .story--dark .cover__type>*{animation:dark-rise 2.8s var(--ease) both}.js .story--dark .cover__type>:nth-child(1){animation-delay:.9s}.js .story--dark .cover__type>:nth-child(2){animation-delay:1.2s}.js .story--dark .cover__type>:nth-child(3){animation-delay:1.7s}.js .story--dark .cover__type>:nth-child(4){animation-delay:2s}.js .story--dark .cover__type>:nth-child(5){animation-delay:2.6s}@keyframes dark-rise{0%{opacity:0}}.js .story--dark :is([data-scene=plate],[data-scene=pair],[data-scene=floor]) .photo{opacity:0;transition:opacity 3s var(--ease)}.js .story--dark :is([data-scene=plate],[data-scene=pair],[data-scene=floor]).is-seen .photo{opacity:1}.js .story--dark .pair__fig:nth-child(2) .photo{transition-delay:.9s}.js .story--dark :is(.score,.plate__cap>*,.pair__fig .no,.floor__fig .no){opacity:0;transition:opacity 3s var(--ease) 1.6s}.js .story--dark .is-seen :is(.score,.plate__cap>*,.pair__fig .no,.floor__fig .no){opacity:1}.js .story--dark .interlude__line{opacity:0;transition:opacity 3.4s var(--ease) calc(var(--l, 0) * 2s + .2s)}.js .story--dark .interlude.is-seen .interlude__line{opacity:1}.js .story--dark .proofs__item{opacity:0;transition:opacity 2.4s var(--ease) calc(var(--n, 0) * 90ms)}.js .story--dark .proofs.is-seen .proofs__item{opacity:1}}.story--dark .floor{display:grid;min-height:0;padding:clamp(5rem,14vh,9rem) 0;overflow-x:clip}.story--dark .floor__rows{display:grid;gap:clamp(.4rem,1vw,.9rem);width:100%}.story--dark .floor__fig{display:grid;gap:.6rem;justify-items:center;margin:0}.story--dark .floor__fig .no{justify-self:start;margin-left:calc((100vw - min(88vw,62rem))/2)}.story--dark .floor__photo{width:min(88vw,62rem,calc(60svh * var(--ar)))}@media screen and (prefers-reduced-motion:no-preference){.js .story--dark .floor__fig{translate:calc(var(--slide, 0) * var(--dir, 1) * min(6vw,3rem)) 0}.js .story--dark .floor__fig:nth-child(2n){--dir: -1}}.story--dark .breaths{display:block;place-content:normal;justify-items:normal;min-height:0;padding:clamp(3rem,8vw,7rem) var(--gutter)}.story--dark .breaths__frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:clamp(.5rem,1.4vw,1.25rem);max-width:96rem;margin-inline:auto}.story--dark .breaths__count{display:none}.story--dark .breaths .score{max-width:96rem;margin:clamp(1.5rem,3vw,2.5rem) auto 0}@media screen and (prefers-reduced-motion:no-preference){.js .story--dark .breaths{padding:0}.js .story--dark .breaths__track{height:calc(100vh + var(--n) * 70vh);height:calc(100svh + var(--n) * 70svh)}.js .story--dark .breaths__stage{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"words frame count";align-items:end;column-gap:clamp(1.5rem,4vw,5rem);height:100vh;height:100svh;padding:calc(var(--bar-h) + 1.25rem) var(--gutter) 2.5rem}.js .story--dark .breaths__frames{grid-area:frame;position:relative;display:block;align-self:center;height:100%;max-height:62rem;aspect-ratio:var(--ar);margin:0;isolation:isolate}.js .story--dark .breaths__frame{position:absolute;inset:0;width:100%;height:100%;opacity:0;will-change:opacity,transform}.js .story--dark .breaths__frame:first-child{opacity:1}.js .story--dark .breaths__frame img{transition:none}.js .story--dark .breaths .score{grid-area:words;align-self:center;margin:0}.js .story--dark .breaths__count{grid-area:count;display:block;justify-self:end;font:300 clamp(3.5rem,2.5rem + 5vw,8rem) / .85 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink-2)}.js .story--dark .breaths__count .breaths__no{color:var(--fg)}}@media screen and (prefers-reduced-motion:no-preference)and ((max-width:47.99em)or (max-aspect-ratio:5/4)){.js .story--dark .breaths__frames{container-type:size;width:100%;height:100%;max-height:none;aspect-ratio:auto}.js .story--dark .breaths__frame{inset:0;margin:auto;width:min(100cqw,calc(100cqh * var(--ar)));height:min(100cqh,calc(100cqw / var(--ar)))}.js .story--dark .breaths__stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"frame" "words";justify-items:center;row-gap:.75rem;padding-bottom:1.25rem}.js .story--dark .breaths__count{position:absolute;top:calc(var(--bar-h) + .5rem);right:var(--gutter);font-size:min(2.6rem,11vw)}.js .story--dark .breaths .score{justify-self:start;font-size:1.05rem}}}@layer pages{.about{--column: 40rem;scroll-margin-top:calc(-1*clamp(5rem,12vw,10rem))}.about__head{display:grid;gap:1.4rem;max-width:var(--page-w);margin-inline:auto;padding:clamp(5rem,12vw,10rem) var(--gutter) clamp(2.5rem,6vw,5rem)}.about__title{max-width:15ch;font:italic 300 var(--fs-2xl) / .95 var(--font-display);letter-spacing:-.025em;text-wrap:balance}.about__lead{max-width:34rem;font-size:var(--fs-m);color:var(--ink-2)}.about__body{display:grid;gap:clamp(4rem,9vw,9rem);max-width:var(--page-w);margin-inline:auto;padding:clamp(3rem,7vw,6rem) var(--gutter) clamp(4rem,9vw,8rem)}.about__section{display:grid;gap:1.5rem;max-width:var(--column)}.about__prose{display:grid;gap:1.25rem;font-size:var(--fs-m);line-height:1.6;text-wrap:pretty;color:var(--ink-2)}.about__prose:first-of-type{color:var(--fg)}.people{border-top:1px solid var(--ink-4)}.people__row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.5rem 1.5rem;padding:1.5rem 0 1.4rem;border-bottom:1px solid var(--ink-4)}.people__kanji{font:400 clamp(1.3rem,1.1rem + .7vw,1.8rem) / 1.2 var(--font-jp);white-space:nowrap;color:var(--ink-2)}.people__main{display:grid;justify-items:start;gap:.55rem}.people__name{font:300 var(--fs-l) / 1.1 var(--font-display);letter-spacing:-.01em}.people__years{font:400 var(--fs-xs) / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.people__text{max-width:var(--measure);font-size:var(--fs-m);text-wrap:pretty;color:var(--ink-2)}@media(max-width:40em){.people__row{grid-template-columns:minmax(0,1fr)}}.reading{display:grid;gap:.5rem}.reading li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;padding:.35rem 0}.reading li span{font:400 var(--fs-xs) / 1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.lost{display:grid;min-height:100vh;min-height:100svh;place-items:center;padding:calc(var(--head-h) + 1rem) var(--gutter) 4rem}.lost__body{display:grid;justify-items:center;gap:1.4rem;max-width:56rem;text-align:center}.lost__title{font:italic 300 var(--fs-2xl) / .98 var(--font-display);letter-spacing:-.03em;text-wrap:balance}@media screen and (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;translate:0 1.6rem;transition:opacity 1.4s var(--ease),translate 1.6s var(--ease)}.js [data-reveal].is-seen{opacity:1;translate:0 0}.js .lost__body>*{animation:rise 1.6s var(--ease) both}.js .lost__body>:nth-child(2){animation-delay:.15s}.js .lost__body>:nth-child(3){animation-delay:.3s}@keyframes rise{0%{opacity:0;translate:0 1.2rem}}}}@layer motion{::view-transition-old(root),::view-transition-new(root){animation-duration:.9s;animation-timing-function:var(--ease)}::view-transition-group(cover){animation-duration:1s;animation-timing-function:var(--ease);overflow:clip}::view-transition-old(cover),::view-transition-new(cover){width:100%;height:100%;object-fit:cover}.arrives .cover__photo .photo,.arrives .cover__photo .photo img,.arrives .door,.arrives .door .photo img{animation:none}.arrives .cover__photo .photo img,.arrives .door__photo .photo img{transition:none}html[data-world=dark].arrives::view-transition-new(cover){animation:lights-down 1s ease-in both}@keyframes lights-down{0%{opacity:1}45%{opacity:1}to{opacity:.05}}}@layer print{@page{margin:1.6cm}@media print{:root,[data-world]{--bg: #fff;--fg: #151412}:root{--head-h: 0px}html,body{background:#fff;color:#151412;font-size:11pt}.head,.skip,.grain,.snowfall,.lightbox,.cover__hint,.flip__key,.flip__slate,.breaths__count,.door__go,.door__flakes{display:none}*,*:before,*:after{background-image:none;text-shadow:none;animation:none;transition:none}.js .photo img{opacity:1}.photo:before{content:none}.breaths__frame{opacity:1!important}.breaths__frames{transform:none!important}.story--doll .onion__layer{opacity:var(--layer, .7)}.story--doll .onion__layer:first-child{opacity:1}figure,.photo,.score,.people__row,.reading li{break-inside:avoid}.about__section:not(.about__section--people){break-inside:avoid}.scene{--room: 17cm;min-height:0;padding-block:.8cm}.interlude{min-height:0;padding-block:2cm}.cover[data-cover=figure]{display:grid;grid-template-columns:minmax(0,1fr);gap:.9cm;padding-block:0 .8cm}.cover[data-cover=figure] .cover__type{grid-area:1 / 1}.cover[data-cover=figure] .cover__photo{grid-area:2 / 1;margin:0}.cover[data-cover=figure] .cover__photo .photo{width:min(100%,calc(16cm * var(--ar)))}.outro{--fade: 0px;min-height:0;padding-block:1.5cm;break-inside:avoid}.cover__name{font-size:4.2rem}.outro__title{font-size:3.6rem}.doors{display:block;height:auto;min-height:0}.door{display:grid;grid-template-columns:4.2cm 1fr;grid-template-rows:auto 1fr;gap:0 .9cm;min-height:0;padding:0 0 .45cm;overflow:visible;break-inside:avoid}.door__photo{position:static;grid-row:1 / span 2}.door__photo .photo{height:4.8cm}.door__body{align-self:start}.door__title{font-size:2.6rem}.poem{min-height:0;padding-block:1.2cm 1.2cm;break-after:avoid}.lesson{padding-block:0 2cm;break-after:page}.poem__begin,.film__frame,.film__chapters,.film__subs:not([open]){display:none}.film{width:auto;max-width:15cm}.chapter,.triptych{padding-block:1.2cm;break-inside:avoid}.chapter__top{grid-template-columns:7.5cm minmax(0,1fr);gap:.9cm}.chapter__plates,.chapter__figure .photo{width:100%}.chapter__card .photo{width:min(100%,7cm)}.eyebrow,.chapter__title,.chapter__years,.triptych__title{break-after:avoid}main a[href^=http]:after{content:" " attr(href);font:400 8pt / 1.4 var(--font-mono);word-break:break-all}.reading a:after{display:block}}}
