/* =========================================================
   CONTENT CAFE — css/dubai-offer.css
   DUBAI OFFER page only (dubai-offer.html): full-screen hero.
   Needs base.css loaded first.
   ========================================================= */

.dubai-hero { min-height: clamp(460px, 72vh, 700px); display: grid; align-content: center; padding-block: clamp(50px, 9vw, 110px); }
.mascot-hero { display: block; width: clamp(54px, 6vw, 68px); height: clamp(68px, 7.6vw, 86px); margin: 0 auto 30px; animation: bob 3.2s ease-in-out infinite; }
.dubai-hero .display { max-width: 860px; margin-inline: auto; margin-bottom: 18px; }
.dubai-hero .script { font-size: clamp(1.3rem, 3.4vw, 2.1rem); margin-bottom: 30px; }
@keyframes bob { 50% { transform: translateY(-8px); } }

/* ---------- RESPONSIVE (dubai offer) ---------- */
@media (prefers-reduced-motion: reduce) { .mascot-hero { animation: none; } }