.reader-page{--paper:#e7e2d8;--ink:#171a1a;background:#080a0b;color:#f2f0e9}.reading-progress{position:fixed;z-index:2002;top:0;left:0;right:0;height:2px}.reading-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--cyan)}.reader-header{position:fixed;z-index:2001;top:0;left:0;right:0;height:68px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(7,9,10,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line2)}.reader-back{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#bec4c2}.reader-chapter{text-align:center;display:flex;flex-direction:column;gap:3px}.reader-chapter small{font-size:7px;letter-spacing:.16em;color:#748083}.reader-chapter b{font-size:11px}.reader-status{justify-self:end;display:flex;align-items:center;gap:16px;font-size:9px;color:#798282}.reader-status button{width:36px;height:36px;border:1px solid var(--line);background:transparent;color:#fff}.reader-cover{position:relative;height:100svh;min-height:650px;overflow:hidden}.reader-cover>img,.reader-cover-shade{position:absolute;inset:0;width:100%;height:100%}.reader-cover>img{object-fit:cover;filter:saturate(.72)}.reader-cover-shade{background:linear-gradient(90deg,rgba(5,7,8,.94),rgba(5,7,8,.62) 45%,rgba(5,7,8,.24)),linear-gradient(0deg,rgba(5,7,8,.82),transparent 50%)}.reader-cover-copy{position:relative;z-index:2;height:100%;padding:120px clamp(30px,7vw,120px) 70px;display:flex;flex-direction:column;justify-content:center;max-width:1100px}.reader-cover h1{font:650 clamp(78px,9.2vw,160px)/.8 Inter Display,Inter,sans-serif;letter-spacing:-.07em;margin:18px 0 24px;max-width:1000px}.reader-cover-copy>p:not(.eyebrow){max-width:700px;font:italic clamp(20px,1.6vw,27px)/1.45 Georgia,serif;color:#d8d4ca}.cover-meta{display:flex;gap:22px;margin-top:24px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#899292}.reader-start{position:absolute;bottom:28px;left:clamp(30px,7vw,120px);display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.reader-start i{font-style:normal;width:28px;height:28px;border:1px solid var(--line);display:grid;place-items:center}.reader-article{background:var(--paper);color:var(--ink);padding:120px 24px 150px}.reader-article>header{max-width:760px;margin:0 auto 64px}.reader-article .eyebrow{color:#26767b}.reader-article h2{font:650 clamp(52px,6vw,82px)/.9 Inter Display,Inter,sans-serif;letter-spacing:-.055em;margin:16px 0 22px}.article-deck{font:italic 20px/1.55 Georgia,serif;color:#515656}.reader-text{max-width:720px;margin:auto;font:19px/1.78 Georgia,"Times New Roman",serif}.reader-text p{margin:0 0 1.35em}.reader-text p:first-child:first-letter{float:left;font:700 78px/.72 Inter Display,Inter,sans-serif;padding:12px 10px 4px 0;color:#1b656a}.reader-text p.dialogue{margin-left:18px}.reader-text .reader-quote{font-size:28px;line-height:1.45;font-style:italic;margin:64px -70px;padding:38px 60px;border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15);color:#283032}.reader-text .reader-break{height:100px;display:grid;place-items:center}.reader-text .reader-break:after{content:'◆';font:11px Inter;color:#26767b}.reader-end{max-width:760px;margin:110px auto 0;padding-top:54px;border-top:1px solid rgba(0,0,0,.17)}.reader-end>small{font-size:9px;letter-spacing:.16em;color:#26767b}.reader-end h3{font:600 42px/1 Inter Display,Inter,sans-serif;letter-spacing:-.04em;margin:12px 0 38px}.reader-end-actions{display:flex;justify-content:space-between;gap:30px}.reader-end-actions a{font-size:10px;text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid rgba(0,0,0,.25);padding-bottom:8px}.reader-page.dark-read{--paper:#0b0e0f;--ink:#d8d8d2}.reader-page.dark-read .reader-article{border-top:1px solid var(--line2)}.reader-page.dark-read .article-deck{color:#9da4a3}.reader-page.dark-read .reader-text .reader-quote{border-color:rgba(255,255,255,.12);color:#d9ddda}.reader-page.dark-read .reader-end{border-color:rgba(255,255,255,.12)}.reader-page.dark-read .reader-end-actions a{border-color:rgba(255,255,255,.22)}
@media(max-width:900px){.reader-header{height:58px;padding:0 14px}.reader-chapter{display:none}.reader-cover{min-height:620px}.reader-cover-copy{padding:90px 20px 70px}.reader-cover h1{font-size:clamp(62px,17vw,105px)}.reader-cover-copy>p:not(.eyebrow){font-size:19px}.reader-start{left:20px}.reader-article{padding:80px 20px 100px}.reader-text{font-size:18px;line-height:1.72}.reader-text .reader-quote{margin:50px 0;padding:28px 0;font-size:23px}.reader-end-actions{flex-direction:column}.reader-status{gap:10px}}
@media(max-width:480px){.reader-back{font-size:8px}.reader-status span{font-size:8px}.reader-status button{width:32px;height:32px}.reader-cover{height:84svh;min-height:580px}.reader-cover h1{font-size:clamp(56px,18vw,88px)}.cover-meta{flex-direction:column;gap:6px}.reader-article h2{font-size:clamp(44px,13vw,64px)}.article-deck{font-size:18px}.reader-text{font-size:17.5px;line-height:1.76}.reader-text p.dialogue{margin-left:0}.reader-text p:first-child:first-letter{font-size:64px}.reader-end h3{font-size:34px}}