:root {
  --cream: #f8edc9;
  --gold: #d9bd78;
  --pink: #ff5b91;
  --black: #080307;
  --footer-h: 58px;
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #050104; }
body { color: #fff; font-family: Inter, Arial, Helvetica, sans-serif; }
button { font: inherit; }

.splash {
  position: relative;
  width: 100vw;
  height: 100vh;
  min-height: 560px;
  overflow: hidden;
  background: #080307;
}

.scene {
  position: absolute;
  inset: 0 0 var(--footer-h);
  background: url("../img/splash/casino-showgirls-hero-hd.jpg") 58% center / cover no-repeat;
}

.shade {
  position: absolute;
  inset: 0 0 var(--footer-h);
  background:
    linear-gradient(90deg, #080307 0%, rgba(8,3,7,.98) 23%, rgba(8,3,7,.56) 43%, transparent 62%),
    linear-gradient(0deg, rgba(8,3,7,.46), transparent 24%);
}

.brand-card {
  position: absolute;
  z-index: 10;
  left: clamp(32px, 3.2vw, 64px);
  top: clamp(20px, 3.2vh, 38px);
  min-width: 220px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 8px 16px 8px 11px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 14px;
  background: rgba(13,8,13,.62);
  backdrop-filter: blur(10px);
}
.brand-card img { width: 47px; height: 35px; object-fit: contain; }
.brand-divider { width: 1px; height: 32px; background: rgba(255,255,255,.22); }
.brand-card span:last-child { display: grid; gap: 4px; }
.brand-card b { color: #e8cd7a; font-size: 10px; letter-spacing: .14em; }
.brand-card small { color: #aaa1a8; font-size: 9px; }

.copy {
  position: absolute;
  z-index: 8;
  left: clamp(32px, 3.3vw, 66px);
  top: clamp(126px, 16.5vh, 172px);
  width: min(33vw, 540px);
}
.eyebrow { margin: 0 0 20px; color: #f2dfab; font-weight: 800; font-size: 11px; letter-spacing: .18em; }
.eyebrow i { display: inline-block; width: 38px; height: 2px; margin-right: 12px; vertical-align: middle; background: linear-gradient(90deg,#ff4b83,#e3be6f); }
.copy h1 { margin: 0; font-size: clamp(48px, 4.4vw, 78px); line-height: .91; letter-spacing: -.055em; font-weight: 950; }
.copy h1 em { color: transparent; font-style: normal; background: linear-gradient(100deg,#e2d39d,#d6ad5d 55%,#ecae8f); -webkit-background-clip: text; background-clip: text; }
.lead { max-width: 530px; margin: 22px 0 0; color: #d4cdd1; font-size: clamp(12px, .92vw, 16px); line-height: 1.55; }
.lead b { color: #fff; }

.choice-help {
  position: absolute;
  z-index: 8;
  left: 50.8%;
  top: 11%;
  display: grid;
  gap: 4px;
  color: #f0d785;
  font-size: 9px;
  letter-spacing: .14em;
}
.choice-help span { color: rgba(255,255,255,.58); font-size: 8px; letter-spacing: .03em; }

.hero-offer,
.offer {
  --c1: #ea1239;
  --c2: #b66c2d;
  appearance: none;
  border: 0;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  border-radius: 50%;
  background:
    radial-gradient(circle at 31% 24%, rgba(255,255,255,.22), transparent 34%),
    linear-gradient(145deg,var(--c1),var(--c2));
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.12),
    inset -20px -22px 35px rgba(0,0,0,.22),
    0 22px 45px rgba(0,0,0,.3);
  transition: transform .24s ease, filter .24s ease, box-shadow .24s ease, opacity .24s ease;
}
.hero-offer:hover,
.offer:hover,
.offer.is-active {
  transform: translateY(-7px) scale(1.055);
  filter: saturate(1.12) brightness(1.08);
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.26), inset -20px -22px 35px rgba(0,0,0,.17), 0 28px 56px rgba(0,0,0,.42), 0 0 34px color-mix(in srgb, var(--c1), transparent 50%);
}
.hero-offer {
  position: absolute;
  z-index: 12;
  left: 49.6%;
  top: 11.2%;
  width: clamp(194px, 16.8vw, 286px);
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.hero-kicker { margin-bottom: 12px; color: rgba(255,255,255,.72); font-size: 8px; font-weight: 900; letter-spacing: .16em; }
.logo-plate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-width: 72px;
  max-width: 80%;
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(38,44,43,.55);
  box-shadow: inset 0 1px rgba(255,255,255,.15);
}
.logo-plate img { display: block; width: auto; max-width: 128px; height: 31px; object-fit: contain; }
.hero-offer strong { margin-top: 10px; font-size: clamp(22px, 2vw, 34px); }
.hero-offer small { margin-top: 6px; color: #fff5bd; font-size: 10px; font-weight: 800; }
.hero-offer > .hero-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top: 15px;
  padding: 10px 23px;
  border: 0;
  border-radius: 999px;
  color: #2b161b;
  background: linear-gradient(90deg,#fff0a4,#f8b5c9);
  font-size: 8px;
  font-weight: 950;
  cursor: pointer;
  text-decoration:none;
}
.pulse-ring { position: absolute; inset: -10px; border: 1px solid rgba(255,217,132,.25); border-radius: 50%; }

.offer-field { position: absolute; z-index: 11; inset: 0 0 var(--footer-h); pointer-events: none; }
.offer {
  position: absolute;
  width: clamp(104px, 9vw, 150px);
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.offer .logo-plate { min-width: 58px; min-height: 29px; padding: 5px 8px; border-radius: 9px; }
.offer .logo-plate img { max-width: 82px; height: 22px; }
.offer b { margin-top: 7px; font-size: clamp(12px, 1vw, 16px); }
.offer small { margin-top: 4px; color: #fff4b4; font-size: clamp(6px, .5vw, 8px); font-weight: 850; }
.offer.one { --c1:#607da8; --c2:#11161e; }
.offer.apex { --c1:#126ff1; --c2:#11a69e; }
.offer.norm { --c1:#ed3150; --c2:#9b1025; }
.offer.riobet { --c1:#0c552b; --c2:#6e7540; }
.offer.mad { --c1:#ff4f8b; --c2:#a50042; }
.offer.seven { --c1:#f37c3d; --c2:#8e1018; }
.offer.spinto { --c1:#4876ff; --c2:#6b04c9; }
.offer.joy { --c1:#d92e55; --c2:#6d153e; }

.focus-card,
.more-offers,
.compare-panel,
.stepper,
.mobile-swipe { display: none; }

.ticker {
  position: absolute;
  z-index: 30;
  left: 0;
  right: 0;
  bottom: 28px;
  height: 30px;
  overflow: hidden;
  border-top: 1px solid rgba(255,220,146,.3);
  border-bottom: 1px solid rgba(255,220,146,.2);
  background: linear-gradient(90deg,#361122,#9c5632 50%,#351122);
}
.ticker div { width: max-content; height: 100%; display: flex; align-items: center; animation: marquee 36s linear infinite; }
.ticker span { margin: 0 34px; color: #fff1c0; font-size: 10px; font-weight: 900; white-space: nowrap; }
@keyframes marquee { to { transform: translateX(-42%); } }
footer {
  position: absolute;
  z-index: 30;
  left: 0;
  right: 0;
  bottom: 0;
  height: 28px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: clamp(32px,3.3vw,66px);
  color: #716a70;
  background: rgba(7,3,7,.94);
  font-size: 9px;
}
footer b { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid #5b5158; border-radius: 50%; color: #aaa0a6; font-size: 8px; }

/* 01 — Focus Spotlight: familiar constellation, one unmistakable next action */
.variant-1 .hero-offer { left: 48.8%; top: 10.7%; }
.variant-1 .offer.one { left: 36%; top: 67%; }
.variant-1 .offer.apex { left: 46%; top: 60%; }
.variant-1 .offer.norm { left: 48%; top: 45%; }
.variant-1 .offer.riobet { left: 60%; top: 65%; }
.variant-1 .offer.mad { left: 72%; top: 50%; }
.variant-1 .offer.seven { left: 82%; top: 67%; }
.variant-1 .offer.spinto { left: 89%; top: 43%; }
.variant-1 .focus-card {
  position: absolute;
  z-index: 20;
  left: 49.2%;
  top: 43%;
  width: min(27vw,420px);
  min-height: 82px;
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 16px;
  background: rgba(16,8,14,.83);
  box-shadow: 0 18px 40px rgba(0,0,0,.36);
  backdrop-filter: blur(16px);
}
.variant-1 .focus-count { color: #dabb78; font-size: 10px; font-weight: 900; }
.variant-1 .focus-logo { display: none; }
.variant-1 .focus-copy { display: grid; gap: 4px; }
.variant-1 .focus-copy small { color: #f2d784; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.variant-1 .focus-copy b { font-size: 16px; }
.variant-1 .focus-copy i { display: block; margin-top: 3px; color: #bdb4bb; font-size: 8px; font-style: normal; }
.variant-1 .focus-card button { grid-column: 3; padding: 11px 12px; border: 0; border-radius: 9px; color: #2c161d; background: linear-gradient(90deg,#ffe591,#f6a3c0); font-size: 8px; font-weight: 950; }

/* 02 — Bonus Dock: stable scan line and predictable click targets */
.variant-2 .choice-help { left: auto; right: 3.5%; top: auto; bottom: 23.5%; text-align: right; }
.variant-2 .hero-offer { left: 50.2%; top: 12%; }
.variant-2 .offer-field {
  left: 35%;
  right: 2.5%;
  top: auto;
  bottom: 10.2%;
  height: clamp(132px, 16vh, 170px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 18px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 24px;
  background: linear-gradient(180deg,rgba(18,9,16,.52),rgba(10,5,10,.88));
  backdrop-filter: blur(14px);
}
.variant-2 .offer { position: relative; inset: auto !important; width: min(8vw,126px); flex: 0 0 auto; }
.variant-2 .offer:hover { transform: translateY(-12px) scale(1.08); }
.variant-2 .offer.spinto { display: none; }
.variant-2 .focus-card {
  position: absolute;
  z-index: 18;
  display: flex;
  left: 67%;
  top: 14.5%;
  align-items: center;
  gap: 13px;
  padding: 9px 14px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(12,6,11,.7);
  backdrop-filter: blur(12px);
}
.variant-2 .focus-count { color:#f3d27b; font-size: 9px; font-weight:900; }
.variant-2 .focus-logo,.variant-2 .focus-copy,.variant-2 .focus-card button { display:none; }

/* 03 — Three at a Time: progressive disclosure, fewer simultaneous choices */
.variant-3 .hero-offer { left: 48.9%; top: 11%; }
.variant-3 .choice-help { left: 50%; top: 49%; }
.variant-3 .offer { display: none; }
.variant-3 .offer.apex,
.variant-3 .offer.riobet,
.variant-3 .offer.mad { display: flex; width: clamp(145px, 12vw, 194px); }
.variant-3 .offer.apex { left: 42%; top: 57%; opacity: .8; transform: scale(.84); }
.variant-3 .offer.riobet { left: 57%; top: 55%; }
.variant-3 .offer.mad { left: 73%; top: 57%; opacity: .8; transform: scale(.84); }
.variant-3 .offer.apex:hover,.variant-3 .offer.mad:hover { transform: translateY(-7px) scale(.9); opacity: 1; }
.variant-3 .more-offers {
  position: absolute;
  z-index: 18;
  display: flex;
  right: 3.8%;
  top: 33%;
  width: 150px;
  height: 150px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px dashed rgba(244,210,125,.55);
  border-radius: 50%;
  color: #f0d58a;
  background: rgba(12,6,11,.52);
  backdrop-filter: blur(10px);
  text-align: center;
}
.variant-3 .more-offers b { max-width: 85px; font-size: 11px; line-height: 1.3; }
.variant-3 .more-offers span { color: #aaa1a8; font-size: 8px; }

/* 04 — Quick Compare: decision support replaces decorative scatter */
.variant-4 .hero-offer { left: 47.2%; top: 11%; width: clamp(175px,14vw,236px); }
.variant-4 .choice-help { display:none; }
.variant-4 .offer { width: clamp(92px,7.4vw,120px); opacity: .82; }
.variant-4 .offer.one { left:35.5%; top:63%; }
.variant-4 .offer.apex { left:43%; top:61%; }
.variant-4 .offer.norm { left:49%; top:53%; }
.variant-4 .offer.riobet { left:56%; top:61%; }
.variant-4 .offer.mad { left:64%; top:53%; }
.variant-4 .offer.seven { left:72%; top:61%; }
.variant-4 .offer.spinto { left:80%; top:53%; }
.variant-4 .compare-panel {
  position:absolute;
  z-index:20;
  display:block;
  left:3.3%;
  top:65%;
  width:min(30vw,450px);
  padding:17px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:rgba(15,8,14,.84);
  box-shadow:0 22px 55px rgba(0,0,0,.42);
  backdrop-filter:blur(18px);
}
.compare-panel header { display:flex; align-items:center; justify-content:space-between; }
.compare-panel header span { display:grid; gap:4px; }
.compare-panel header b { color:#f3d686; font-size:10px; letter-spacing:.12em; }
.compare-panel header small { color:#a9a0a7; font-size:8px; }
.compare-panel header em { color:#f3d686; font-size:9px; font-style:normal; }
.compare-items { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:10px; margin-top:14px; }
.compare-items > i { color:#746b71; font-size:8px; font-style:normal; }
.compare-items article { min-width:0; display:grid; justify-items:center; gap:8px; padding:13px 8px 10px; border:1px solid rgba(255,255,255,.1); border-radius:15px; background:rgba(255,255,255,.04); text-align:center; }
.compare-items article img { width:auto; max-width:88px; height:25px; object-fit:contain; }
.compare-items article span { display:grid; gap:3px; }
.compare-items article b { font-size:14px; }
.compare-items article small { color:#dbc97f; font-size:7px; }
.compare-items article button { padding:8px 14px; border:0; border-radius:999px; color:#2d171d; background:linear-gradient(90deg,#ffe397,#f5abc2); font-size:7px; font-weight:900; }

/* 05 — Guided Carousel: one path, clear progress and controls */
.variant-5 .hero-offer { left: 49.2%; top: 15%; width: clamp(218px,18vw,310px); }
.variant-5 .choice-help { left:49.6%; top:10%; }
.variant-5 .offer { width:clamp(78px,6.4vw,108px); opacity:.52; filter:saturate(.75); }
.variant-5 .offer:hover { opacity:1; filter:saturate(1.1); }
.variant-5 .offer.one { left:41%; top:40%; }
.variant-5 .offer.apex { left:45%; top:63%; }
.variant-5 .offer.norm { left:51%; top:68%; }
.variant-5 .offer.riobet { left:67%; top:65%; }
.variant-5 .offer.mad { left:76%; top:58%; }
.variant-5 .offer.seven { left:82%; top:40%; }
.variant-5 .offer.spinto { left:77%; top:24%; }
.variant-5 .stepper {
  position:absolute;
  z-index:22;
  left:56.2%;
  top:56%;
  display:flex;
  align-items:center;
  gap:14px;
}
.variant-5 .stepper button {
  width:42px;height:42px;border:1px solid rgba(255,255,255,.23);border-radius:50%;
  color:#2c171c;background:linear-gradient(135deg,#fff0a1,#eaa0ba);font-weight:900;cursor:pointer;
}
.variant-5 .stepper span { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:3px; color:#a89da4; font-size:11px; }
.variant-5 .stepper span b { color:#f4d17a; font-size:19px; }
.variant-5 .stepper small { grid-column:1 / -1; color:#fff; font-size:8px; }

@media (max-width: 700px) {
  :root { --footer-h: 60px; }
  .splash { min-height: 660px; }
  .scene { inset:0 0 var(--footer-h); background-position: 69% 6%; background-size:auto 46%; background-repeat:no-repeat; }
  .shade {
    inset:0 0 var(--footer-h);
    background:linear-gradient(0deg,#080307 45%,rgba(8,3,7,.82) 53%,transparent 70%),linear-gradient(90deg,rgba(8,3,7,.42),transparent);
  }
  .brand-card { left:14px; top:13px; min-width:0; height:38px; gap:8px; padding:5px 9px 5px 7px; border-radius:10px; }
  .brand-card img { width:34px;height:26px; }
  .brand-divider { height:24px; }
  .brand-card b { font-size:7px; }
  .brand-card small { font-size:6px; }
  .copy { left:17px; right:17px; top:37.5%; width:auto; }
  .eyebrow { margin-bottom:9px; font-size:7px; }
  .eyebrow i { width:22px;margin-right:8px; }
  .copy h1 { font-size:39px; line-height:.91; }
  .copy h1 em { display:inline; }
  .lead { margin-top:12px; max-width:350px; font-size:9px; line-height:1.45; }
  .choice-help { left:17px !important; right:auto !important; top:62.5% !important; bottom:auto !important; text-align:left !important; }
  .choice-help span { display:none; }
  .hero-offer {
    left:50% !important; top:69% !important; width:166px !important;
    transform:translate(-50%,-50%);
  }
  .hero-offer:hover { transform:translate(-50%,-54%) scale(1.035); }
  .hero-kicker { margin-bottom:8px; font-size:6px; }
  .hero-offer .logo-plate { min-height:31px;padding:5px 9px; }
  .hero-offer .logo-plate img { max-width:92px;height:24px; }
  .hero-offer strong { margin-top:7px;font-size:22px; }
  .hero-offer small { margin-top:3px;font-size:7px; }
  .hero-offer > .hero-action { margin-top:9px;padding:8px 16px;font-size:6px; }
  .offer-field { inset:0 0 var(--footer-h); }
  .offer { width:104px !important; }
  .offer .logo-plate img { max-width:66px;height:19px; }
  .offer b { font-size:12px; }
  .offer small { font-size:6px; }
  .ticker { bottom:25px;height:35px; }
  .ticker span { margin:0 22px;font-size:8px; }
  footer { height:25px;padding-left:10px;font-size:6px; }
  footer b { width:18px;height:18px;font-size:6px; }
  .mobile-swipe {
    position:absolute;z-index:24;left:50%;bottom:67px;display:flex;align-items:center;gap:8px;
    transform:translateX(-50%);color:#b5aab2;font-size:6px;font-weight:800;letter-spacing:.08em;white-space:nowrap;
  }
  .mobile-swipe span { color:#f1d37c;font-size:12px; }

  .variant-1 .offer { opacity:.74; transform:scale(.73); }
  .variant-1 .offer:hover { transform:scale(.77) translateY(-5px); }
  .variant-1 .offer.one { left:-5%;top:73%; }
  .variant-1 .offer.apex { left:11%;top:68%; }
  .variant-1 .offer.norm { left:2%;top:82%; }
  .variant-1 .offer.riobet { right:3%;left:auto;top:81%; }
  .variant-1 .offer.mad { right:8%;left:auto;top:67%; }
  .variant-1 .offer.seven { right:-11%;left:auto;top:75%; }
  .variant-1 .offer.spinto { display:none; }
  .variant-1 .focus-card { left:18px;right:18px;top:auto;bottom:105px;width:auto;min-height:55px;grid-template-columns:auto 1fr auto;padding:8px 10px;gap:8px;border-radius:12px; }
  .variant-1 .focus-copy b { font-size:12px; }
  .variant-1 .focus-card button { grid-column:3;font-size:6px;padding:9px 8px; }

  .variant-2 .choice-help { top:61.5% !important; }
  .variant-2 .offer-field {
    left:0;right:0;bottom:101px;height:128px;padding:11px 0 11px 14px;border-left:0;border-right:0;border-radius:0;
    justify-content:flex-start;overflow:hidden;gap:4px;
  }
  .variant-2 .offer { position:relative !important;display:flex !important;flex:0 0 82px !important;width:82px !important;transform:scale(.84); }
  .variant-2 .offer:hover { transform:translateY(-5px) scale(.88); }
  .variant-2 .hero-offer { top:66.5% !important;width:156px !important; }
  .variant-2 .focus-card { left:auto;right:12px;top:39%;padding:7px 10px; }
  .variant-2 .choice-help,
  .variant-2 .mobile-swipe { display:none; }

  .variant-3 .hero-offer { top:68% !important;width:154px !important; }
  .variant-3 .offer.apex,.variant-3 .offer.riobet,.variant-3 .offer.mad { display:flex;width:112px !important; }
  .variant-3 .offer.apex { left:-2%;top:73%;transform:scale(.72); }
  .variant-3 .offer.riobet { left:50%;top:80%;transform:translateX(-50%) scale(.82); }
  .variant-3 .offer.mad { left:auto;right:-2%;top:73%;transform:scale(.72); }
  .variant-3 .more-offers { right:10px;top:58%;width:74px;height:74px; }
  .variant-3 .more-offers b { max-width:58px;font-size:7px; }
  .variant-3 .more-offers span { display:none; }
  .variant-3 .choice-help { display:none; }

  .variant-4 .hero-offer { top:64% !important;width:142px !important; }
  .variant-4 .offer { display:none; }
  .variant-4 .offer.apex,.variant-4 .offer.mad { display:flex;width:82px !important;opacity:.7; }
  .variant-4 .offer.apex { left:3%;top:67%; }
  .variant-4 .offer.mad { left:auto;right:3%;top:67%; }
  .variant-4 .compare-panel { left:14px;right:14px;top:auto;bottom:103px;width:auto;padding:10px;border-radius:15px; }
  .variant-4 .compare-panel header small { display:none; }
  .variant-4 .compare-items { margin-top:8px;gap:5px; }
  .variant-4 .compare-items article { grid-template-columns:auto 1fr auto;justify-items:start;padding:7px;gap:6px;text-align:left; }
  .variant-4 .compare-items article img { max-width:52px;height:18px; }
  .variant-4 .compare-items article b { font-size:9px; }
  .variant-4 .compare-items article small { font-size:5px; }
  .variant-4 .compare-items article button { padding:6px;font-size:5px; }
  .variant-4 .mobile-swipe { display:none; }

  .variant-5 .choice-help { display:none; }
  .variant-5 .hero-offer { top:68% !important;width:174px !important; }
  .variant-5 .offer { width:74px !important;opacity:.44; }
  .variant-5 .offer.one { left:-6%;top:67%; }
  .variant-5 .offer.apex { left:3%;top:80%; }
  .variant-5 .offer.norm { left:25%;top:84%; }
  .variant-5 .offer.riobet { left:auto;right:25%;top:84%; }
  .variant-5 .offer.mad { left:auto;right:3%;top:80%; }
  .variant-5 .offer.seven { left:auto;right:-6%;top:67%; }
  .variant-5 .offer.spinto { display:none; }
  .variant-5 .stepper { left:50%;top:auto;bottom:102px;transform:translateX(-50%); }
  .variant-5 .stepper button { width:34px;height:34px; }
  .variant-5 .mobile-swipe { display:none; }
}

@media (min-width: 1900px) {
  .scene { background-position: 60% center; }
  .copy { width:30vw; }
  .variant-1 .offer.one { left:38%; }
  .variant-1 .offer.apex { left:46%; }
  .variant-1 .offer.norm { left:50%; }
}