@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=EB+Garamond:wght@400;500;600&display=swap');
:root{--bg:#080a0b;--panel:#0e1010;--gold:#c59a55;--cream:#eee2c9;--muted:#a89d8b;--line:#725630}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:'EB Garamond',serif}a{color:inherit;text-decoration:none}
header{height:72px;display:flex;align-items:center;padding:0 4vw;background:#080a0bf2;border-bottom:1px solid #c59a5522;position:sticky;top:0;z-index:20;box-shadow:0 8px 25px #0006}.brand{font:600 20px Cinzel;letter-spacing:.22em}.nav{display:flex;gap:32px;margin:auto;font:500 11px Cinzel;letter-spacing:.15em}.nav a{padding:27px 0 11px}.nav a:hover,.nav .active{color:var(--gold);border-bottom:1px solid var(--gold)}.subscribe{font:600 10px Cinzel;letter-spacing:.16em;border:1px solid var(--gold);padding:12px 18px}.menu{display:none;margin-left:auto;background:none;border:0;color:#eee;font-size:22px}
.hero{min-height:650px;height:82vh;background:url('tatanka-tropical-home.jpg') center top/cover no-repeat;position:relative}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080a0b 0%,transparent 17%,transparent 82%,#080a0b55 100%);pointer-events:none}.hero-hit{position:absolute;z-index:2;left:50%;top:65%;transform:translate(-50%,-50%);width:260px;height:75px}
.home-grid{padding:70px 5vw 100px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.tile{min-height:210px;border:1px solid #c59a5535;background:linear-gradient(145deg,#17140f,#0b0c0c);padding:28px;display:flex;flex-direction:column}.tile small,.kicker{font:600 9px Cinzel;letter-spacing:.2em;color:var(--gold)}.tile h2{font:500 24px Cinzel;margin:14px 0}.tile p{font-size:17px;color:var(--muted)}.tile a{margin-top:auto;font:600 10px Cinzel;letter-spacing:.16em;color:#dbb66f}
.page{max-width:1100px;margin:auto;padding:90px 6vw 120px}.page h1{font:500 clamp(48px,8vw,92px) Cinzel;margin:8px 0 18px}.lead{font-size:21px;line-height:1.7;color:#c1b5a3;max-width:760px}
.chapter-list{margin-top:55px;border-top:1px solid #c59a5533}.chapter{display:grid;grid-template-columns:90px 1fr auto;gap:25px;align-items:center;padding:28px 15px;border-bottom:1px solid #c59a5533}.chapter:hover{background:#11100d}.num{font:44px Cinzel;color:#695943}.chapter h2{font:500 24px Cinzel;margin:5px 0}.chapter p{color:#8f877b;margin:0}.chapter>a{font:600 10px Cinzel;color:var(--gold);letter-spacing:.15em}.locked{opacity:.45}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.card{border:1px solid #c59a5533;background:#0e0f0f;padding:30px;min-height:240px}.card h2{font:500 23px Cinzel}.card p{font-size:17px;line-height:1.6;color:#a89d8b}
.reader-bg{background:#070808}.reader-nav{height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-bottom:1px solid #c59a5530;font:600 9px Cinzel;letter-spacing:.15em}.reader{width:min(820px,92vw);margin:55px auto 100px;padding:70px clamp(28px,7vw,85px);background:#e7dcc5;color:#282117;box-shadow:0 25px 90px #000}.reader h1{text-align:center;font:500 clamp(38px,7vw,65px) Cinzel;margin:12px}.reader .kicker{text-align:center;color:#8b6635}.reader p{font-size:21px;line-height:1.85}.reader p:first-of-type:first-letter{float:left;font:70px/55px Cinzel;padding:8px 10px 0 0;color:#765426}.ornament{text-align:center;color:#9a713a;margin:28px}
.about-box{margin-top:50px;border-left:1px solid var(--gold);padding:5px 0 5px 30px;max-width:800px}.about-box p{font-size:21px;line-height:1.75;color:#b9ae9e}
.signup{margin-top:55px;padding:40px;border:1px solid #c59a5533;background:#11100d}.signup input{width:min(500px,100%);padding:15px;background:#080909;border:1px solid #6f5737;color:#eee}.signup button{padding:15px 20px;background:#9a743f;border:1px solid var(--gold);color:white;font:600 10px Cinzel;letter-spacing:.13em}
footer{border-top:1px solid #c59a5525;padding:30px 5vw;display:flex;justify-content:space-between;color:#776f64;font-size:12px}
@media(max-width:800px){header{height:62px}.menu{display:block}.subscribe{display:none}.nav{display:none;position:absolute;top:62px;left:0;right:0;background:#090b0cf8;flex-direction:column;padding:15px 25px;gap:0}.nav.open{display:flex}.nav a{padding:13px}.hero{min-height:520px;height:70vh;background-position:center center}.home-grid,.cards{grid-template-columns:1fr}.chapter{grid-template-columns:55px 1fr}.chapter>a{grid-column:2}.page{padding-top:65px}}