/* casinoplus.event.com.ph — landing additions on top of the base main.css. */

html.age-ok .gate { display: none; }

/* Hero */
.lp-hero__kicker { position: relative; font-weight: 800; font-stretch: 80%; text-transform: uppercase; letter-spacing: .06em; font-size: .85rem; color: var(--ink-2); }
/* Base .hero__title is a single nowrap line sized for a full-width tarp; here the tarp is one column. */
.hero__title.lp-hero__title { white-space: normal; font-size: min(calc(100cqi / 6.4), 6rem); }
.hero__title.lp-hero__title span { display: block; white-space: nowrap; }
.lp-hero__facts { position: relative; display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 22px; padding-top: 16px; border-top: 1.5px dashed rgba(21, 18, 10, .32); font-weight: 700; font-size: .92rem; color: var(--ink); }
.lp-hero__facts b { display: inline-block; min-width: 2.2em; margin-right: 6px; padding: 2px 7px; border-radius: var(--r-xs); background: var(--vinyl-ink); color: var(--tarp); font-weight: 900; font-stretch: 70%; text-align: center; }

.lp-stack { position: relative; min-height: 300px; margin-top: 10px; }
.lp-stack__card {
  position: absolute; width: 58%; max-width: 280px; height: auto; aspect-ratio: 1 / 1; object-fit: cover;
  border-radius: var(--r); border: 4px solid var(--vinyl); box-shadow: 0 22px 40px -18px rgba(0, 0, 0, .8);
}
.lp-stack__card--1 { left: 2%; top: 26px; transform: rotate(-7deg); z-index: 1; }
.lp-stack__card--2 { left: 50%; top: 0; transform: translateX(-50%) rotate(2deg); z-index: 3; }
.lp-stack__card--3 { right: 2%; top: 40px; transform: rotate(8deg); z-index: 2; }
.lp-stack__tag { position: absolute; left: 50%; bottom: 0; z-index: 4; transform: translateX(-50%) rotate(-3deg); }

@media (min-width: 600px) { .lp-stack { min-height: 360px; } .lp-stack__card { width: 46%; } }
@media (min-width: 900px) {
  .lp-stack { min-height: 0; margin-top: 0; }
  .lp-stack__card { width: 64%; max-width: 300px; }
  .lp-stack__card--1 { left: 0; top: 18%; }
  .lp-stack__card--2 { top: 2%; }
  .lp-stack__card--3 { right: 0; top: 30%; }
  .lp-stack__tag { bottom: 4%; }
}

/* How-to CTA row */
.lp-how__cta { display: flex; flex-wrap: wrap; gap: 10px; }