:root{
  --bg:#080909; --panel:#111211; --cream:#f2eadc; --gold:#b78b3f;
  --text:#f7f1e8; --muted:#cabda8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:#070808;color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.topbar{
  position:sticky;top:0;z-index:50;background:rgba(7,8,8,.96);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(183,139,63,.55);display:flex;align-items:center;justify-content:center;
  gap:10px;padding:10px 12px;flex-wrap:wrap
}
.topbar a{
  text-decoration:none;border:1px solid rgba(183,139,63,.7);padding:8px 12px;border-radius:999px;
  font-size:13px;letter-spacing:.03em
}
.topbar a.primary{background:var(--cream);color:#111;border-color:var(--cream);font-weight:700}
.topbar a:hover{background:#201c16}
.topbar a.primary:hover{background:white}
.mockup{position:relative;width:min(100%,852px);margin:0 auto;line-height:0;background:#111}
.mockup.menu{width:min(100%,1024px)}
.mockup img{width:100%;height:auto;display:block}
.hotspot{position:absolute;display:block;z-index:10;background:rgba(255,255,255,0);border:0}
.hotspot:focus{outline:3px solid rgba(255,215,130,.85);outline-offset:2px}
.anchor{position:absolute;left:0;width:1px;height:1px}
.poster-page{min-height:100vh;padding:18px 10px 42px;background:#090a09}
.poster{display:block;max-width:min(100%,1024px);height:auto;margin:0 auto;box-shadow:0 15px 55px rgba(0,0,0,.45)}
.poster-actions{max-width:1024px;margin:18px auto 0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.poster-actions a{
  text-decoration:none;border:1px solid var(--gold);color:var(--cream);padding:10px 15px;border-radius:999px
}
.selector{min-height:100vh;background:radial-gradient(circle at 50% 0,#211a10 0,#0b0c0b 38%,#060706 100%);padding:45px 18px}
.selector-inner{max-width:850px;margin:auto;border:1px solid var(--gold);padding:38px 22px;background:rgba(12,13,12,.92)}
.selector h1{font-family:Georgia,serif;text-align:center;font-size:clamp(32px,6vw,58px);font-weight:400;margin:0 0 30px}
.selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.selector-grid a{background:var(--cream);color:#151515;text-decoration:none;padding:22px;border-radius:10px;font-weight:800;text-align:center}
.selector-grid a:hover{transform:translateY(-1px);background:white}
.note{max-width:850px;margin:18px auto;color:var(--muted);text-align:center;font-size:13px;line-height:1.6}
.gallery-video{max-width:1024px;margin:25px auto 45px;padding:0 12px}
.gallery-video h2{font-family:Georgia,serif;font-weight:400;text-align:center;color:var(--cream)}
.gallery-video video{width:100%;max-height:75vh;background:#000;border:1px solid var(--gold)}
@media(max-width:600px){
  .topbar{gap:6px;padding:7px}
  .topbar a{font-size:11px;padding:7px 9px}
  .selector-grid{grid-template-columns:1fr}
}