:root{--ink:#090c0c;--paper:#d8c29a;--gold:#d8a45f;--cream:#eee3cc;--teal:#274143;--rust:#7a3228;--line:rgba(208,164,96,.55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070a0a;color:#dfd8c8;font-family:'Libre Baskerville',Georgia,serif;line-height:1.65;background-image:radial-gradient(circle at 50% 0,rgba(42,70,71,.22),transparent 35%),linear-gradient(rgba(6,9,9,.92),rgba(6,9,9,.96));}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");z-index:20;mix-blend-mode:soft-light}.topbar{height:78px;position:fixed;z-index:30;left:0;right:0;top:0;background:rgba(5,7,7,.93);border-bottom:1px solid rgba(216,164,95,.24);display:grid;grid-template-columns:260px 1fr 250px;align-items:center;padding:0 28px;backdrop-filter:blur(8px)}.brand{text-decoration:none;color:var(--gold);font-family:Cinzel,serif;line-height:1;text-align:center;display:flex;flex-direction:column;letter-spacing:.06em}.brand-small{font-size:10px}.brand-main{font-size:20px;font-weight:600}.brand-sub{color:#c7a86c;font-size:7px;letter-spacing:.23em;margin-top:4px}.nav{display:flex;justify-content:center;gap:30px}.nav a{font-family:Cinzel,serif;color:#d9d1c2;text-decoration:none;font-size:12px;letter-spacing:.13em;padding:28px 0 18px;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:#e4b469;border-color:#e4b469}.tagline{font-family:Cinzel,serif;color:#8f826c;text-align:right;font-size:9px;letter-spacing:.36em;line-height:2}.hero{position:relative;height:720px;overflow:hidden;border-bottom:1px solid #604d33}.hero-reference{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.84) brightness(.77) contrast(1.05)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,6,.8) 0%,rgba(5,6,6,.48) 34%,rgba(5,6,6,.03) 67%,rgba(5,6,6,.22) 100%),linear-gradient(0deg,rgba(5,7,7,.55),transparent 35%)}.hero-copy{position:absolute;left:12%;top:135px;width:520px;text-shadow:0 3px 15px #000}.eyebrow{font-family:Cinzel,serif;color:#e8dcc1;letter-spacing:.24em;margin:0 0 -18px 8px}.hero h1{font-family:Cinzel,serif;color:#e9dcc0;font-size:68px;line-height:.94;letter-spacing:.025em;margin:0;font-weight:600}.campaign-rule{height:35px;border-bottom:1px solid rgba(216,164,95,.7);width:330px;color:var(--gold);position:relative}.campaign-rule span{position:absolute;right:46%;bottom:-12px;background:#171817;padding:0 8px}.year{font-style:italic;color:#e8c88f;font-size:19px;margin:22px 0 0 68px}.lede{font-style:italic;font-size:18px;line-height:1.55;color:#f0e6d3;margin:0 0 22px 40px}.cta{display:inline-flex;gap:44px;margin-left:40px;border:1px solid #d0a461;padding:15px 38px;font-family:Cinzel,serif;letter-spacing:.12em;text-decoration:none;color:#efe5d1;background:rgba(5,7,7,.38)}.cta:hover{background:rgba(216,164,95,.13)}.hero-note{position:absolute;right:65px;top:145px;font-family:Cinzel,serif;color:#df7d53;letter-spacing:.1em;font-size:16px;text-align:center;transform:rotate(-2deg);text-shadow:0 0 10px #8d3d25}.hero-car-note{position:absolute;right:50px;bottom:190px;font-style:italic;color:#c8944f;font-size:20px;transform:rotate(-10deg);line-height:1.25}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 44px 20px;margin-top:-145px;position:relative;z-index:3}.card{height:350px;position:relative;overflow:hidden;border:1px solid rgba(202,153,86,.48);text-decoration:none;color:#eee3cc;background:#121515;box-shadow:0 12px 30px rgba(0,0,0,.42)}.card:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.72) contrast(1.08)}.card-game:before{background-image:linear-gradient(rgba(122,42,27,.3),rgba(6,7,7,.82)),url('assets/reference-homepage.png');background-position:2% 88%;background-size:460%}.card-role:before{background-image:linear-gradient(rgba(70,43,27,.16),rgba(6,7,7,.85)),url('assets/reference-homepage.png');background-position:36% 82%;background-size:430%}.card-world:before{background-image:linear-gradient(rgba(21,55,57,.18),rgba(6,7,7,.84)),url('assets/reference-homepage.png');background-position:67% 83%;background-size:440%}.card-tone:before{background-image:linear-gradient(rgba(16,47,51,.18),rgba(6,7,7,.88)),url('assets/reference-homepage.png');background-position:96% 85%;background-size:430%}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,7,.98) 0 47%,transparent 72%)}.card-copy{position:absolute;inset:auto 20px 17px}.card h2,.guide-section h2{font-family:Cinzel,serif;color:#e8d5ad;letter-spacing:.08em;margin:0}.card h2{font-size:25px}.card-kicker,.section-kicker{font-family:Cinzel,serif;color:#d1ad70;letter-spacing:.24em;font-size:9px}.card p{font-size:13px;line-height:1.55;color:#d7d0c4}.card span{font-family:Cinzel,serif;color:#dcb16d;letter-spacing:.15em;font-size:10px;float:right}.quote-band{text-align:center;padding:46px 20px 38px;background:linear-gradient(rgba(20,22,20,.88),rgba(8,10,10,.97)),url('assets/reference-homepage.png') center 90%/cover}.quote-band blockquote{font-family:Cinzel,serif;color:#cfae74;letter-spacing:.34em;font-size:14px}.quote-band p{font-size:10px;color:#988d7a;letter-spacing:.18em}.guide-section{max-width:1160px;margin:auto;padding:100px 50px;display:grid;grid-template-columns:110px 1fr;gap:34px;border-bottom:1px solid rgba(208,164,96,.19)}.guide-section.alt{background:linear-gradient(90deg,rgba(24,45,47,.14),rgba(126,56,39,.05),transparent);max-width:none;padding-left:calc((100vw - 1160px)/2 + 50px);padding-right:calc((100vw - 1160px)/2 + 50px)}.section-number{font-family:Cinzel,serif;color:#725b3e;font-size:52px;border-right:1px solid rgba(208,164,96,.3);line-height:1;padding-top:10px}.guide-section h2{font-size:34px;line-height:1.2;margin-bottom:30px}.guide-section p{font-size:16px;color:#d0cabf;max-width:850px}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.split h3{font-family:Cinzel,serif;color:#d7ad6c;letter-spacing:.1em}.split li{margin:.7em 0}.note-box{border:1px solid rgba(208,164,96,.4);background:rgba(112,71,38,.08);padding:20px 24px;margin-top:25px}.faq details{border-top:1px solid rgba(208,164,96,.25);padding:17px 0}.faq details:last-child{border-bottom:1px solid rgba(208,164,96,.25)}.faq summary{cursor:pointer;font-family:Cinzel,serif;color:#e1cc9e;letter-spacing:.06em}.faq details p{padding-left:18px}footer{border-top:1px solid rgba(208,164,96,.35);padding:38px 42px 50px;text-align:center;font-family:Cinzel,serif;letter-spacing:.17em;font-size:10px;color:#8c7e69}.footer-mark{font-size:22px;color:#c89e61;margin-bottom:5px}.footer-whisper{margin-top:18px;letter-spacing:.33em}@media(max-width:1100px){.topbar{grid-template-columns:230px 1fr}.tagline{display:none}.nav{gap:15px}.nav a{font-size:10px}.cards{grid-template-columns:1fr 1fr}.hero-copy{left:8%}.guide-section.alt{padding-left:50px;padding-right:50px}}@media(max-width:740px){.topbar{height:auto;padding:12px 18px;display:flex;justify-content:center}.nav{display:none}.brand-main{font-size:18px}.hero{height:650px}.hero-reference{object-position:58% top}.hero-copy{left:26px;top:130px;width:calc(100% - 52px)}.hero h1{font-size:44px}.year,.lede,.cta{margin-left:0}.hero-note,.hero-car-note{display:none}.cards{grid-template-columns:1fr;margin-top:-60px;padding:0 18px 20px}.card{height:320px}.guide-section,.guide-section.alt{grid-template-columns:1fr;padding:70px 26px}.section-number{border-right:0;border-bottom:1px solid rgba(208,164,96,.3);padding-bottom:16px}.split{grid-template-columns:1fr}.guide-section h2{font-size:28px}}