/* ============================================================
   FGTC — Fightin' Gator Touchdown Club
   Global Stylesheet — Light/Bold/Sporty Theme
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');

:root {
  --orange:  #f94c00;
  --orange-d:#d93e00;
  --green:   #01bb70;
  --blue:    #003a9d;
  --blue-d:  #002878;
  --black:   #111111;
  --white:   #ffffff;
  --off:     #f5f5f3;
  --light:   #ececea;
  --mid:     #888;
  --dark:    #2a2a2a;
  --text:    #1a1a1a;
  --border:  #e0e0de;
  --shadow:  0 4px 32px rgba(0,0,0,0.10);
  --shadow-lg: 0 12px 60px rgba(0,0,0,0.14);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
  font-family:'Open Sans', sans-serif;
  background: var(--white);
  color: var(--text);
  overflow-x: hidden;
  font-size: 17px;
  line-height: 1.75;
}

/* ── TYPOGRAPHY ─────────────────────────────────────────── */
h1,h2,h3,h4 {
  font-family:'Oswald', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  line-height:.92;
}

/* ── NAV ────────────────────────────────────────────────── */
.site-nav {
  position:fixed; top:0; left:0; right:0; z-index:200;
  background: var(--white);
  border-bottom: 3px solid var(--orange);
  box-shadow: 0 2px 20px rgba(0,0,0,0.08);
  height:70px;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 48px;
}
.nav-brand {
  display:flex; align-items:center; gap:14px; text-decoration:none;
}
.nav-brand-logo {
  width:46px; height:46px;
  background: var(--orange);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; font-weight:900; color:white;
  flex-shrink:0;
}
.nav-brand-text {
  font-family:'Oswald',sans-serif;
  font-weight:900; font-size:18px;
  text-transform:uppercase; letter-spacing:1px;
  color: var(--black); line-height:1.1;
}
.nav-brand-text span { color:var(--orange); display:block; font-size:12px; letter-spacing:3px; font-weight:700; }
.nav-links {
  display:flex; align-items:center; gap:4px;
}
.nav-links a {
  font-family:'Oswald',sans-serif;
  font-weight:700; font-size:15px; letter-spacing:1px;
  text-transform:uppercase; text-decoration:none;
  color: var(--dark); padding:8px 14px;
  border-radius:3px; transition:.2s;
}
.nav-links a:hover { color:var(--orange); background:rgba(249,76,0,.07); }
.nav-links a.active { color:var(--orange); }
.nav-cta {
  background:var(--orange) !important; color:white !important;
  padding:10px 22px !important; border-radius:3px;
}
.nav-cta:hover { background:var(--orange-d) !important; }

/* ── PAGE WRAPPER ───────────────────────────────────────── */
.page-wrap { padding-top:70px; }

/* ── SECTION BASE ───────────────────────────────────────── */
.section { padding:96px 64px; }
.section--white  { background:var(--white); }
.section--off    { background:var(--off); }
.section--blue   { background:var(--blue); color:white; }
.section--orange { background:var(--orange); color:white; }
.section--dark   { background:var(--black); color:white; }

.container { max-width:1200px; margin:0 auto; }

/* ── LABELS / EYEBROWS ──────────────────────────────────── */
.eyebrow {
  display:inline-flex; align-items:center; gap:10px;
  font-family:'Oswald',sans-serif;
  font-weight:700; font-size:11px; letter-spacing:4px;
  text-transform:uppercase; color:var(--orange);
  margin-bottom:12px;
}
.eyebrow::before { content:''; width:28px; height:2px; background:var(--orange); flex-shrink:0; }
.eyebrow--white { color:white; }
.eyebrow--white::before { background:white; }
.eyebrow--blue { color:var(--blue); }
.eyebrow--blue::before { background:var(--blue); }

/* ── SECTION TITLES ─────────────────────────────────────── */
.section-title { font-size:clamp(38px,5vw,68px); color:var(--black); margin-bottom:20px; }
.section-title--white { color:white; }
.section-title span { color:var(--orange); }
.section-title--white span { color:#ffb380; }

.section-sub {
  font-size:18px; color:#555; line-height:1.8;
  max-width:580px;
}
.section-sub--white { color:rgba(255,255,255,.75); }

/* ── BUTTONS ────────────────────────────────────────────── */
.btn {
  display:inline-block; text-decoration:none; border:none; cursor:pointer;
  font-family:'Oswald',sans-serif; font-weight:800;
  font-size:15px; letter-spacing:2px; text-transform:uppercase;
  padding:14px 32px; border-radius:3px; transition:.2s;
  line-height:1;
}
.btn--orange { background:var(--orange); color:white; }
.btn--orange:hover { background:var(--orange-d); transform:translateY(-2px); box-shadow:0 8px 24px rgba(249,76,0,.3); }
.btn--blue   { background:var(--blue); color:white; }
.btn--blue:hover   { background:var(--blue-d); transform:translateY(-2px); }
.btn--white  { background:white; color:var(--orange); }
.btn--white:hover  { background:var(--off); transform:translateY(-2px); }
.btn--outline-white { background:transparent; color:white; border:2px solid rgba(255,255,255,.5); }
.btn--outline-white:hover { border-color:white; background:rgba(255,255,255,.1); }
.btn--outline-orange { background:transparent; color:var(--orange); border:2px solid var(--orange); }
.btn--outline-orange:hover { background:var(--orange); color:white; }
.btn--lg { font-size:17px; padding:17px 40px; }
.btn--full { display:block; text-align:center; width:100%; }

/* ── HERO (PAGE INTERIOR) ───────────────────────────────── */
.page-hero {
  position:relative; overflow:hidden;
  background:var(--blue);
  min-height:360px; display:flex; align-items:flex-end;
  padding:0 64px 64px;
}
.page-hero__bg {
  position:absolute; inset:0;
  background:linear-gradient(125deg, var(--blue) 0%, var(--blue-d) 50%, #00194a 100%);
}
.page-hero__pattern {
  position:absolute; inset:0;
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 48px, rgba(255,255,255,.04) 48px, rgba(255,255,255,.04) 50px),
    repeating-linear-gradient(90deg, transparent, transparent 48px, rgba(255,255,255,.04) 48px, rgba(255,255,255,.04) 50px);
}
.page-hero__slash {
  position:absolute; right:0; top:0; bottom:0; width:40%;
  background:var(--orange);
  clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);
  opacity:.12;
}
.page-hero__content { position:relative; z-index:2; }
.page-hero__eyebrow { color:rgba(255,255,255,.65); font-family:'Oswald',sans-serif; font-weight:700; font-size:11px; letter-spacing:4px; text-transform:uppercase; margin-bottom:10px; display:flex; align-items:center; gap:10px; }
.page-hero__eyebrow::before { content:''; width:28px; height:2px; background:rgba(255,255,255,.4); }
.page-hero__title { font-size:clamp(56px,8vw,100px); color:white; line-height:.9; }
.page-hero__title span { color:#ffb380; }

/* ── STAT BAR ───────────────────────────────────────────── */
.stat-bar {
  background:var(--orange); padding:0 64px;
  display:flex; gap:0;
  overflow:hidden;
}
.stat-bar__item {
  flex:1; padding:32px 40px;
  border-right:1px solid rgba(255,255,255,.2);
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.stat-bar__item:last-child { border-right:none; }
.stat-bar__num {
  font-family:'Oswald',sans-serif;
  font-weight:900; font-size:44px; color:white; line-height:1;
}
.stat-bar__label {
  font-size:11px; letter-spacing:3px; text-transform:uppercase;
  color:rgba(255,255,255,.75); margin-top:4px;
}

/* ── CARDS ──────────────────────────────────────────────── */
.card {
  background:white; border:1px solid var(--border);
  box-shadow: var(--shadow);
  overflow:hidden; transition:.25s;
  border-radius:2px;
}
.card:hover { box-shadow:var(--shadow-lg); transform:translateY(-4px); }

/* event card */
.event-card { cursor:pointer; }
.event-card__img {
  height:200px; overflow:hidden; position:relative;
  background:var(--light);
  display:flex; align-items:center; justify-content:center;
  font-size:72px;
}
.event-card__date-badge {
  position:absolute; top:0; left:0;
  background:var(--orange); color:white;
  padding:10px 16px;
  font-family:'Oswald',sans-serif;
  font-weight:900; font-size:13px; letter-spacing:1px; text-align:center;
}
.event-card__date-badge span { display:block; font-size:28px; line-height:1; }
.event-card__body { padding:24px; }
.event-card__tag {
  font-family:'Oswald',sans-serif;
  font-weight:700; font-size:10px; letter-spacing:3px;
  text-transform:uppercase; color:var(--green);
  margin-bottom:6px;
}
.event-card__title {
  font-family:'Oswald',sans-serif;
  font-weight:900; font-size:22px; text-transform:uppercase;
  color:var(--black); margin-bottom:10px; line-height:1.05;
}
.event-card__meta { font-size:13px; color:var(--mid); line-height:1.6; }
.event-card__footer {
  padding:16px 24px;
  border-top:1px solid var(--border);
  display:flex; align-items:center; justify-content:space-between;
  background:var(--off);
}
.event-card__price {
  font-family:'Oswald',sans-serif;
  font-weight:900; font-size:22px; color:var(--orange);
}

/* ── FORM ELEMENTS ──────────────────────────────────────── */
.form-group { margin-bottom:20px; }
.form-label {
  display:block;
  font-family:'Oswald',sans-serif;
  font-weight:700; font-size:11px; letter-spacing:3px;
  text-transform:uppercase; color:var(--mid); margin-bottom:7px;
}
.form-input, .form-select {
  width:100%; background:white;
  border:2px solid var(--border);
  color:var(--text); padding:13px 16px;
  font-family:'Open Sans',sans-serif; font-size:15px;
  border-radius:3px; outline:none; transition:.2s;
  appearance:none;
}
.form-input:focus, .form-select:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(249,76,0,.1); }
.form-input::placeholder { color:#bbb; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }

/* ── BADGE ──────────────────────────────────────────────── */
.badge {
  display:inline-block; padding:4px 12px;
  font-family:'Oswald',sans-serif;
  font-weight:700; font-size:10px; letter-spacing:3px;
  text-transform:uppercase; border-radius:2px;
}
.badge--green  { background:rgba(1,187,112,.12); color:var(--green); }
.badge--orange { background:rgba(249,76,0,.1); color:var(--orange); }
.badge--blue   { background:rgba(0,58,157,.1); color:var(--blue); }
.badge--dark   { background:var(--dark); color:white; }

/* ── DIVIDER ────────────────────────────────────────────── */
.divider { height:1px; background:var(--border); margin:24px 0; }

/* ── FOOTER ─────────────────────────────────────────────── */
.site-footer {
  background:var(--black); color:white;
  padding:72px 64px 36px;
  border-top:4px solid var(--orange);
}
.footer-grid {
  display:grid; grid-template-columns:2.2fr 1fr 1fr 1fr;
  gap:56px; margin-bottom:56px;
}
.footer-brand {
  font-family:'Oswald',sans-serif;
  font-weight:900; font-size:22px; text-transform:uppercase;
  letter-spacing:1px; margin-bottom:14px; color:white;
}
.footer-brand span { color:var(--orange); }
.footer-desc { font-size:14px; color:#fff; line-height:1.75; }
.footer-contact { font-size:13px; color:#fff; margin-top:20px; line-height:1.75; }
.footer-contact a { color:var(--orange); text-decoration:none; }
.footer-col-title {
  font-family:'Oswald',sans-serif;
  font-weight:800; font-size:11px; letter-spacing:4px;
  text-transform:uppercase; color:var(--orange); margin-bottom:18px;
}
.footer-links { list-style:none; }
.footer-links li { margin-bottom:10px; }
.footer-links a { font-size:14px; color:#fff; text-decoration:none; transition:.2s; }
.footer-links a:hover { color:var(--orange); }
.footer-bottom {
  border-top:1px solid #1e1e1e; padding-top:24px;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
}
.footer-copy { font-size:13px; color:#efefef; }

/* ── UTILITY ────────────────────────────────────────────── */
.flex         { display:flex; }
.flex-center  { display:flex; align-items:center; justify-content:center; }
.flex-between { display:flex; align-items:center; justify-content:space-between; }
.gap-8  { gap:8px; }
.gap-12 { gap:12px; }
.gap-16 { gap:16px; }
.gap-24 { gap:24px; }
.gap-32 { gap:32px; }
.gap-48 { gap:48px; }
.mt-8   { margin-top:8px; }
.mt-16  { margin-top:16px; }
.mt-24  { margin-top:24px; }
.mt-32  { margin-top:32px; }
.mt-48  { margin-top:48px; }
.mt-64  { margin-top:64px; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.w-full { width:100%; }
.text-center { text-align:center; }
.text-orange { color:var(--orange); }
.text-blue   { color:var(--blue); }
.text-green  { color:var(--green); }
.text-mid    { color:var(--mid); }

/* ── ANIMATIONS ─────────────────────────────────────────── */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}
.fade-up { animation: fadeUp .55s ease both; }
.fade-up-d1 { animation-delay:.1s; }
.fade-up-d2 { animation-delay:.2s; }
.fade-up-d3 { animation-delay:.3s; }

@keyframes slideRight {
  from { transform:scaleX(0); }
  to   { transform:scaleX(1); }
}
.underline-animate {
  display:inline-block; position:relative;
}
.underline-animate::after {
  content:''; position:absolute; bottom:-4px; left:0; right:0;
  height:4px; background:var(--orange);
  transform-origin:left;
  animation: slideRight .6s .3s ease both;
}

/* ── TICKER BANNER ──────────────────────────────────────── */
.ticker {
  background:var(--orange); padding:10px 0;
  overflow:hidden; white-space:nowrap;
}
.ticker__inner {
  display:inline-block;
  animation: ticker 30s linear infinite;
  font-family:'Oswald',sans-serif;
  font-weight:800; font-size:14px; letter-spacing:3px;
  text-transform:uppercase; color:white;
}
@keyframes ticker {
  from { transform:translateX(0); }
  to   { transform:translateX(-50%); }
}

/* ── ORANGE ACCENT BAR ──────────────────────────────────── */
.accent-bar {
  width:56px; height:5px; background:var(--orange);
  border-radius:2px; margin-bottom:20px;
}

/* ── MEMBERSHIP CARD ────────────────────────────────────── */
.mem-card {
  background:white; border:2px solid var(--border);
  border-radius:2px; overflow:hidden; transition:.25s;
  display:flex; flex-direction:column;
}
.mem-card:hover { border-color:var(--orange); transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.mem-card--featured { border-color:var(--orange); }
.mem-card__header { padding:32px 32px 28px; background:var(--off); border-bottom:2px solid var(--border); }
.mem-card--featured .mem-card__header { background:var(--orange); border-bottom:none; }
.mem-card--featured .mem-card__header * { color:white !important; }
.mem-card__tag {
  font-family:'Oswald',sans-serif;
  font-weight:700; font-size:10px; letter-spacing:4px;
  text-transform:uppercase; color:var(--orange); margin-bottom:8px;
}
.mem-card__name {
  font-family:'Oswald',sans-serif;
  font-weight:900; font-size:28px; text-transform:uppercase;
  color:var(--black); margin-bottom:12px;
}
.mem-card__price {
  font-family:'Oswald',sans-serif;
  font-weight:900; font-size:52px; color:var(--orange);
  line-height:1;
}
.mem-card__per { font-size:14px; color:var(--mid); margin-top:2px; }
.mem-card__body { padding:32px; flex:1; }
.mem-card__feature {
  display:flex; align-items:center; gap:12px;
  padding:10px 0; border-bottom:1px solid var(--border);
  font-size:15px; color:var(--text);
}
.mem-card__feature:last-child { border-bottom:none; }
.mem-card__check { color:var(--green); font-size:15px; flex-shrink:0; }
.mem-card__x     { color:#ccc; font-size:15px; flex-shrink:0; }
.mem-card__footer { padding:0 32px 32px; }
.mem-card__popular-badge {
  background:var(--green); color:white;
  font-family:'Oswald',sans-serif;
  font-weight:700; font-size:10px; letter-spacing:3px;
  text-transform:uppercase;
  padding:5px 16px; display:inline-block; margin-bottom:12px;
}

/* ── CTA BAND ────────────────────────────────────────────── */
.cta-band {
  background:var(--orange); padding:72px 64px;
  display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;
}
.cta-band--blue { background:var(--blue); }
.cta-band__title {
  font-family:'Oswald',sans-serif;
  font-weight:900; font-size:clamp(36px,4vw,56px);
  text-transform:uppercase; color:white; line-height:.95;
}
.cta-band__sub { font-size:16px; color:rgba(255,255,255,.8); margin-top:8px; }
.cta-band__btns { display:flex; gap:16px; flex-wrap:wrap; }

/* ── DETAIL ROW ─────────────────────────────────────────── */
.detail-row {
  display:flex; align-items:center; gap:16px;
  padding:14px 0; border-bottom:1px solid var(--border);
}
.detail-row:last-child { border-bottom:none; }
.detail-icon { font-size:18px; width:28px; text-align:center; flex-shrink:0; }
.detail-label { font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--mid); width:70px; flex-shrink:0; font-family:'Oswald',sans-serif; font-weight:700; }
.detail-val { font-size:15px; color:var(--text); font-weight:600; }

/* ── TIMELINE ───────────────────────────────────────────── */
.timeline { position:relative; padding-left:40px; }
.timeline::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(to bottom, var(--orange), var(--blue)); }
.timeline__item { position:relative; margin-bottom:44px; }
.timeline__item::before { content:''; position:absolute; left:-47px; top:8px; width:16px; height:16px; border-radius:50%; background:var(--orange); border:3px solid white; box-shadow:0 0 0 3px var(--orange); }
.timeline__year { font-family:'Oswald',sans-serif; font-weight:900; font-size:38px; color:var(--orange); line-height:1; margin-bottom:4px; }
.timeline__text { font-size:16px; color:#555; line-height:1.7; }

/* ── PILLAR CARD ────────────────────────────────────────── */
.pillar {
  background:white; padding:40px;
  border-top:4px solid var(--orange);
  box-shadow: var(--shadow);
}
.pillar__icon { font-size:44px; margin-bottom:18px; }
.pillar__title { font-family:'Oswald',sans-serif; font-weight:900; font-size:24px; text-transform:uppercase; color:var(--black); margin-bottom:12px; }
.pillar__text { font-size:15px; color:#666; line-height:1.7; }

/* ── SPONSOR TIER CARD ──────────────────────────────────── */
.sponsor-tier {
  border:2px solid var(--border); padding:40px;
  text-align:center; transition:.25s;
}
.sponsor-tier:hover { border-color:var(--orange); box-shadow:var(--shadow-lg); }
.sponsor-tier__name { font-family:'Oswald',sans-serif; font-weight:900; font-size:24px; text-transform:uppercase; color:var(--black); margin:12px 0 8px; }
.sponsor-tier__price { font-family:'Oswald',sans-serif; font-weight:900; font-size:48px; color:var(--orange); line-height:1; }
.sponsor-tier__desc { font-size:14px; color:var(--mid); margin:12px 0 24px; line-height:1.6; }

/* ── MERCH CARD ─────────────────────────────────────────── */
.merch-card { cursor:pointer; }
.merch-card__img { height:260px; background:var(--light); display:flex; align-items:center; justify-content:center; font-size:80px; overflow:hidden; transition:.35s; }
.merch-card:hover .merch-card__img { background:#e8e8e6; transform:scale(1.02); }
.merch-card__body { padding:20px 24px; }
.merch-card__cat { font-family:'Oswald',sans-serif; font-weight:700; font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--green); margin-bottom:5px; }
.merch-card__name { font-family:'Oswald',sans-serif; font-weight:900; font-size:20px; text-transform:uppercase; color:var(--black); margin-bottom:14px; line-height:1.1; }
.merch-card__row { display:flex; align-items:center; justify-content:space-between; }
.merch-card__price { font-family:'Oswald',sans-serif; font-weight:900; font-size:28px; color:var(--orange); }

/* ── ORDER SUMMARY ──────────────────────────────────────── */
.order-summary { background:var(--off); border:2px solid var(--border); padding:32px; position:sticky; top:90px; }
.order-summary__title { font-family:'Oswald',sans-serif; font-weight:800; font-size:13px; letter-spacing:3px; text-transform:uppercase; color:var(--mid); margin-bottom:20px; }
.order-line { display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid var(--border); font-size:15px; }
.order-line:last-child { border-bottom:none; }
.order-total { display:flex; justify-content:space-between; align-items:baseline; padding:20px 0 0; }
.order-total__label { font-family:'Oswald',sans-serif; font-weight:800; font-size:16px; text-transform:uppercase; color:var(--black); }
.order-total__price { font-family:'Oswald',sans-serif; font-weight:900; font-size:40px; color:var(--orange); }

/* ── SECURE BADGES ──────────────────────────────────────── */
.secure-row { display:flex; gap:16px; margin-top:12px; flex-wrap:wrap; }
.secure-badge { display:flex; align-items:center; gap:6px; font-size:11px; color:#aaa; letter-spacing:1px; }

/* ── NAV ACTIVE STATE HELPER ────────────────────────────── */
nav a[href="index.html"]:not([href=""]),
nav a.active { color:var(--orange) !important; }

/* ── LOGO IMAGES ────────────────────────────────────────── */
.nav-logo-img {
  height:54px; width:auto; display:block;
  object-fit:contain;
}
.nav-login { color:#999 !important; font-size:14px !important; }
.footer-logo-img {
  height:80px; width:auto; display:block;
  margin-bottom:20px; object-fit:contain;
}
.footer-inner { max-width:1400px; margin:0 auto; }

/* ── PHOTO GRID (about pillars, join benefits) ─────────── */
.photo-card {
  position:relative; overflow:hidden;
  border-radius:2px;
}
.photo-card img {
  width:100%; height:280px; object-fit:cover; display:block;
  transition:transform .4s ease;
}
.photo-card:hover img { transform:scale(1.04); }
.photo-card__label {
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(to top, rgba(0,0,0,.75), transparent);
  padding:32px 20px 18px;
  font-family:'Oswald',sans-serif; font-weight:700; font-size:18px;
  text-transform:uppercase; color:white; letter-spacing:1px;
}
.photo-card__label span { display:block; font-family:'Open Sans',sans-serif; font-size:13px; font-weight:400; text-transform:none; letter-spacing:0; color:rgba(255,255,255,.8); margin-top:4px; }

/* ── REAL IMAGE HERO BG ─────────────────────────────────── */
.hero-img-bg {
  position:absolute; inset:0;
  background-size:cover; background-position:center;
}
.hero-img-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to right, rgba(0,0,0,.72) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.1) 100%);
}

/* ── EVENT IMAGE ─────────────────────────────────────────── */
.event-card__img img {
  width:100%; height:100%; object-fit:cover; display:block;
}
.event-card__img { position:relative; overflow:hidden; }

/* ── ABOUT IMG REAL ──────────────────────────────────────── */
.about-strip__img img {
  width:100%; height:100%; object-fit:cover; display:block;
}

/* ── SINGLE EVENT HERO BG ────────────────────────────────── */
.event-hero-photo {
  position:absolute; inset:0;
  background-size:cover; background-position:center top;
}
.event-hero-photo-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to right, rgba(200,60,0,.88) 0%, rgba(180,50,0,.6) 50%, rgba(0,0,0,.3) 100%);
}