:root{color-scheme:dark;--ink:#08090b;--panel:#111317;--text:#f5f1e8;--muted:#a7a8ad;--gold:#e0a923;--gold-light:#f5c74c}
*{box-sizing:border-box}
html{min-width:320px;background:var(--ink)}
body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 18% 45%,rgba(224,169,35,.12),transparent 32%),linear-gradient(135deg,#090a0c 0,#111318 52%,#08090b 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body:before{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;content:"";mask-image:linear-gradient(to bottom,black,transparent 88%)}
.site-header{display:flex;width:min(1440px,calc(100% - 72px));height:88px;margin:auto;align-items:center;justify-content:flex-end;border-bottom:1px solid rgba(255,255,255,.08)}
.staff-link{padding:8px 0;border-bottom:1px solid transparent;color:#8f9198;font-size:12px;text-decoration:none;transition:.2s}
.staff-link:hover{border-color:var(--gold);color:var(--text)}
.store-nav{margin-right:28px;color:var(--gold-light);font-size:14px}
.hero{display:grid;width:min(1440px,calc(100% - 72px));min-height:calc(100vh - 150px);margin:auto;grid-template-columns:minmax(420px,.9fr) minmax(500px,1.1fr);align-items:center;gap:clamp(40px,7vw,120px);padding:54px 0 70px}
.hero-art{position:relative;display:grid;min-height:650px;place-items:center}
.hero-art img{display:block;width:min(100%,650px);height:auto}
.hero-copy{max-width:680px}
.eyebrow{margin:0 0 18px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}
h1{margin:0;color:#f7f4ed;font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,7vw,112px);font-weight:500;letter-spacing:-.055em;line-height:.84}
h1 em{color:var(--gold-light);font-style:normal}
.lead{margin:28px 0 20px;color:#fff;font-size:clamp(21px,2vw,29px);font-weight:750;letter-spacing:-.025em}
.description{max-width:625px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.description strong{color:#e8d7a9;font-weight:700}
.challenge{margin:22px 0 28px;color:#e7e3db;font-size:17px;font-weight:650}
.discord-button{display:inline-flex;min-height:52px;align-items:center;gap:24px;padding:0 22px;border:1px solid var(--gold);border-radius:5px;background:var(--gold);box-shadow:0 12px 34px rgba(224,169,35,.13);color:#101114;font-size:13px;font-weight:900;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}
.discord-button span{font-size:18px}
.discord-button:hover{background:var(--gold-light);box-shadow:0 16px 44px rgba(224,169,35,.23);transform:translateY(-2px)}
footer{display:flex;width:min(1440px,calc(100% - 72px));min-height:62px;margin:auto;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);color:#686b72;font-size:9px;font-weight:800;letter-spacing:.18em}
@media(max-width:980px){.hero{grid-template-columns:1fr;gap:0;padding-top:20px}.hero-art{min-height:400px}.hero-art img{width:min(68vw,460px)}.hero-copy{max-width:760px;padding-bottom:50px}h1{font-size:clamp(62px,13vw,98px)}}
@media(max-width:600px){.site-header,.hero,footer{width:calc(100% - 36px)}.site-header{height:70px}.hero-art{min-height:330px}.hero{padding-bottom:34px}.eyebrow{margin-bottom:13px}h1{font-size:clamp(53px,17vw,76px)}.lead{margin-top:22px}.description{font-size:14px}.discord-button{width:100%;justify-content:space-between}footer{min-height:54px}footer span:last-child{display:none}}