@font-face{font-family:Fontin;src:url('assets/fontin.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--gold:#ead09a;--muted:#c2b59d}
*{box-sizing:border-box}
html{min-width:0;background:#060809}
body{margin:0;color:var(--gold);background:radial-gradient(ellipse at 50% 45%,#192027 0,#080b0e 48%,#030405 85%);font-family:Fontin,Georgia,serif}
a{color:inherit}
.page{width:min(100%,1920px);margin:0 auto;overflow:hidden;container-type:inline-size}
.hero{position:relative;aspect-ratio:1920/740;background:#080b0d}
.hero-art{display:block;width:100%;height:auto}
.menu-art{position:absolute;top:7.027%;width:49.531%;height:auto;pointer-events:none}
.menu-art-left{left:1.927%}.menu-art-right{left:48.697%}
.brand{position:absolute;left:36.432%;top:-1.959%;width:27.24%;height:auto;filter:drop-shadow(0 8px 16px #0008)}
.hero-label,.hero-discord{position:absolute;z-index:1;top:9.3%;height:7.7%;display:flex;align-items:center;justify-content:center;gap:1em;margin:0;color:#dfcba8;text-shadow:0 2px 5px #000;font-size:clamp(11px,.85cqw,17px);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.hero-label{left:5%;width:30%}.hero-label span{color:#ae7939}.hero-discord{right:5%;width:30%}.hero-discord:hover{color:#fff0c8}
.announcement{position:relative;isolation:isolate;aspect-ratio:1920/964;margin-top:-16.354%;text-align:center}
.frame-art-wrap{position:absolute;inset:0;z-index:-1;pointer-events:none}
.frame-art{display:block;width:100%;height:auto}
.announcement-copy{position:absolute;top:32%;left:12%;width:76%}
.eyebrow{margin:0 0 .8em;color:#ba9454;font-size:clamp(11px,.74cqw,15px);letter-spacing:.18em;text-transform:uppercase}
h1{margin:0;color:#f0d59c;font-size:clamp(34px,3.55cqw,69px);font-weight:400;line-height:1.1;text-shadow:0 3px 12px #000}
.lead{margin:.65em 0 .55em;font-size:clamp(17px,1.3cqw,26px);color:#e5d9c3}
.description{margin:0;color:var(--muted);font-size:clamp(14px,1cqw,20px);line-height:1.55}
.topics{display:flex;justify-content:center;gap:0;margin:1.15em 0 1.3em;padding:0;list-style:none;font-size:clamp(12px,.85cqw,17px);color:#c4a66e}
.topics li+li:before{content:'◆';margin:0 1.25em;font-size:.45em;vertical-align:middle;color:#77582f}
.discord-button{display:inline-flex;align-items:center;justify-content:center;gap:.85em;min-height:52px;padding:.85em 1.45em;border:1px solid #bd9555;background:linear-gradient(180deg,#692a1c,#36110d);box-shadow:inset 0 0 0 3px #160c0a,0 7px 24px #0007;color:#f6e2b9;text-decoration:none;font-size:clamp(16px,1.05cqw,21px);transition:filter .18s,border-color .18s}
.discord-button:hover{filter:brightness(1.2);border-color:#f0ca7d}
.discord-button svg{width:1.5em;height:1.5em;flex:none}.button-arrow{font-size:1.2em;margin-left:.4em}
a:focus-visible{outline:2px solid #f4d28e;outline-offset:5px}
.invitation{margin:1em 0 1.5em;font-size:clamp(12px,.8cqw,16px);color:#9e927e}
.status{display:flex;align-items:center;justify-content:center;gap:.7em;margin:0;color:#b6a681;font-size:clamp(11px,.72cqw,14px);letter-spacing:.07em}
.status span{width:6px;height:6px;border-radius:50%;background:#c3924d;box-shadow:0 0 9px #c3924d80}
.footer{max-width:1300px;margin:0 auto;padding:8px 28px 24px;text-align:center;color:#8e826d;font-size:12px;line-height:1.6}
.footer p{margin:4px 0}.footer .footer-brand{margin-bottom:9px;color:#bda06b;font-size:15px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1920px){.announcement{margin-top:-314px}}
@media(max-width:1100px) and (min-width:861px){.announcement-copy{top:30%}.eyebrow{margin-bottom:.3em}h1{font-size:clamp(30px,3.55cqw,40px)}.lead{margin:.35em 0}.topics{margin:.55em 0 .7em}.invitation{margin:.45em 0 .6em}.discord-button{min-height:40px;padding:.45em 1.2em}.description{font-size:14px}.footer{padding-top:20px}}
@media(max-width:860px){
  .hero{height:300px;aspect-ratio:auto;overflow:hidden}
  .hero-art{position:absolute;width:max(100%,780px);max-width:none;height:auto;left:50%;transform:translateX(-50%);top:0}
  .brand{width:270px;max-width:80%;left:50%;transform:translateX(-50%);top:0}
  .menu-art,.hero-label,.hero-discord{display:none}
  .announcement{margin:-35px 18px 24px;aspect-ratio:auto;border:1px solid #655134;background:linear-gradient(180deg,#07090ad9,#080b0d);box-shadow:0 14px 40px #0008}
  .frame-art-wrap{inset:auto -19px auto;top:-70px;height:205px;overflow:hidden;z-index:0}
  .frame-art{position:absolute;width:max(100%,740px);max-width:none;left:50%;transform:translateX(-50%);top:0}
  .announcement-copy{position:relative;top:auto;left:auto;width:auto;padding:136px 24px 32px;z-index:1}
  .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.12em;margin-bottom:12px}
  h1{font-size:clamp(30px,7.8vw,44px)}.lead{font-size:18px;line-height:1.4;margin:16px 0 12px}
  .description{font-size:16px;line-height:1.6}.desktop-break{display:none}
  .topics{flex-wrap:wrap;font-size:13px;margin:22px 0;row-gap:9px}.topics li+li:before{margin:0 .7em}
  .discord-button{font-size:16px;width:100%;min-height:56px;padding:12px 10px;gap:9px}.button-arrow{margin-left:0}.discord-button svg{width:23px;height:23px}
  .invitation{font-size:13px;line-height:1.6;margin:16px 0 22px}.status{font-size:11px;letter-spacing:.025em}
  .footer{font-size:11px;padding:0 24px 24px}.footer .footer-brand{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.discord-button{transition:none}}