@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--bg:#080808;--panel:#121212;--text:#f5f2ea;--muted:#aaa69c;--gold:#d5ab4c;--gold2:#f0cf78;--line:rgba(213,171,76,.22);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(213,171,76,.14),transparent 32rem),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;max-width:var(--max);margin:auto;padding:1.2rem 1.5rem;background:rgba(8,8,8,.8);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.wordmark{color:var(--gold2);font-weight:800;letter-spacing:.18em}nav{display:flex;gap:1.4rem}nav a,.footer-links a{color:var(--muted);font-size:.92rem}nav a:hover,.footer-links a:hover{color:var(--gold2)}
.hero{min-height:78vh;display:grid;place-content:center;text-align:center;padding:7rem 1.5rem 5rem}.eyebrow,.label{color:var(--gold);font-size:.76rem;font-weight:700;letter-spacing:.2em}
h1,h2{font-family:"Playfair Display",Georgia,serif}h1{max-width:980px;margin:.8rem auto 1.2rem;font-size:clamp(3rem,7vw,6.5rem);line-height:.99;letter-spacing:-.04em}h1 span{color:var(--gold2)}
.lead{max-width:650px;margin:auto;color:#d2cec4;font-size:clamp(1rem,2vw,1.25rem)}.buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.button{min-width:190px;padding:.9rem 1.25rem;border:1px solid var(--gold);border-radius:999px;font-weight:700;transition:.2s}.primary{background:var(--gold);color:#111}.secondary{color:var(--gold2)}.button:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(213,171,76,.16)}.micro{margin-top:1.25rem;color:#817d74;font-size:.82rem}
.section{max-width:var(--max);margin:auto;padding:6.5rem 1.5rem;border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem}.split h2,.philosophy h2{margin:.8rem 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.08}.split p{color:#c1bdb4}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.cards article{min-height:230px;padding:1.7rem;background:linear-gradient(145deg,#161616,#101010);border:1px solid var(--line);border-radius:20px}.cards b{color:var(--gold2);font-size:1.5rem}.cards h3{margin:2.4rem 0 .5rem}.cards p{color:var(--muted)}
.games{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:2rem}.games span{display:grid;place-items:center;min-height:95px;padding:1rem;text-align:center;background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:14px}
.philosophy{padding:9rem 1.5rem;text-align:center;background:linear-gradient(180deg,transparent,rgba(213,171,76,.07),transparent);border-top:1px solid var(--line)}.philosophy p{color:var(--gold);text-transform:uppercase;letter-spacing:.12em}
footer{max-width:var(--max);margin:auto;padding:3rem 1.5rem 4rem;display:grid;grid-template-columns:1fr auto;gap:1rem;border-top:1px solid var(--line)}footer strong{color:var(--gold2);letter-spacing:.12em}footer p{margin:.25rem 0;color:var(--muted)}.footer-links{display:flex;gap:1.2rem}.copyright{grid-column:1/-1;font-size:.8rem}
@media(max-width:760px){nav{display:none}.split,.cards,.games{grid-template-columns:1fr}.split{gap:1.5rem}.hero{min-height:72vh}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
