.events-hero { min-height: 720px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.events-hero .event-hero-image { object-position: center 46%; }
.events-hero h1 { max-width: 960px; font-size: clamp(4.6rem, 9vw, 8.2rem); }

.events-directory { padding-block: 120px; }
.events-directory-heading { display: grid; grid-template-columns: 1fr .55fr; gap: 70px; align-items: end; margin-bottom: 52px; }
.events-directory-heading > p { margin: 0; color: var(--muted); }
.events-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px; }
.events-card { position: relative; min-height: 430px; display: flex; align-items: end; padding: 34px; border-radius: 18px; overflow: hidden; color: #fff; text-decoration: none; background: var(--navy); box-shadow: var(--shadow); }
.events-card.featured { grid-column: span 2; min-height: 560px; }
.events-card img, .events-card-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.events-card img { object-fit: cover; transition: transform .65s cubic-bezier(.2,.7,.2,1); }
.events-card:hover img { transform: scale(1.035); }
.events-card-shade { background: linear-gradient(0deg, rgba(5,13,39,.95), rgba(5,13,39,.08) 76%); }
.events-card > div { position: relative; z-index: 2; max-width: 620px; }
.events-card small { color: var(--gold); font-size: .66rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.events-card h3 { margin: 8px 0; font: 500 clamp(2.3rem, 5vw, 4rem)/1 var(--display); }
.events-card p { max-width: 540px; margin: 0 0 22px; color: rgba(255,255,255,.76); }
.events-card strong { font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 6px; }
.events-card.upcoming { align-items: center; background: linear-gradient(145deg, #16285b, #081331); }
.events-card.upcoming::before { position: absolute; right: -65px; top: -85px; width: 280px; aspect-ratio: 1; content: ""; border: 1px solid rgba(229,182,34,.22); border-radius: 50%; box-shadow: 0 0 0 30px rgba(229,182,34,.04), 0 0 0 60px rgba(229,182,34,.025); }

.picnic-section { padding-top: 120px; }
.picnic-viewport { min-height: 690px; background: #07152c; touch-action: pan-y; }
.picnic-viewport .event-slide img { object-fit: cover; }

.ceana-2026-directory-card img { object-position: center 42%; }
.ceana-2026-section {
  scroll-margin-top: 88px;
  background:
    radial-gradient(circle at 90% 8%, rgba(229,182,34,.12), transparent 32rem),
    linear-gradient(145deg, #07132f, #0d1d47 58%, #08142f);
}
.ceana-2026-viewport { min-height: 720px; background: #050d27; }
.ceana-2026-viewport { touch-action: pan-y; }
.ceana-2026-viewport .event-slide img { object-fit: contain; background: #050d27; }
.ceana-2026-toolbar { grid-template-columns: auto 1fr; }
.ceana-2026-toolbar .slide-count { display: inline; }
.ceana-2026-toolbar .slide-pause { grid-column: auto; justify-self: end; }
.ceana-2026-dots { display: none; }

.ceana-event-segment { padding-block: 120px; background: var(--paper); }
.ceana-segment-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 80px; align-items: center; }
.ceana-segment-image { min-height: 500px; border-radius: 18px 90px 18px 18px; overflow: hidden; box-shadow: var(--shadow); }
.ceana-segment-image img { width: 100%; height: 100%; object-fit: cover; }
.ceana-segment-grid h2 { margin-bottom: 25px; }
.ceana-segment-grid > div:last-child > p:not(.section-label) { color: #4e5870; font-size: 1.04rem; }

@media (max-width: 900px) {
  .events-directory-heading, .ceana-segment-grid { grid-template-columns: 1fr; gap: 40px; }
  .events-card { min-height: 380px; }
  .ceana-segment-image { min-height: 430px; }
}

@media (max-width: 760px) {
  .events-hero { min-height: 700px; }
  .events-hero .event-hero-image { object-position: 56% center; }
  .events-directory { padding-block: 82px; }
  .events-cards { grid-template-columns: 1fr; }
  .events-card.featured { grid-column: auto; min-height: 470px; }
  .events-card { min-height: 390px; padding: 25px; }
  .events-card h3 { font-size: 2.65rem; }
  .picnic-section { padding-top: 82px; }
  .picnic-viewport { min-height: 520px; }
  .ceana-2026-viewport { min-height: 560px; }
  .ceana-2026-toolbar { grid-template-columns: 1fr auto; }
  .ceana-2026-toolbar .slide-count { display: inline; }
  .ceana-2026-toolbar .slide-pause { grid-column: auto; justify-self: end; }
  .ceana-event-segment { padding-block: 82px; }
  .ceana-segment-image { min-height: 360px; border-radius: 14px 55px 14px 14px; }
}