/* ============================================================
   Chernogolovka promo landing — pixel-faithful poster build.
   Each Figma frame is exported as a full image (UZ/RU × mobile/web);
   i18n.js picks the right one and overlays a clickable CTA + lang toggle.
   ============================================================ */
:root {
    --teal-dark: #005c5f;
    --yellow:    #fee300;
    --ink:       #09151c;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--teal-dark);
    min-height: 100vh;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-text-size-adjust: 100%;
}

.visually-hidden {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0);
    white-space: nowrap; border: 0;
}

/* ── stage (holds the poster + overlays) ───────────────────── */
.stage {
    position: relative;
    width: 100%;
    /* native poster width — fills typical browsers edge-to-edge but never
       upscales past the source (which would look blurry). */
    max-width: 1627px;
    margin: 0 auto;
    line-height: 0;
}

.stage__poster {
    display: block;
    width: 100%;
    height: auto;
}

/* ── clickable CTA hotspot (positioned over the BOSHLASH/НАЧАТЬ
      button baked into the poster; coordinates set per language
      by i18n.js) ──────────────────────────────────────────── */
.stage__cta {
    position: absolute;
    display: block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}