html:has(.flow-book){scroll-behavior:auto}.flow-book{--paper:#eeeee7;--night:#101314;--accent:#ad6673;background:var(--night);color:var(--paper);font-family:Georgia,Yu Mincho,Hiragino Mincho ProN,serif;overflow:clip}.flow-book :focus-visible{outline:2px solid var(--accent);outline-offset:6px}.flow-toolbar{z-index:30;color:#eeeee7;background:#101314f5;border-bottom:1px solid #ffffff20;align-items:center;gap:32px;height:74px;padding:0 3.5vw;font-family:Arial,Hiragino Sans,sans-serif;display:flex;position:fixed;inset:0 0 auto}.flow-brand{letter-spacing:.04em;white-space:nowrap;font-family:Georgia,serif;font-size:16px}.flow-brand span{letter-spacing:.18em;color:#bbbbad;margin-top:5px;font-family:Arial,sans-serif;font-size:8px;display:block}.flow-current{letter-spacing:.15em;text-overflow:ellipsis;white-space:nowrap;color:#ccccbf;max-width:260px;margin:auto;font-size:9px;overflow:hidden}.flow-toolbar nav{align-items:center;gap:8px;display:flex}.flow-toolbar button,.flow-nav>summary{color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff26;border-radius:0;min-height:44px;padding:12px 10px;font:11px Arial,Hiragino Sans,sans-serif}.flow-toolbar button[aria-pressed=true]{background:#ad667326;border-color:#ad6673}.flow-toolbar button:disabled{opacity:.5}.flow-nav{position:relative}.flow-nav>summary{list-style:none}.flow-nav>summary::-webkit-details-marker{display:none}.flow-nav>div{background:#161a1b;border:1px solid #ffffff26;width:260px;max-height:70vh;padding:10px;position:absolute;top:56px;right:0;overflow:auto}.flow-nav a{letter-spacing:.08em;min-height:44px;padding:15px 10px;font-size:11px;display:block}.flow-nav a:hover{background:#ffffff12}.flow-progress{transform-origin:0;background:#ad6673;width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.flow-audio-message{z-index:35;max-width:320px;margin:0;font:12px/1.8 Arial,Hiragino Sans,sans-serif;position:fixed;top:80px;right:20px}.flow-audio-message:not(:empty){color:#eeeee7;background:#161a1b;border:1px solid #ad6673;padding:16px}.flow-skip{z-index:40;color:#101314;background:#eeeee7;padding:14px;position:fixed;top:-100px;left:20px}.flow-skip:focus{top:80px}.flow-scene{padding:110px 6vw 70px;scroll-margin-top:100px;position:relative}.flow-dark{background:var(--night);color:var(--paper);--sub:#adafa7;--rule:#ffffff30}.flow-light{background:var(--paper);color:var(--night);--sub:#626861;--rule:#10131430}.flow-transition{padding-top:230px}.flow-transition:before{content:"";background:linear-gradient(var(--night),var(--paper));height:180px;position:absolute;top:0;left:0;right:0}.flow-transition.flow-dark:before{background:linear-gradient(var(--paper),var(--night))}.flow-composition{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:4vw;max-width:1440px;margin:auto;display:grid;position:relative}.flow-copy{grid-area:1/1/auto/6;align-self:start;min-width:0;padding:10px 0 40px;position:relative;container-type:inline-size}.flow-title-word{white-space:nowrap;display:inline-block}.flow-letter{transform-origin:50% 80%;display:inline-block}.flow-phrase{max-width:100%;display:inline-block}.flow-lyric-space{grid-area:2/1/auto/-1;min-width:0;padding:45px 0;overflow:clip}.flow-crossing{pointer-events:none;padding:24px 8%;position:relative;container-type:inline-size}.flow-lyric-title{overflow-wrap:normal;color:inherit;text-wrap:balance;margin-bottom:22px;font-size:clamp(32px,6vw,90px);font-style:italic;line-height:1.12}.flow-lyric-track{color:#eeeee7;letter-spacing:.055em;text-wrap:pretty;line-break:strict;background:#101314;border-block:1px solid #ad6673;padding:20px 24px;font-size:clamp(20px,2.5vw,36px);line-height:1.85}.flow-label{letter-spacing:.18em;color:var(--sub);margin:0 0 38px;font:10px/1.8 Arial,sans-serif}.flow-label span{color:var(--accent);margin:0 6px;font-family:Georgia,serif;font-size:24px}.flow-copy h1,.flow-copy h2{letter-spacing:-.03em;overflow-wrap:normal;text-wrap:balance;margin:0 0 38px;font-size:clamp(30px,4.4vw,72px);font-weight:400;line-height:1.08}.flow-jp{letter-spacing:.055em;text-wrap:pretty;line-break:strict;max-width:440px;margin:0 0 26px;font-size:clamp(18px,1.8vw,24px);line-height:2}.flow-en{color:var(--sub);text-wrap:pretty;max-width:360px;margin:0;font-size:15px;line-height:1.8}.flow-micro{letter-spacing:.13em;color:var(--sub);max-width:320px;margin-top:38px;font:9px/1.8 Arial,sans-serif}.flow-begin{letter-spacing:.16em;border-bottom:1px solid var(--rule);gap:35px;min-height:44px;margin-top:50px;padding:16px 0;font:10px/1.8 Arial,sans-serif;display:inline-flex}.flow-begin span{color:var(--accent)}.flow-lead{grid-area:1/6/auto/-1;min-width:0}.flow-details{grid-area:3/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px 4vw;display:grid}.flow-photo-window{min-width:0;padding:32px 5%;overflow:clip}.flow-photo{width:100%;max-width:var(--photo-max);transform-origin:50%;margin:0 auto;position:relative}.flow-photo img{width:100%;height:auto;display:block}.flow-details[data-count="1"]{grid-template-columns:minmax(0,850px);justify-content:center}.flow-original{width:100%;max-width:1440px;color:var(--sub);margin:45px auto 0;font:11px/1.8 Arial,Hiragino Sans,sans-serif}.flow-original summary{cursor:pointer;justify-content:space-between;gap:30px;max-width:230px;min-height:44px;margin-left:auto;padding:14px 0;list-style:none;display:flex}.flow-original summary::-webkit-details-marker{display:none}.flow-original summary span{color:var(--accent);font-size:18px}.flow-original>div{padding:20px 0}.flow-original img{width:100%;height:auto;display:block}.flow-original a{padding:18px 0;display:inline-block}.flow-chapter .flow-copy h2{font-size:clamp(42px,5.5vw,88px)}.flow-chapter{padding-top:150px}.flow-chapter.flow-transition{padding-top:260px}.flow-wide .flow-copy{grid-area:1/1/auto/10}.flow-wide .flow-lead{grid-area:2/2/auto/-1}.flow-wide .flow-lyric-space{grid-row:3}.flow-wide .flow-details{grid-row:4}.flow-pause{padding-top:180px;padding-bottom:100px}.flow-pause .flow-copy{grid-column:1/7}.flow-pause .flow-lead{grid-column:7/-1}.flow-pause.flow-wide .flow-copy{grid-column:2/10}.flow-pause.flow-wide .flow-lead{grid-column:1/-1}.flow-cover{min-height:100svh;padding-top:120px;padding-bottom:90px}.flow-cover .flow-composition{align-items:center}.flow-cover .flow-copy{background:0 0;grid-area:1/1/auto/7;align-self:center;padding:0;position:relative;top:auto}.flow-cover .flow-copy h1{text-shadow:0 2px 30px #101314;width:100%;font-size:clamp(32px,4vw,64px);line-height:1.1}.flow-cover h1 em{font-style:italic}.flow-cover .flow-lead{grid-area:1/7/auto/-1}.flow-cover .flow-photo-1 img{object-fit:contain;width:100%;max-height:78svh}.flow-cover .flow-original{margin-top:45px}.flow-footer{width:100%;max-width:none;color:var(--paper);background:var(--night);border-top:1px solid #ffffff26;margin:0;padding:85px 6vw 100px;display:block}.flow-footer p:first-child{font:clamp(24px,4vw,56px)/1.1 Georgia,serif}.flow-footer p:nth-child(2){letter-spacing:.12em;font:10px Arial,Hiragino Sans,sans-serif;display:block}.flow-footer nav{flex-wrap:wrap;gap:35px;margin-top:45px;font:12px Arial,Hiragino Sans,sans-serif;display:flex}.flow-footer a{padding:15px 0}@media (max-width:1000px){.flow-current{display:none}.flow-toolbar{justify-content:space-between}.flow-composition{column-gap:3vw}.flow-copy{grid-column:1/6}.flow-jp{font-size:18px}.flow-copy h2{font-size:38px}}@media (max-width:720px){.flow-toolbar{gap:8px;height:76px;padding:0 15px}.flow-brand{font-size:12px}.flow-brand span{letter-spacing:.08em;font-size:7px}.flow-toolbar nav{gap:4px}.flow-toolbar button,.flow-nav>summary{padding:10px 6px;font-size:10px}.flow-nav>div{width:260px;right:-118px}.flow-scene{padding:75px 6vw 40px;scroll-margin-top:95px}.flow-composition{flex-direction:column;display:flex}.flow-copy{order:0;width:100%}.flow-lead{order:1;width:100%}.flow-lyric-space{order:2;width:100%}.flow-details{order:3;width:100%}.flow-copy{max-width:100%;padding:0 0 38px;position:relative;top:auto;background:0 0!important}.flow-lyric-space{padding:24px 0}.flow-crossing{padding:20px 8%}.flow-lyric-title{font-size:clamp(28px,9vw,48px)}.flow-lyric-track{padding:16px;font-size:20px}.flow-copy h2,.flow-chapter .flow-copy h2{margin-bottom:26px;font-size:clamp(30px,10vw,52px)}.flow-label{margin-bottom:24px;font-size:9px}.flow-jp{max-width:100%;font-size:19px;line-height:1.9}.flow-en{max-width:100%;font-size:14px}.flow-details{grid-template-columns:minmax(0,1fr);gap:20px}.flow-photo-window{padding:26px 5%}.flow-original{margin-top:38px;font-size:10px}.flow-chapter{padding-top:110px}.flow-transition,.flow-chapter.flow-transition{padding-top:210px}.flow-transition:before{height:140px}.flow-pause{padding-top:110px;padding-bottom:90px}.flow-cover{min-height:auto;padding:110px 6vw 45px}.flow-cover .flow-copy{padding-bottom:0}.flow-cover .flow-label{margin-bottom:22px}.flow-cover .flow-copy h1{width:100%;margin:0;font-size:clamp(35px,10vw,70px)}.flow-cover .flow-begin{margin-top:18px;padding:12px 0}.flow-cover .flow-lead{margin-top:24px}.flow-cover .flow-photo-1 img{max-height:none}.flow-footer{padding:60px 6vw 85px}.flow-footer nav{gap:18px}}@media (prefers-reduced-motion:reduce){.flow-book *,.flow-book :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.flow-book [data-flow-photo],.flow-letter,.flow-phrase{opacity:1!important;transform:none!important}}.flow-book[data-still=true] [data-flow-photo],.flow-book[data-still=true] .flow-letter,.flow-book[data-still=true] .flow-phrase{opacity:1!important;transform:none!important}.flow-book .flow-copy h1{font-size:min(clamp(32px,4vw,64px),var(--word-fit))}.flow-book .flow-copy h2{font-size:min(clamp(30px,4.4vw,72px),var(--word-fit))}.flow-book .flow-chapter .flow-copy h2{font-size:min(clamp(42px,5.5vw,88px),var(--word-fit))}.flow-book .flow-lyric-title{font-size:min(clamp(32px,6vw,90px),var(--word-fit))}@media (max-width:720px){.flow-book .flow-copy h1{font-size:min(clamp(35px,10vw,70px),var(--word-fit))}.flow-book .flow-copy h2,.flow-book .flow-chapter .flow-copy h2{font-size:min(clamp(30px,10vw,52px),var(--word-fit))}.flow-book .flow-lyric-title{font-size:min(clamp(28px,9vw,48px),var(--word-fit))}}.flow-scene[data-study] .flow-details{grid-row:2;margin-top:45px}.flow-scene[data-study=night] .flow-details{grid-template-columns:minmax(0,420px);justify-content:end}.flow-scene[data-study=daylight] .flow-details{gap:8px 4vw;width:100%;max-width:950px;margin-inline:auto}.flow-scene[data-study=daylight] .flow-details>.flow-photo-window:last-child{grid-area:1/2/4}.flow-scene[data-study=studio] .flow-details>.flow-photo-window:first-child{grid-column:1/-1}.flow-explore-button{border:0;border-bottom:1px solid var(--rule);min-height:44px;color:inherit;cursor:pointer;background:0 0;justify-content:space-between;gap:24px;margin:0 auto;padding:14px 0;font:12px/1.8 Arial,Hiragino Sans,sans-serif;display:flex}.flow-explore-button span{color:var(--accent)}.flow-photo-dialog{color:#eeeee7;background:#101314;border:1px solid #ad6673;width:min(1100px,94vw);max-height:92svh;margin:auto;padding:24px;position:fixed;inset:0;overflow:auto}.flow-photo-dialog::backdrop{background:#000c}.flow-photo-dialog header{justify-content:space-between;align-items:center;gap:24px;display:flex}.flow-photo-dialog h3{margin:0;font:clamp(18px,3vw,28px)/1.3 Georgia,serif}.flow-photo-dialog button{cursor:pointer;min-height:44px;color:inherit;background:0 0;border:1px solid #ffffff40;padding:10px 14px;font:12px/1.6 Arial,Hiragino Sans,sans-serif}.flow-explorer-caption{color:#adafa7;margin:16px 0;font:11px/1.8 Arial,sans-serif}.flow-explorer-stage{justify-content:center;align-items:center;min-height:120px;display:flex}.flow-explorer-stage img{width:auto;height:auto;max-width:min(100%,var(--explorer-width));object-fit:contain;max-height:58svh;display:block}.flow-explorer-thumbnails{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.flow-explorer-thumbnails button{flex-direction:column;align-items:center;gap:8px;width:90px;padding:8px;display:flex}.flow-explorer-thumbnails button[aria-pressed=true]{background:#ad667320;border-color:#ad6673}.flow-explorer-thumbnails img{object-fit:contain;width:100%;height:54px}@media (max-width:720px){.flow-scene[data-study] .flow-details{margin-top:24px}.flow-scene[data-study=night] .flow-details{grid-template-columns:minmax(0,1fr)}.flow-scene[data-study=daylight] .flow-details>.flow-photo-window:last-child{grid-area:auto}.flow-photo-dialog{padding:18px}.flow-explorer-thumbnails{gap:8px}.flow-explorer-thumbnails button{width:76px}}.flow-original-cover{text-align:center;min-height:auto;padding:110px 0 55px}.flow-cover-spread{width:min(100%,1440px);margin:0 auto}.flow-cover-spread img{width:100%;height:auto;display:block}.flow-original-cover .flow-begin{margin-top:24px}.flow-accessible-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.flow-book .flow-title-word{white-space:nowrap;word-break:normal;overflow-wrap:normal}@media (max-width:720px){.flow-original-cover{padding:100px 0 35px}}.flow-photo-dialog header h3{overflow-wrap:normal;text-wrap:balance;min-width:0}.flow-photo-dialog header>button{flex-shrink:0}@media (max-width:720px){.flow-nav>div{width:auto;max-height:calc(100svh - 108px);position:fixed;top:84px;left:12px;right:12px}}@media (max-width:420px){.flow-toolbar{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:4px;height:100px;padding:10px 15px;display:grid}.flow-brand{align-items:center;gap:12px;display:flex}.flow-brand span{margin-top:0}.flow-toolbar nav{justify-content:space-between;gap:8px;width:100%}.flow-toolbar button,.flow-nav>summary{padding:10px 12px}.flow-nav>div{max-height:calc(100svh - 132px);top:108px}.flow-scene{scroll-margin-top:125px}.flow-original-cover{padding-top:125px}.flow-audio-message{max-width:calc(100vw - 30px);top:108px;right:15px}.flow-skip:focus{top:108px}.flow-photo-dialog header{align-items:start;gap:12px}.flow-photo-dialog h3{font-size:18px}}
