:root{--bg:#10191b;--panel:#172326;--ink:#eee8dc;--muted:#a9b8b6;--gold:#c18a55;--line:#334143}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{outline-offset:6px}a:hover{color:#e6b883}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:16px;font:22px/1.2 Georgia,serif;letter-spacing:4px}.brand svg{width:30px;height:39px;color:var(--gold)}.brand small{display:block;font:8px/1.8 sans-serif;letter-spacing:2.4px;color:var(--muted);margin-top:7px}nav{display:flex;gap:28px;font-size:13px}nav a{padding:8px 0;border-bottom:1px solid transparent}nav [aria-current]{border-color:var(--gold);color:#e8bd8f}.hero{position:relative;min-height:710px;height:calc(100svh - 100px);max-height:1000px;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:60% center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,18,21,.86),rgba(9,18,21,.42) 48%,transparent 75%),linear-gradient(0deg,#10191b,transparent 22%)}.hero-copy{position:relative;z-index:1;padding:8% 7%;max-width:850px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.8px;color:var(--gold);text-transform:uppercase;margin:0 0 26px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.1;margin:0 0 30px}h1{font-size:clamp(46px,5.5vw,92px);letter-spacing:-2.5px}em{font-weight:400;color:#c8d2cc}h1 em{font-size:.8em}.hero-copy>p:not(.eyebrow){color:#d4ded9;font-size:18px;line-height:1.8;margin:32px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 25px;background:var(--gold);color:#10191b;border:1px solid var(--gold);font-size:11px;letter-spacing:1.6px;font-weight:700;cursor:pointer}.button:hover{background:#dbab7c;color:#10191b}.button:disabled{opacity:.6;cursor:wait}.hero-bottom{position:absolute;z-index:1;bottom:34px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--muted)}h2{font-size:clamp(34px,3vw,50px)}.intro{padding:115px 9%;display:grid;grid-template-columns:1fr 3fr;gap:5%}.intro p:not(.eyebrow){max-width:730px;color:var(--muted)}.textlink{display:inline-block;font-size:10px;letter-spacing:1.6px;border-bottom:1px solid var(--gold);padding:10px 0;margin-top:10px}.chapter-preview{padding:80px 9%;background:var(--panel);display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.chapter-links>a{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:25px 0}.chapter-links>a>span{color:var(--gold);font:24px Georgia}.chapter-links div{font:24px Georgia}.chapter-links small{display:block;font:11px sans-serif;color:var(--muted);margin-top:12px}.chapter-links b{margin-left:auto;font-weight:400}.quote{padding:90px 8%;text-align:center;border-bottom:1px solid var(--line)}.quote p{font:clamp(28px,3.5vw,52px)/1.35 Georgia}.quote span,.tag{font-size:9px;letter-spacing:2px;color:var(--gold)}.invite{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:90px 9%}.invite h2{margin:0}footer{padding:55px 5% 30px;display:grid;grid-template-columns:1fr 1fr auto;gap:40px;border-top:1px solid var(--line)}footer p,footer>a:not(.brand){font-size:12px;color:var(--muted)}.fine{grid-column:1/-1;font-size:10px;color:#9aadaa;border-top:1px solid var(--line);padding-top:22px}.pagehead{padding:75px 9% 55px;border-bottom:1px solid var(--line)}.pagehead h1{font-size:clamp(44px,5vw,74px)}.pagehead>p:last-child{max-width:600px;color:var(--muted)}.reader-tools{padding:25px 9%;display:flex;gap:25px;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.reader-tools button,.save-place{background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 17px;cursor:pointer}.reader-layout{display:grid;grid-template-columns:1fr 3fr;gap:7%;padding:40px 9% 80px}.reader-layout aside{position:sticky;top:25px;height:max-content}.reader-layout aside a{display:block;font-size:11px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted)}.story{max-width:760px;padding:35px 0 65px;border-bottom:1px solid var(--line)}.story>p:not(.eyebrow){font:20px/1.95 Georgia;color:#ccd4cf}.story h2{font-size:42px}.save-place{font-size:11px;margin-top:20px}.paper-mode{--bg:#ece7db;--panel:#ded9ca;--ink:#223232;--muted:#4e6260;--line:#b8c3b9}.paper-mode .story>p:not(.eyebrow){color:#33413d}.paper-mode em{color:#51685c}.character-lead{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:70px 9%;align-items:center}.character-lead img{width:100%;height:470px;object-fit:cover;object-position:90% center}.character-lead p:not(.eyebrow){color:var(--muted)}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:60px 9%;background:var(--panel)}.people p:not(.eyebrow),.people small{color:var(--muted)}.people small{font-size:10px}.sigil{display:block;font:70px Georgia;color:var(--gold);border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:18px}.world{padding:70px 9%}.map{width:100%;height:auto;border:1px solid var(--line)}.world-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:50px}.world-notes span{font-size:13px;color:var(--gold)}.world-notes h2{font-size:32px;margin-top:15px}.world-notes p{color:var(--muted);font-size:14px}.join-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:70px 9%;align-items:center}.join-art{position:relative;height:580px;overflow:hidden}.join-art img{width:100%;height:100%;object-fit:cover;object-position:50% center;filter:brightness(.6)}.join-art>p{position:absolute;bottom:25px;left:35px;font:34px/1.3 Georgia}.join-form h2{font-size:45px}form>label:not(.consent){display:block;font-size:12px;margin-bottom:10px}input[type=email]{width:100%;padding:16px;border:1px solid #556562;background:var(--bg);color:var(--ink);border-radius:0}.consent{display:flex;align-items:flex-start;gap:12px;font-size:11px;color:var(--muted);margin:24px 0}.consent input{margin-top:5px;accent-color:var(--gold)}form .button{width:100%}#registration-result{font-size:12px;color:#e1ba8e;min-height:25px}.join-form details{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:12px;color:var(--muted)}summary{cursor:pointer}.honey{position:absolute;left:-10000px}.skip{position:absolute;top:-100px}.skip:focus{top:12px;left:12px;background:var(--bg);padding:10px;z-index:10}@media(max-width:850px){header{flex-direction:column;padding:20px 5%;gap:20px}nav{gap:18px;flex-wrap:wrap;justify-content:center}.hero{height:760px;min-height:0}.hero-copy{padding:80px 7%}.hero>img{object-position:65% center}.hero:after{background:linear-gradient(90deg,rgba(9,18,21,.85),rgba(9,18,21,.2)),linear-gradient(0deg,#10191b,transparent 40%)}.hero-copy h1{font-size:65px}.intro,.chapter-preview,.character-lead,.join-layout{grid-template-columns:1fr;padding:65px 7%;gap:35px}.people,.world-notes{grid-template-columns:1fr;gap:35px}.people{padding:45px 7%}.reader-layout{grid-template-columns:1fr;padding:20px 7%}.reader-layout aside{position:static;display:flex;gap:15px;flex-wrap:wrap}.reader-layout aside a{font-size:10px}.reader-tools{padding:20px 7%;align-items:center}.story h2{font-size:34px}.story>p:not(.eyebrow){font-size:19px}.pagehead{padding:55px 7% 35px}.invite{padding:60px 7%;flex-direction:column;align-items:flex-start}footer{grid-template-columns:1fr;gap:20px;padding:40px 7%}.hero-bottom{font-size:8px;letter-spacing:1px}.character-lead img{height:360px}.join-art{height:330px}.world{padding:40px 7%}.quote{padding:60px 7%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.films{padding:70px 9%;background:var(--panel)}.films-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.films video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0c1415}.films article p,.film-note{font-size:11px;color:var(--muted)}.films a{text-decoration:underline}@media(max-width:850px){.films{padding:45px 7%}.films-grid{grid-template-columns:1fr}}