:root{--bg:#071713;--cream:#f0edde;--gold:#d6c48b;--muted:#b0b8ad;--line:#ffffff23}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding:0 6%}header{padding:25px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:34px Georgia,serif;color:var(--gold);display:flex;gap:15px;align-items:center}.brand small{font:700 11px Arial,sans-serif;letter-spacing:2px;color:var(--cream)}nav{display:flex;gap:26px;font-size:14px}nav a:hover{color:var(--gold)}.kicker{color:var(--gold);font-size:11px;font-weight:bold;letter-spacing:2px}.hero{padding:82px 0 75px;min-height:480px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:var(--glow);opacity:.8;pointer-events:none}.hero>*{position:relative}.hero h1{font:400 clamp(4rem,11vw,9rem)/.88 Georgia,serif;letter-spacing:-.06em;margin:25px 0 20px;max-width:900px}.hero h1 em{color:var(--accent);font-style:normal}.dek{max-width:590px;color:#f0eddecc;font-size:19px;line-height:1.7;margin:0}.meta{display:flex;gap:18px;margin-top:27px;color:var(--muted);font-size:12px;letter-spacing:1px}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;padding:75px 0 110px}.about h2,.trackbox h2{font:400 3rem/1 Georgia,serif;margin:0 0 25px}.about p{color:var(--muted);font-size:18px;line-height:1.8;max-width:600px}.trackbox{border-top:1px solid var(--line);padding-top:24px}.track{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}.track span:first-child{color:var(--gold);font-size:12px;width:28px}.track small{margin-left:auto;color:var(--muted)}.track:hover{color:var(--gold)}.worldline{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.back{color:var(--gold)}footer{padding:32px 0 70px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:14px}@media(max-width:750px){header{padding:20px 6%}.brand{font-size:28px;gap:8px}.brand small{font-size:9px}.grid{grid-template-columns:1fr;gap:45px;padding-top:55px}.hero{min-height:420px;padding-top:55px}.hero h1{font-size:clamp(3.7rem,17vw,6rem)}.dek{font-size:17px}.worldline,footer{flex-direction:column;gap:12px}nav{gap:14px}nav a:nth-child(2){display:none}}
.chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0 0 110px}.chapter{min-height:330px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.chapter:hover{transform:translateY(-4px);border-color:var(--accent)}.chapter:before{content:'';position:absolute;width:270px;height:270px;border-radius:50%;right:-80px;top:-80px;opacity:.55;filter:blur(2px)}.chapter>*{position:relative}.chapter span{font-size:11px;letter-spacing:2px;color:var(--accent)}.chapter h2{font:400 clamp(2.8rem,6vw,5rem)/.95 Georgia,serif;margin:18px 0 15px;letter-spacing:-2px}.chapter p{max-width:390px;color:#f0eddebb;line-height:1.65;margin:0 0 24px}.chapter strong{font-size:13px;font-weight:normal;letter-spacing:.5px}.dark{--accent:#d6c48b;background:linear-gradient(145deg,#351d28,#111d18)}.dark:before{background:#b2435d}.street{--accent:#92c2ae;background:linear-gradient(145deg,#162f36,#111d18)}.street:before{background:#447b87}.latin{--accent:#e1a4a0;background:linear-gradient(145deg,#3a222b,#2b1c27)}.latin:before{background:#cc635d}.absurd{--accent:#d8c5f1;background:linear-gradient(145deg,#2a1d46,#111d18)}.absurd:before{background:#8962d1}.myth{--accent:#e3af58;background:linear-gradient(145deg,#392611,#111d18);grid-column:span 2}.myth:before{background:#bd6d25}@media(max-width:650px){.chapters{grid-template-columns:1fr}.myth{grid-column:span 1}}
