:root{color-scheme:dark;--ink:#e1eceb;--muted:#a2bbc2;--accent:#9ddbd7}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#3c5b66 #020912}body{margin:0;background:#020912;color:var(--ink);font-family:Arial,'Yu Gothic',sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #b6fff6;outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:#16343c;z-index:20}.skip:focus{top:15px}#ocean{position:fixed;inset:0;width:100%;height:100%;z-index:0;touch-action:pan-y;cursor:default}body.in-sanctuary #ocean{cursor:grab}body.in-sanctuary #ocean:active{cursor:grabbing}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#02091280,transparent 22%,transparent 70%,#020912aa),radial-gradient(ellipse at center,transparent 35%,#01070d88)}.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.header{position:fixed;top:0;left:0;right:0;padding:34px 4.5vw;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}.header a{pointer-events:auto}.brand{display:flex;align-items:center;gap:22px}.mark{font-family:'Yu Mincho',serif;font-size:32px;letter-spacing:.16em}.roman{font-size:14px;letter-spacing:.25em;border-left:1px solid #8ba9b344;padding-left:22px;line-height:1.9}.roman span{display:block;font-size:9px;letter-spacing:.14em;color:var(--muted)}.header nav{display:flex;gap:34px;font-size:14px;letter-spacing:.08em;align-items:center}.header nav a{padding:10px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:3px;height:1px;left:0;right:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s}.header nav a:hover:after{transform:scaleX(1)}.header nav span{padding-left:12px;color:var(--accent)}main{position:relative;z-index:2;pointer-events:none}.chapter{min-height:115svh;position:relative;scroll-margin-top:0}.chapter-inner{height:100svh;min-height:700px;position:relative;display:flex;align-items:center;padding:8vh 11vw}.copy{max-width:600px;pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:.2em;color:#a3ccce;line-height:1.7;margin-bottom:30px}.chapter-number{margin-right:20px;color:#718c9a}h1,h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:400;line-height:1.5;letter-spacing:.07em;margin:0 0 28px}h1{font-size:clamp(64px,7.3vw,116px);line-height:1.33;letter-spacing:.15em}h2{font-size:clamp(38px,4.1vw,66px)}.line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.line>span{display:block;will-change:transform}.copy p{font-size:15px;line-height:2.3;letter-spacing:.08em;color:var(--muted);margin:26px 0 35px}.text-link{display:inline-flex;align-items:center;gap:55px;border-bottom:1px solid #789ba566;padding:14px 0;font-size:14px;letter-spacing:.1em}.text-link span{transition:transform .3s}.text-link:hover span{transform:translateY(5px)}.hero .copy{position:relative;z-index:2}.hero-bottom{position:absolute;left:11vw;bottom:10vh;display:flex;gap:20px;align-items:center}.small{font-size:10px;letter-spacing:.2em;color:#8faeb5}.scroll-line{height:1px;width:70px;background:#526d79;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;inset:0;background:#acd6da;transform:translateX(-100%);animation:flow 3s infinite}.vertical-note{position:absolute;right:-74vw;bottom:30vh;writing-mode:vertical-rl;font-family:'Yu Mincho',serif;letter-spacing:.3em;font-size:12px;color:#839da5}.wordmark{position:absolute;bottom:-.075em;right:7vw;font-size:clamp(90px,17vw,290px);letter-spacing:.07em;line-height:1;font-weight:400;color:transparent;-webkit-text-stroke:1px #9cc7d11a;pointer-events:none}.chapter-right .chapter-inner{justify-content:flex-end}.chapter-right .copy{max-width:540px}.chapter-note{font-size:12px;letter-spacing:.04em;color:#87a3af;display:flex;align-items:center;gap:18px;margin-top:50px}.note-line{height:1px;width:40px;background:#8faeb566}.scene-label{position:absolute;bottom:10vh;left:11vw;color:#76929f;letter-spacing:.22em;font-size:12px}.spectrum{width:210px;height:2px;background:linear-gradient(90deg,#81cfff,#af99ef,#fa99bb,#ffd28e,#e4eb9c,#88ebbe);margin:40px 0 20px;box-shadow:0 0 15px #aba2fb55}.spectrum-caption{font-size:10px;letter-spacing:.18em;color:#92aab7}.journey{position:fixed;left:4.5vw;top:43%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:18px}.journey-caption{position:absolute;writing-mode:vertical-rl;left:-5px;top:-160px;font-size:9px;letter-spacing:.2em;color:#6e8c99}.journey-line{position:absolute;left:30px;top:0;bottom:0;width:1px;background:#7896a033}.journey-line i{display:block;width:100%;height:100%;background:#a1d7dc;transform:scaleY(0);transform-origin:top}.journey nav{display:flex;flex-direction:column;gap:16px}.journey a{font-size:11px;color:#607f8c;transition:color .3s;min-height:24px;display:flex;align-items:center}.journey a[aria-current]{color:#ecfffc}.sound-dock{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:22px;padding:10px 22px;border-radius:40px;border:1px solid #86acb12b;background:#081923a6;backdrop-filter:blur(20px)}button{border:0;background:transparent;color:#c8dce1;cursor:pointer;min-height:36px;font-size:14px;white-space:nowrap}#sound{display:flex;gap:11px;align-items:center}.equalizer{display:flex;align-items:center;gap:3px;height:20px}.equalizer i{display:block;background:#a7d4d1;width:2px;height:5px}.equalizer i:nth-child(2){height:14px}.equalizer i:nth-child(3){height:9px}.equalizer i:nth-child(4){height:17px}#sound[aria-pressed=true] .equalizer i{animation:bars 1.3s ease-in-out infinite alternate}#sound[aria-pressed=true] .equalizer i:nth-child(2){animation-delay:-.6s}#sound[aria-pressed=true] .equalizer i:nth-child(3){animation-delay:-.9s}.volume{display:flex;align-items:center;gap:10px;font-size:12px;color:#a8c2cb}input{accent-color:#a3d0d1;width:70px;cursor:pointer}.dock-divider{height:20px;width:1px;background:#7895a044}.corner-note{position:fixed;bottom:40px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;z-index:4;pointer-events:none;font-size:10px;letter-spacing:.2em;color:#77929d}.sanctuary{min-height:100svh}.sanctuary .chapter-inner{display:block;padding-top:15vh}.sanctuary-title{text-align:center}.sanctuary-title h2{font-size:clamp(30px,3.3vw,48px);margin-bottom:14px}.sanctuary-title .eyebrow{margin-bottom:18px}.sanctuary-title p{font-size:14px;letter-spacing:.1em;color:#a4bcc4;line-height:1.8}.aquarium-controls{position:absolute;bottom:125px;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:18px;pointer-events:none}#hint{text-align:center;font-size:14px;color:#b2c9d0;margin:0;line-height:1.9}#hint span{display:block;font-size:12px;color:#839fac}.palette-wrap{display:flex;align-items:center;gap:18px;pointer-events:auto;padding:7px 20px}.palette-wrap>span{font-size:12px;color:#93b0bd}#palette{display:flex;gap:4px}.swatch{width:32px;min-height:32px;height:32px;padding:0;position:relative;border-radius:50%}.swatch:before{content:'';position:absolute;width:14px;height:14px;left:9px;top:9px;border-radius:50%;background:var(--color);opacity:.7;transition:opacity .4s,box-shadow .4s}.swatch[aria-pressed=true]:before{opacity:1;box-shadow:0 0 16px var(--color);outline:1px solid #d9eaea;outline-offset:4px}.return-link{font-size:12px;color:#8fadb7;pointer-events:auto;border-bottom:1px solid #7896a04a;padding-bottom:5px}.sanctuary .chapter-inner{pointer-events:none}#error{position:fixed;left:15%;right:15%;top:40%;padding:25px;background:#10212a;border:1px solid #688996;border-radius:12px;font-size:16px;line-height:1.8;z-index:15}@keyframes flow{to{transform:translateX(100%)}}@keyframes bars{to{transform:scaleY(.4)}}
@media(min-width:1600px){.chapter-inner{padding-left:15vw;padding-right:15vw}.hero-bottom,.scene-label{left:15vw}}
@media(max-width:700px){.header{padding:23px 6vw}.mark{font-size:27px}.roman{font-size:11px;padding-left:15px}.roman span{display:none}.brand{gap:12px}.header nav{gap:18px;font-size:12px}.header nav a:first-child{display:none}.header nav span{padding-left:4px}.chapter{min-height:115svh}.chapter-inner{min-height:720px;align-items:flex-start;padding:22vh 9vw 0}.hero .chapter-inner{padding-top:20vh}h1{font-size:64px;line-height:1.4}h2{font-size:36px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:23px}.copy p{font-size:14px;line-height:2.2;margin-top:24px;max-width:310px}.hero .copy p{max-width:230px}.hero-bottom{left:9vw;bottom:14vh}.vertical-note{right:-75vw;font-size:10px;bottom:22vh}.wordmark{font-size:24vw;bottom:6vh;right:6vw}.journey{left:auto;right:5vw;top:auto;bottom:135px}.journey-caption,.journey-line{display:none}.journey nav{gap:4px}.journey a{font-size:10px;padding:3px 6px}.chapter-right .chapter-inner{justify-content:flex-start}.chapter-note{font-size:11px;margin-top:30px;gap:10px}.scene-label{left:9vw;bottom:16vh;font-size:10px}.spectrum{margin-top:25px;width:160px}.spectrum-caption{font-size:9px}.sound-dock{padding:9px 14px;gap:12px;bottom:18px;width:max-content;max-width:96vw}.sound-dock button{font-size:12px}.volume{gap:5px}.volume input{width:46px}.volume>span{display:none}.dock-divider{height:16px}.corner-note{bottom:91px;font-size:9px;left:9vw;right:9vw}.corner-note span:last-child{display:none}.sanctuary{min-height:100svh}.sanctuary .chapter-inner{padding:17vh 7vw 0}.sanctuary-title h2{font-size:29px}.sanctuary-title p{font-size:12px;letter-spacing:.02em}.sanctuary-title .eyebrow{font-size:10px}.aquarium-controls{bottom:125px;gap:12px}#hint{font-size:12px;padding:0 25px}#hint span{font-size:10px}.palette-wrap{gap:8px;padding:0}.swatch{width:29px}.swatch:before{left:7px}.palette-wrap>span{font-size:11px}.return-link{font-size:11px}.in-sanctuary .journey{opacity:0;pointer-events:none}.text-link{font-size:13px;gap:34px}.sanctuary .chapter-inner{min-height:780px}}
@media(max-height:650px) and (min-width:701px){.chapter-inner{min-height:650px}.header{padding-top:20px}h1{font-size:65px}h2{font-size:42px}.copy p{margin:15px 0}.hero-bottom{bottom:110px}.sanctuary-title{margin-top:-30px}.aquarium-controls{bottom:110px}.sound-dock{bottom:15px}.corner-note{bottom:30px}}
body.reduced *{animation:none!important;scroll-behavior:auto!important}html:has(body.reduced){scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}

.vertical-note{position:absolute;right:4.6vw;top:40%;bottom:auto;height:max-content;white-space:nowrap}
.copy{min-width:0} .chapter-inner{overflow:clip}
@media(max-width:700px){.vertical-note{display:none}.wordmark{font-size:19vw}.header nav,.sound-dock button{font-size:14px}.sound-dock{gap:10px;padding-left:12px;padding-right:12px}.hero .copy p{max-width:280px}.chapter-inner{min-height:max(720px,100svh)}.sanctuary .chapter-inner{min-height:max(780px,100svh)}}
html:has(body.reduced){scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}