/* Homepage additions; shared styles and logo assets stay unchanged. */
.season-pill{display:inline-block}
.hero-location{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.hero-location:hover{text-decoration-thickness:2px}
.selected-calendar-link{margin-top:-4px;color:var(--navy);font-size:.9rem}
.selected-calendar-link[hidden]{display:none}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px}
.faq-list summary::after{
  content:"";width:9px;height:9px;flex-shrink:0;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);transition:transform .2s ease;margin-right:3px;
}
.faq-list details[open] summary::after{transform:rotate(225deg)}
@media(prefers-reduced-motion:reduce){.faq-list summary::after{transition:none}}

/* Preserve the original photo; this override applies only to the homepage. */
.hero{background-color:var(--navy-deep)}
.hero-photo{
  left:38%;
  background-image:url("Images/catchlux-action-2026.svg");
  filter:brightness(1.18);
  background-position:center 34%;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%);
  mask-image:linear-gradient(to right,transparent 0%,#000 18%);
}
@media(max-width:720px){
  .hero-photo{
    left:0;
    background-size:auto 130%;
    background-position:center 34%;
    -webkit-mask-image:none;
    mask-image:none;
  }
}

/* Keep strong contrast behind the copy while revealing more photo detail. */
@media(min-width:721px){
  .hero-shade{
    background:
      linear-gradient(90deg,rgba(5,41,90,.90) 0%,rgba(5,41,90,.78) 38%,rgba(5,41,90,.08) 74%,rgba(5,41,90,0) 100%),
      linear-gradient(0deg,rgba(5,41,90,.12),rgba(5,41,90,0) 45%);
  }
}
@media(max-width:720px){
  .hero-shade{
    background:linear-gradient(0deg,rgba(5,41,90,.96) 0%,rgba(5,41,90,.72) 52%,rgba(5,41,90,.02) 100%);
  }
}