/* A darker world beyond the landing page. */
.atmospheric-page{--paper:#070e0e;--ink:#deded1;--forest:#243c36;--muted:#9caaa0;--line:#31413a;--gold:#c9b482;background:#070e0e;color:var(--ink);color-scheme:dark;isolation:isolate;min-height:100svh}
.atmospheric-page::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,72%) var(--light-y,30%),#2d4e403b,transparent 55%),linear-gradient(90deg,#020606d9,#0c18136e 50%,#020606cf);transition:opacity 1s}
.atmospheric-page::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.045;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='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}
.atmospheric-page .reader-header{background:#070e0eef;border-color:#b9c4a51a;color:#e3e3d6;backdrop-filter:blur(14px);height:76px;z-index:10}
.atmospheric-page .reader-home{font-size:14px;letter-spacing:2px}.atmospheric-page .reader-tools button{border-color:#81968350;border-radius:0;color:#dcdfd3}.atmospheric-page .reader-progress{background:#b7c2a0;box-shadow:0 0 16px #b7c2a0b3;height:1px}
.reader-scene{position:relative;isolation:isolate;min-height:min(760px,calc(100svh - 76px));padding:100px 7% 55px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #b9c4a520;background:#07100e}
.scene-image{position:absolute;inset:-5%;z-index:-4;background:url('assets/see.jpg') center 57%/cover;filter:brightness(.38) saturate(.48);transform:scale(1.04)}
.reader-scene::before{content:'';position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#030b0bcc,#06100e33 70%),linear-gradient(0deg,#070e0e 0%,transparent 50%,#0207063d)}
.reader-scene::after{content:'';position:absolute;inset:-20%;z-index:-2;background:radial-gradient(ellipse at 65% 65%,#9eb6a225,transparent 45%),radial-gradient(ellipse at 30% 45%,#c3c8ad1f,transparent 40%);filter:blur(22px);animation:lake-mist 28s ease-in-out infinite alternate;pointer-events:none}
.scene-ripple{position:absolute;left:38%;top:52%;height:160px;width:500px;max-width:70vw;border:1px solid #d4dfb927;border-radius:50%;transform:rotate(-8deg) scaleY(.3);animation:water-ring 12s ease-out infinite;pointer-events:none;z-index:-1}.scene-ripple::before{content:'';position:absolute;inset:25px;border:1px solid #d4dfb91f;border-radius:50%}
.scene-copy{max-width:1050px;width:100%;position:relative;animation:surface-arrival 1.5s ease-out both}.scene-copy .eyebrow{font-size:9px;letter-spacing:3.5px;color:#c0c8b6;margin-bottom:36px}.scene-copy h1{font:400 clamp(58px,7.9vw,116px)/.98 var(--serif);letter-spacing:-4px;margin:0 0 32px;max-width:1000px;text-wrap:balance}.scene-copy h1 em{font-weight:400;color:#b6bda6}.scene-copy .scene-line{font:italic clamp(19px,2vw,27px)/1.5 var(--serif);max-width:470px;color:#c5c8b9;margin:0 0 34px}.scene-copy .text-link{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;gap:45px;color:#e2e1d1;border-color:#a4b09766}.scene-coordinate{position:absolute;right:7%;bottom:28px;font:9px var(--sans);letter-spacing:2px;color:#9aab9e}.atmosphere-toggle{position:absolute;right:7%;top:24px;z-index:2;background:#040d0b66;border:1px solid #b6c4ad36;color:#b7c1b2;font:9px var(--sans);letter-spacing:1px;padding:10px 13px;min-height:36px}.atmosphere-toggle:hover{background:#34463b66;color:#fff}
.atmospheric-page .reader-main{width:min(710px,86%);padding-top:100px;position:relative}.atmospheric-page .reader-heading{margin-bottom:65px}.atmospheric-page .reader-heading h1,.atmospheric-page .reader-heading h2{font:400 62px var(--serif);letter-spacing:-2px;margin:0 0 18px}.atmospheric-page .reader-heading .eyebrow{color:#acb49e}.atmospheric-page .reader-meta{color:#9caaa0}.atmospheric-page .prose{color:#d4d7ca;font-size:var(--reading-size);line-height:1.94}.atmospheric-page .prose>p:first-child:first-letter{color:#d7c69d;font-size:4em;margin-right:12px}.atmospheric-page .prose p{margin-bottom:1.4em}.atmospheric-page .prose hr{border:0;width:70px;height:1px;background:#8b9d764d;margin:50px auto}.atmospheric-page .prose .scene-break{height:30px;width:auto;background:none}.atmospheric-page .prose .scene-break:after{content:'·   ·   ·';letter-spacing:8px;color:#a9ba98}.atmospheric-page .reader-end{margin-top:100px;padding:65px 0 20px;border-top-color:#a8b59b33}.atmospheric-page .reader-end h2{font-size:42px;color:#dddccf}.atmospheric-page .reader-end h2 em{color:#a8b098}.atmospheric-page .button-dark,.atmospheric-page .reader-end .button{background:#d3d6bf;color:#14251d;border:1px solid #d3d6bf}.atmospheric-page .button-dark:hover,.atmospheric-page .reader-end .button:hover{background:#f0e9d4;color:#09140f}.atmospheric-page .site-footer{border-color:#d5dfb91f;color:#a4b09f;position:relative}.atmospheric-page .preview-notice{background:#101e18;border-color:#6b805c33;color:#a6b49d;font-size:11px}
.atmospheric-page.notice-page{background:linear-gradient(90deg,#06100ff2,#07110fd4),url('assets/see.jpg') center/cover fixed}.notice-page .notice-main{width:min(850px,86%);margin:100px auto 110px;padding:0 40px 30px;border-left:1px solid #a9b58e45}.notice-page .notice-main>.eyebrow{color:#9caf98;letter-spacing:3px;font-size:9px}.notice-page .notice-main h1{font:400 clamp(46px,6vw,82px)/1.05 var(--serif);letter-spacing:-2.6px;margin-bottom:40px;text-wrap:balance}.notice-page .notice-main h2{font:400 29px var(--serif);color:#d0d2bd;margin-top:45px}.notice-page .notice-main p{max-width:650px;color:#b7c1b1;line-height:1.9}.notice-page .notice-main a:not(.button){color:#dde0cc;text-decoration-color:#88977a}.notice-page .notice-main .form-note{font-size:12px;color:#a3b09d;margin-top:35px}.notice-page .notice-main strong{font-weight:500;color:#e2e2d4}
/* Reader light mode changes the reading surface, not the cinematic introduction. */
.atmospheric-page.reader-page[data-theme=light]{--paper:#edeadd;--ink:#26382d;--muted:#657060;--line:#c6cbbb;background:#edeadd;color:var(--ink);color-scheme:light}.reader-page[data-theme=light]::before{opacity:0}.reader-page[data-theme=light] .reader-scene{color:#deded1}.reader-page[data-theme=light] .prose{color:#26382d}.reader-page[data-theme=light] .reader-heading .eyebrow,.reader-page[data-theme=light] .reader-meta{color:#606f5c}.reader-page[data-theme=light] .prose>p:first-child:first-letter{color:#526246}.reader-page[data-theme=light] .reader-end h2{color:#26382d}.reader-page[data-theme=light] .reader-end h2 em{color:#68785b}.reader-page[data-theme=light] .site-footer{color:#57674e;border-color:#c6cbbb}.reader-page[data-theme=light] .preview-notice{background:#e1e2d5;color:#526046}
.atmospheric-page[data-motion=off] .reader-scene::after,.atmospheric-page[data-motion=off] .scene-ripple,.atmospheric-page[data-motion=off] .scene-copy{animation:none}.atmospheric-page[data-motion=off]::before{background:radial-gradient(ellipse at 72% 30%,#2d4e403b,transparent 55%)}
@keyframes lake-mist{from{transform:translate(-4%,-1%) scale(1);opacity:.45}to{transform:translate(5%,3%) scale(1.15);opacity:.9}}@keyframes water-ring{0%{transform:rotate(-8deg) scale(.45,.12);opacity:0}20%{opacity:.45}100%{transform:rotate(-8deg) scale(1.9,.46);opacity:0}}@keyframes surface-arrival{from{opacity:.2;transform:translateY(16px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:720px){.atmospheric-page .reader-header{height:67px;padding-inline:5%;gap:10px}.atmospheric-page .reader-home{font-size:11px;letter-spacing:1px}.reader-scene{min-height:650px;min-height:calc(90svh - 67px);padding:105px 7% 90px}.scene-copy h1{font-size:clamp(49px,11.8vw,82px);letter-spacing:-2.4px;line-height:1.03}.scene-copy .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:28px}.scene-copy .scene-line{font-size:21px;max-width:270px}.scene-image{background-position:62% 50%}.scene-coordinate{font-size:8px;right:auto;left:7%;bottom:25px}.atmosphere-toggle{right:7%;top:20px}.atmospheric-page .reader-main{padding-top:65px}.atmospheric-page .prose{font-size:calc(var(--reading-size) - 1px);line-height:1.87}.atmospheric-page .reader-heading h2{font-size:48px}.atmospheric-page .reader-end{margin-top:65px;padding-top:45px}.atmospheric-page .reader-end h2{font-size:32px}.notice-page .notice-main{margin-block:65px 80px;padding:0 0 20px;border-left:0}.notice-page .notice-main h1{font-size:49px;letter-spacing:-2px}.notice-page .notice-main p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.reader-scene::after,.scene-ripple,.scene-copy{animation:none!important}.atmospheric-page::before{transition:none}}
.atmospheric-page #prolog-text{scroll-margin-top:90px}
.reader-scene::before{background:radial-gradient(ellipse at var(--light-x,65%) var(--light-y,45%),#b8c5a51a,transparent 48%),linear-gradient(90deg,#030b0bcc,#06100e33 70%),linear-gradient(0deg,#070e0e 0%,transparent 50%,#0207063d)}
.atmospheric-page[data-motion=off] .reader-scene{--light-x:65%;--light-y:45%}
