:root{
  --bg:#0a0612; --ink:#ece2cf; --muted:#a596bd; --gold:#d4982a; --gold-2:#f1e7c9;
  --panel:#120c1f; --line:#241a36;
  --display:'Cinzel',Georgia,serif; --serif:'EB Garamond',Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--gold)}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}

/* ░ HERO ░ */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero__art{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);filter:saturate(1.05)}
.hero__scrim{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 38%,rgba(10,6,18,.15),rgba(10,6,18,.72) 70%,rgba(10,6,18,.94))}
.hero__fade{position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(transparent,var(--bg))}
.hero__inner{position:relative;z-index:2;padding:40px 24px}
.hero__mark{width:92px;height:92px;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.6);margin-bottom:18px}
.title{font-family:var(--display);font-weight:900;font-size:clamp(54px,11vw,108px);letter-spacing:.04em;margin:0;color:var(--gold-2);text-shadow:0 4px 22px rgba(0,0,0,.8)}
.subtitle{font-style:italic;font-size:clamp(18px,3.4vw,26px);color:#d8c8a4;margin:.2em 0 0}
.tagline{font-style:italic;color:var(--muted);margin:.5em 0 0;font-size:clamp(13px,2.2vw,16px)}

/* ░ BUTTONS ░ */
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.03em;padding:14px 26px;border-radius:10px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .15s}
.btn--gold{background:linear-gradient(180deg,#e8b24e,#c98722);color:#1a0e06;box-shadow:0 6px 22px rgba(201,135,34,.35)}
.btn--gold:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(201,135,34,.5)}
.btn--ghost{background:rgba(255,255,255,.06);color:#c9bbe0;border:1px solid var(--line)}
.btn--disabled{opacity:.55;cursor:not-allowed}
.btn--big{font-size:19px;padding:18px 38px}
.cta__hint{color:var(--muted);font-size:14px;margin-top:14px}

/* ░ SECTIONS ░ */
section{padding:72px 0;border-top:1px solid var(--line)}
.about{background:var(--bg)}
.lede{font-size:clamp(20px,3vw,26px);color:var(--gold-2);font-style:italic;line-height:1.5}
.about p{margin:1.1em 0;max-width:760px}
.section-title{font-family:var(--display);font-weight:700;color:var(--gold-2);font-size:clamp(24px,4vw,34px);text-align:center;margin:0 0 36px}

/* ░ FEATURES ░ */
.features{background:var(--panel)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.feature h3{font-family:var(--display);color:var(--gold);margin:0 0 .4em;font-size:19px}
.feature p{margin:0;color:#cdbfdd;font-size:16px}

/* ░ GALLERY ░ */
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.shots figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 26px rgba(0,0,0,.45)}
.shots img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/10;transition:transform .4s ease}
.shots figure:hover img{transform:scale(1.05)}

/* ░ PLAY CTA ░ */
.playcta{background:var(--panel);text-align:center}

/* ░ FOOTER ░ */
.foot{padding:40px 0;text-align:center;color:var(--muted)}
.foot__links a{margin:0 4px}
.foot__copy{font-size:13px;opacity:.7;margin-top:8px}

/* ░ Generic content pages (privacy / support) ░ */
.page{max-width:760px;margin:0 auto;padding:90px 24px 60px}
.page h1{font-family:var(--display);color:var(--gold-2);font-size:34px}
.page h2{font-family:var(--display);color:var(--gold);font-size:22px;margin-top:1.6em}
.page a.back{font-family:var(--display);font-size:14px}
