:root{--ink:#090908;--paper:#d8c7a8;--gold:#b99a5f;--muted:#9b907d;--line:rgba(185,154,95,.27)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#eee8dc;font:16px/1.7 Georgia,"Times New Roman",serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.hero{min-height:100vh;background:linear-gradient(90deg,rgba(5,5,4,.98) 0%,rgba(5,5,4,.88) 39%,rgba(5,5,4,.08) 72%),url('assets/di-tian-sui-hero.png') center/cover}.hero nav{display:flex;align-items:center;gap:14px;padding:28px 5vw;letter-spacing:.18em;font-size:12px}.hero nav a{margin-left:auto;color:var(--paper);text-decoration:none;border-bottom:1px solid var(--gold)}.seal{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--gold);color:var(--gold);font:18px serif}.hero-copy{max-width:720px;padding:14vh 5vw 12vh}.eyebrow,.chapter{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font:11px Arial,sans-serif}.hero h1{font-size:clamp(52px,7.5vw,106px);line-height:.92;font-weight:400;margin:.3em 0}.hero h1 em{color:var(--paper);font-weight:400}.lede{max-width:590px;color:#c9c0b1;font-size:19px}.button{display:inline-block;margin-top:22px;padding:15px 22px;border:1px solid var(--gold);background:transparent;color:#eee8dc;font:12px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;cursor:pointer}.button:hover{background:var(--gold);color:#12110e}.micro{font:12px/1.5 Arial,sans-serif;color:var(--muted)}.threshold,.artifact{max-width:1000px;margin:auto;padding:120px 5vw;text-align:center}.threshold h2,.artifact h2,.reading-intro h2{font-size:clamp(34px,5vw,62px);line-height:1.1;font-weight:400}.threshold>p:not(.chapter){max-width:720px;margin:auto;color:#b9b0a2}.glyph-row{display:flex;justify-content:center;align-items:center;gap:25px;margin:55px 0;color:var(--gold);font-size:28px}.glyph-row i{width:90px;border-top:1px solid var(--line)}.reading-shell{max-width:980px;margin:40px auto 100px;padding:70px clamp(24px,7vw,90px);border:1px solid var(--line);background:linear-gradient(145deg,#17150f,#0b0b09);box-shadow:0 30px 90px #000}.reading-intro{text-align:center}form{max-width:650px;margin:50px auto}label{display:block;margin:18px 0;color:var(--muted);font:11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}input,select{width:100%;margin-top:8px;padding:15px;border:0;border-bottom:1px solid var(--line);background:#0c0c0a;color:#eee8dc;font:17px Georgia,serif}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.error{color:#c18c7e}.preview{border-top:1px solid var(--line);padding-top:60px;text-align:center}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:35px 0}.pillar{padding:20px 8px;border:1px solid var(--line)}.pillar b{display:block;color:var(--gold);font-size:30px;font-weight:400}.pillar small{color:var(--muted);text-transform:uppercase;letter-spacing:.15em}.core{font-size:28px;color:var(--paper)}.locked{margin-top:50px;padding:45px;background:linear-gradient(rgba(185,154,95,.08),transparent);border-top:1px solid var(--line)}.locked ul{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:10px;max-width:620px;margin:25px auto;list-style:"✦  "}.gold{background:var(--gold);color:#12110e}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.cards article{border-top:1px solid var(--line);padding:25px 10px}.cards b{color:var(--gold);font-weight:400}footer{display:flex;gap:50px;align-items:center;padding:50px 5vw;border-top:1px solid var(--line);color:var(--muted)}footer span{color:var(--paper);letter-spacing:.2em}footer p{max-width:700px;font:12px Arial,sans-serif}@media(max-width:700px){.hero{background-position:60% center}.hero-copy{padding-top:16vh}.grid2,.cards{grid-template-columns:1fr}.pillars{grid-template-columns:repeat(2,1fr)}.locked ul{grid-template-columns:1fr}footer{display:block}}