@font-face{font-family:DM;src:url('/fonts/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url('/fonts/dm-sans-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Instrument;src:url('/fonts/InstrumentSerif-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:JP;src:url('/fonts/noto-serif-jp.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#eeece5;--ink:#25282c;--quiet:#7f807e;--gutter:clamp(26px,5vw,96px);background:var(--paper);color:var(--ink);font-family:DM,Arial,sans-serif;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #8c79a9;outline-offset:6px}p,h1,h2,dl,dd{margin:0}img{display:block;max-width:100%}.jp{font-family:JP,'Hiragino Mincho ProN','Yu Mincho',serif}.skip{position:fixed;left:16px;top:-100px;padding:14px 20px;background:var(--paper);z-index:99}.skip:focus{top:12px}
.masthead{height:92px;padding:0 var(--gutter);display:flex;align-items:center;gap:28px;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:15px}.wordmark>span:first-child{font-size:27px;letter-spacing:-1.6px;font-weight:500;line-height:1}.wordmark-seal{font-size:28px;line-height:1;border-left:1px solid #25282c27;padding-left:14px;color:#625a69}.edition{font-size:10px;margin-left:auto;margin-right:70px;color:#71716f}.edition a{color:#333538}.masthead nav{display:flex;align-items:center;gap:34px;font-size:11px}.masthead nav button{padding:10px 0}.masthead nav button span{font-size:9px;color:#8b8986;margin-left:8px}.masthead nav a:hover,.masthead nav button:hover{color:#8c79a9}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px;height:min(74vw,calc(100svh - 146px));max-height:1000px;background:#0a1425;color:#edece5}.hero-scene{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-art{width:100%;height:100%;object-fit:cover;object-position:center center}.scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070c16a6,transparent 43%),linear-gradient(90deg,#060b1425,transparent 60%)}.scene-inscription{position:absolute;left:var(--gutter);top:62px;writing-mode:vertical-rl;font-size:15px;letter-spacing:5px;line-height:1.6;color:#e6e2d6bc}.scene-title{position:absolute;left:var(--gutter);bottom:56px;z-index:2}.scene-location{font-size:8px;letter-spacing:2px;color:#d6d0c7a3;margin-bottom:17px}.scene-title h1{font-family:Instrument,serif;font-weight:400;font-size:clamp(44px,4.2vw,72px);line-height:1.04;letter-spacing:-.7px}.scene-title>p:last-child{font-size:11px;line-height:1.7;color:#c5c6c9;margin-top:18px}.film-link{position:absolute;right:var(--gutter);bottom:58px;display:flex;align-items:center;gap:28px;padding:12px 0;border-bottom:1px solid #d5d4d869;font-size:11px;z-index:2}.film-link:hover{border-color:#f8f5ee}.film-duration{font-size:10px;color:#b1b3bb;letter-spacing:.5px}.image-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px var(--gutter);font-size:10px;color:#7c7b76;border-bottom:1px solid #26252a20}.image-caption>p{display:flex;align-items:center;gap:14px}.image-caption .jp{font-size:13px;color:#4f4b50;letter-spacing:2px}.scene-controls{display:flex;gap:24px}.scene-controls button{font-size:10px;padding:6px 0;color:#6c696f}.scene-controls button:hover{color:#222}
.lantern{position:absolute;top:-8px;left:55%;width:96px;height:272px;transform-origin:50% 0;transform:rotate(var(--swing,-2deg));z-index:2;will-change:transform}.lantern-cord{position:absolute;top:0;height:103px;left:calc(50% - 1px);width:1px;background:linear-gradient(#090910,#b7a68e,#5e5545)}.lantern-body{position:absolute;top:94px;width:100%;filter:brightness(var(--flame,1));will-change:filter}.lantern-body img{width:100%;height:auto;position:relative;z-index:1}.lantern-bloom{position:absolute;inset:-20%;background:radial-gradient(ellipse,rgba(238,155,71,.19),transparent 64%);opacity:var(--flame,1);mix-blend-mode:screen;filter:blur(10px)}.candle-light{position:absolute;left:33%;right:33%;top:34%;height:30%;z-index:2;border-radius:50%;background:radial-gradient(ellipse,rgba(255,240,160,.22),transparent 70%);mix-blend-mode:screen;opacity:var(--flare,.5)}.maple-bough{position:absolute;right:-35px;top:-5px;width:clamp(210px,30vw,530px);transform-origin:100% 4%;transform:rotate(var(--branch,0deg));opacity:.75;z-index:3;will-change:transform;pointer-events:none}.maple-bough img{width:100%;height:auto;filter:brightness(.62) saturate(.4)}.mist{position:absolute;bottom:5%;height:27%;left:-15%;width:100%;opacity:.1;background:radial-gradient(ellipse at 45% 60%,#aeb3ca,transparent 64%);filter:blur(24px);animation:mist-drift 26s ease-in-out infinite alternate;pointer-events:none}.mist-two{bottom:31%;left:25%;width:70%;height:15%;opacity:.05;animation-duration:34s;animation-delay:-12s}#night-leaves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}@keyframes mist-drift{from{transform:translate3d(-5%,2%,0)}to{transform:translate3d(18%,-3%,0)}}
.editorial{display:grid;grid-template-columns:180px minmax(0,540px) 190px;justify-content:space-between;column-gap:50px;padding:76px var(--gutter) 80px;max-width:1660px;margin:auto}.editorial-side h2{font-size:10px;font-weight:400;color:#77746f}.ink-signature{display:block;font-size:65px;color:#80738b;margin-top:32px;line-height:1.3}.editorial-copy .lede{font-family:Instrument,serif;font-size:39px;line-height:1.17;letter-spacing:-.4px;color:#31312f;margin-top:-8px;margin-bottom:29px}.editorial-copy>p:not(.lede){font-size:12px;color:#6a6965;line-height:1.9;max-width:435px}.editorial-copy>p+p{margin-top:19px}.inj{color:#31312f}.social-slot{font-size:10px;line-height:1.8;margin-top:32px;color:#8b8881}.social-slot a{color:#39353d;text-decoration:underline;text-underline-offset:5px}.project-index{font-size:10px;padding-top:0}.project-index dl>div{display:flex;gap:20px;justify-content:space-between;margin-bottom:19px}.project-index dt{color:#99948a}.project-index dd{color:#5e5a55;text-align:right}.project-index a:hover{text-decoration:underline;text-underline-offset:4px}.project-index>button{padding:7px 0;margin-top:19px;border-bottom:1px solid #827c7377;font-size:11px;color:#55514b}.project-index [role=status]{display:block;font-size:9px;color:#81718f;min-height:14px;margin-top:8px}
.colophon{padding:0 var(--gutter) 25px}.footer-top{border-top:1px solid #26252a25;padding:26px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top>p{font-family:Instrument,serif;font-size:24px;color:#79736b}.footer-links{display:flex;gap:26px;font-size:10px;color:#7a756e}.footer-links a:hover{color:#242223}.footer-bottom{display:flex;justify-content:space-between;gap:30px;font-size:8px;line-height:1.8;color:#9b958b}.footer-bottom p{max-width:510px}.footer-bottom .jp{font-size:10px;letter-spacing:2px;color:#8c8378}dialog{width:min(1120px,94vw);max-width:94vw;padding:20px;border:1px solid #343945;border-radius:2px;background:#0a101b;color:#edece5;overflow:visible;color-scheme:dark}dialog::backdrop{background:#02050bea;backdrop-filter:blur(10px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;padding:0 0 18px}.dialog-top button{font-size:12px;padding:6px}dialog video{width:100%;max-height:72svh;display:block;background:#000}.motion-paused .mist,.page-hidden .mist,.scene-hidden .mist{animation-play-state:paused}
@media(min-width:1700px){.editorial{grid-template-columns:220px 580px 210px}.editorial-copy .lede{font-size:44px}.editorial-copy>p:not(.lede){font-size:13px}}
@media(max-width:1100px){.edition{margin-right:28px}.hero{height:760px;min-height:0}.hero-art{object-position:65% center}.scene-title h1{font-size:52px}.editorial{grid-template-columns:120px minmax(0,1fr) 175px;gap:32px}.editorial-copy .lede{font-size:35px}.editorial-copy>p:not(.lede){font-size:11px}.lantern{left:48%;width:85px}.film-link{gap:20px;font-size:10px}}
@media(max-width:800px){.masthead{height:80px}.wordmark>span:first-child{font-size:24px}.wordmark-seal{font-size:24px}.edition{display:none}.masthead nav{gap:22px;font-size:10px}.hero{height:740px}.hero-art{object-position:70% center}.scene-title{bottom:82px}.scene-title h1{font-size:48px}.scene-title>p:last-child{font-size:10px;margin-top:13px}.scene-location{font-size:7px;margin-bottom:15px}.scene-inscription{top:38px;font-size:13px}.film-link{left:var(--gutter);right:auto;bottom:27px;font-size:10px;padding:9px 0;gap:24px}.film-duration{font-size:9px}.lantern{left:31%;width:80px}.lantern-cord{height:105px}.lantern-body{top:97px}.maple-bough{width:260px;right:-50px}.scene-shade{background:linear-gradient(0deg,#070c16f0,transparent 60%)}.editorial{grid-template-columns:90px minmax(0,1fr);padding-top:56px;padding-bottom:58px;gap:25px}.editorial-side h2{font-size:9px;line-height:1.7}.ink-signature{font-size:52px;margin-top:22px}.editorial-copy .lede{font-size:34px;margin-top:-6px}.editorial-copy>p:not(.lede){font-size:12px}.project-index{grid-column:2;margin-top:14px}.project-index dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.project-index dl>div{display:block;margin:0}.project-index dt{font-size:9px;margin-bottom:7px}.project-index dd{text-align:left;font-size:10px}.project-index>button{margin-top:23px}.footer-top>p{font-size:22px}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom p{order:3;max-width:none;width:100%;font-size:8px}.footer-bottom .jp{margin-left:auto;font-size:9px}.image-caption{padding-top:13px;padding-bottom:13px;font-size:9px}.image-caption>p{gap:10px}.image-caption .jp{font-size:12px}.scene-controls{gap:18px}.scene-controls button{font-size:9px}}
@media(max-width:480px){:root{--gutter:24px}.masthead{height:74px;padding:0 24px}.wordmark{gap:10px}.wordmark>span:first-child{font-size:23px;letter-spacing:-1.3px}.wordmark-seal{font-size:23px;padding-left:10px}.masthead nav{gap:22px}.masthead nav button span{display:none}.hero{height:700px}.hero-art{object-position:71% center}.scene-inscription{left:24px;top:33px;font-size:12px;letter-spacing:4px}.scene-title{left:24px;bottom:92px}.scene-title h1{font-size:45px;letter-spacing:-.5px;white-space:nowrap}.scene-title>p:last-child{font-size:10px}.scene-location{font-size:7px;letter-spacing:1.6px}.film-link{left:24px;bottom:33px}.lantern{left:19%;width:73px;top:-8px}.lantern-cord{height:83px}.lantern-body{top:76px}.maple-bough{width:210px;right:-45px;opacity:.65}.image-caption{padding:13px 24px;align-items:center}.image-caption>p>span:last-child{max-width:115px;font-size:8px;line-height:1.5}.scene-controls{gap:15px}.scene-controls button{font-size:8px}.editorial{padding:43px 24px 46px;grid-template-columns:1fr;gap:25px}.editorial-side{display:flex;align-items:center;justify-content:space-between}.editorial-side h2{font-size:10px}.ink-signature{font-size:32px;margin:0}.editorial-copy .lede{font-size:35px;line-height:1.18;margin-top:0;margin-bottom:23px}.editorial-copy>p:not(.lede){font-size:12px}.social-slot{margin-top:25px;font-size:10px}.project-index{grid-column:1;border-top:1px solid #25252a1a;padding-top:25px;margin-top:5px}.project-index dl{gap:22px 30px}.project-index>button{margin-top:21px}.footer-top{align-items:flex-start;gap:22px;flex-direction:column;padding:23px 0}.footer-top>p{font-size:23px}.footer-links{font-size:10px;gap:26px}.footer-bottom{font-size:8px;gap:18px}.footer-bottom p{font-size:8px;line-height:1.8}.footer-bottom .jp{font-size:9px;letter-spacing:1px}.colophon{padding-bottom:25px}dialog{padding:12px;width:95vw;max-width:95vw}.dialog-top{font-size:8px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.lantern{transform:rotate(-1.5deg)}.maple-bough{transform:none}}

body.film-open{overflow:hidden}.film-open .mist{animation-play-state:paused}
#film-dialog{max-height:calc(100svh - 32px);overflow:auto;border-radius:8px;box-shadow:0 28px 110px #0008}
.dialog-top h2{font:400 23px/1.2 Instrument,serif;letter-spacing:0}
.dialog-top button{min-height:40px;padding:8px 4px 8px 16px;color:#c6c5cb}
#film-player{aspect-ratio:16/9;max-height:calc(100svh - 190px);object-fit:contain}
.film-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:17px;font-size:10px;line-height:1.7;color:#b6b5be}
.film-caption p span{margin-left:16px;color:#787d8c}
.film-caption a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.film-error{font-size:11px;color:#ddd1bf;margin-top:14px;line-height:1.6}
@media(max-width:480px){.dialog-top h2{font-size:21px}.film-caption{font-size:9px;padding-top:14px}.film-caption p span{margin-left:8px}#film-dialog{max-height:calc(100svh - 24px)}}

.hero-still,.hero-film{position:absolute;inset:0;width:100%;height:100%}
.hero-film{object-fit:cover;object-position:65% center}
.hero-still .hero-art{object-position:65% center}
.motion-film{opacity:0;transition:opacity 900ms ease;pointer-events:none}
.motion-film.is-playing{opacity:1}
.character-portrait{position:relative;display:block;width:100px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin-top:29px;background:#101928}
.character-portrait img,.character-portrait video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.portrait-signature{display:block;width:100px;text-align:center;margin-top:14px;font-size:20px;color:#80738b}
.footer-links{flex-wrap:wrap}
@media(max-width:640px){.hero-still .hero-art,.hero-film{object-position:center center}}
@media(max-width:480px){.character-portrait{width:64px;margin:0 0 0 auto}.portrait-signature{display:none}.editorial-side{min-height:64px}.footer-links{gap:20px}}
