/* Shared navigation and the Fun Stuff landing page. */
.site-nav a[aria-current="page"] { color: #ffc16a; text-shadow: 0 0 14px rgba(255,148,37,.8); }
.hero--fun { min-height: 620px; padding-top: clamp(24px,3.5vw,48px); padding-bottom: clamp(55px,6vw,85px); }
.hero--fun .hero-logo-frame { width: min(730px,94vw); }
.hero--fun .hero-tagline { font-size: clamp(57px,7.8vw,99px); }
.hero--fun .hero-actions { margin-top: 31px; }
.fun-intro,.fun-callout,.roulette,.bingo,.trivia-teaser,.photo-booth { scroll-margin-top: 24px; }
.fun-intro { position: relative; background: radial-gradient(circle at 13% 8%,rgba(167,58,244,.22),transparent 38%),#090413; }
.fun-intro__heading { max-width: 1120px; margin: 0 auto 37px; }
.fun-intro__heading .eyebrow { color: var(--lime); }
.fun-intro__heading h2 { margin: 6px 0 15px; color: #fff; font: 900 clamp(74px,11vw,140px)/.83 var(--display); text-transform: uppercase; text-shadow: 0 0 25px rgba(213,63,255,.48); }
.fun-intro__heading h2 em { color: #ffb858; font-style: normal; text-shadow: 0 0 18px rgba(255,142,30,.88); }
.fun-intro__heading > p:last-child { max-width: 670px; color: #ebdaef; font: 650 clamp(22px,2.4vw,28px)/1.15 var(--display); }
.fun-intro__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; max-width: 1120px; margin: auto; }
.fun-intro__grid a { display: flex; flex-direction: column; justify-content: space-between; min-height: 175px; padding: 24px 20px; border: 1px solid rgba(213,107,255,.7); border-radius: 15px; color: #fff; background: linear-gradient(145deg,rgba(68,20,98,.86),rgba(12,6,28,.94)); box-shadow: inset 0 0 17px rgba(204,79,255,.12),0 0 15px rgba(141,36,206,.21); transition: transform .2s,box-shadow .2s,border-color .2s; }
.fun-intro__grid a:nth-child(2) { border-color: rgba(255,172,69,.7); }
.fun-intro__grid a:nth-child(3) { border-color: rgba(112,206,255,.7); }
.fun-intro__grid a:nth-child(4) { border-color: rgba(203,255,116,.7); }
.fun-intro__grid a:nth-child(5) { border-color: rgba(243,107,225,.7); }
.fun-intro__grid a:nth-child(6) { border-color: rgba(255,212,120,.7); }
.fun-intro__grid a:hover,.fun-intro__grid a:focus-visible { transform: translateY(-5px); border-color: #fff; box-shadow: 0 0 22px rgba(208,84,255,.55); }
.fun-intro__grid span { color: var(--lime); font: 900 16px/1 var(--display); letter-spacing: .13em; }
.fun-intro__grid strong { display: block; margin: 16px 0 10px; font: 900 clamp(27px,2.8vw,38px)/.91 var(--display); text-transform: uppercase; }
.fun-intro__grid small { color: #e9d6f1; font: 700 17px/1.12 var(--display); }
.fun-callout { position: relative; background: radial-gradient(circle at 82% 50%,rgba(136,38,213,.26),transparent 43%),#07030f; }
.fun-callout__inner { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); align-items: center; gap: clamp(30px,5vw,75px); max-width: 1220px; margin: auto; }
.fun-callout .eyebrow { color: var(--lime); }
.fun-callout h2 { margin: 9px 0 19px; color: #fff; font: 900 clamp(67px,8vw,109px)/.82 var(--display); text-transform: uppercase; text-shadow: 0 0 25px rgba(229,81,255,.45); }
.fun-callout h2 em { color: #ffb44e; font-style: normal; text-shadow: 0 0 20px rgba(255,124,24,.84); }
.fun-callout p:not(.eyebrow) { max-width: 530px; margin-bottom: 26px; color: #f1e0f4; font: 650 clamp(21px,2.4vw,27px)/1.15 var(--display); }
.fun-callout__tiles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; transform: rotate(3deg); }
.fun-callout__tiles span { display: grid; place-items: center; min-height: clamp(145px,15vw,202px); padding: 20px; border: 2px solid #c967fd; border-radius: 18px; color: #fff; background: linear-gradient(150deg,#321046,#10051e); box-shadow: 0 0 20px rgba(180,57,237,.38),inset 0 0 24px rgba(200,73,255,.13); text-align: center; font: 900 clamp(29px,3.3vw,43px)/.92 var(--display); text-transform: uppercase; text-shadow: 0 0 14px rgba(245,126,255,.6); }
.fun-callout__tiles span:nth-child(2) { border-color: #ffaf4c; color: #ffe2aa; box-shadow: 0 0 22px rgba(255,138,36,.3); }
.fun-callout__tiles span:nth-child(3) { border-color: #73d3ff; color: #cbf0ff; box-shadow: 0 0 22px rgba(56,181,255,.3); }
.fun-callout__tiles span:nth-child(4) { border-color: #aeef7a; color: #e3ffd2; box-shadow: 0 0 22px rgba(143,244,75,.28); }
@media (max-width: 950px) {
  .fun-intro__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fun-callout__inner { grid-template-columns: 1fr; }
  .fun-callout__tiles { max-width: 650px; transform: none; }
}
@media (max-width: 580px) {
  .hero--fun { min-height: 0; padding-top: 35px; }
  .hero--fun .hero-logo-frame { width: 100%; }
  .hero--fun .hero-tagline { font-size: clamp(49px,10.5vw,69px); }
  .fun-intro__heading h2 { font-size: clamp(69px,16vw,96px); }
  .fun-intro__grid { grid-template-columns: 1fr; gap: 12px; }
  .fun-intro__grid a { min-height: 115px; padding: 18px 19px; }
  .fun-intro__grid strong { margin: 10px 0 5px; }
  .fun-callout h2 { font-size: clamp(60px,13vw,80px); }
  .fun-callout__tiles { gap: 10px; }
  .fun-callout__tiles span { min-height: 120px; padding: 9px; font-size: clamp(24px,7vw,35px); }
}
@media (prefers-reduced-motion: reduce) { .fun-intro__grid a { transition: none; } }