/* ==========================================================================
   CHUTE - DESIGN SYSTEM  v2
   High-end, restrained-neon dark theme. Everything (glass, glow, gradients,
   buttons) derives from the tokens below.

   ▓▓▓  DO NOT RE-THEME HERE  ▓▓▓
   The live palette comes from brand.theme in /config/site.config.json and is
   appended to this stylesheet by the worker, so it overrides what follows.
   The values below are neutral FALLBACKS, used only if the config cannot be
   read. Change the config, not this block.
   ========================================================================== */

:root{
  /* ────────  THEME FALLBACKS  (live values come from site.config.json)  ──── */
  --accent:        #7c8894;   /* primary accent   */
  --accent-2:      #9aa6b2;   /* secondary pop    */
  --gold:          #c2ab7a;   /* money / highlight*/
  --bg:            #0a0b0e;   /* page base        */
  --bg-2:          #101218;   /* raised base      */
  /* ─────────────────────────────────────────────────────────────────────── */

  /* Derived surfaces */
  --panel:      rgba(255,255,255,.035);
  --panel-2:    rgba(255,255,255,.06);
  --line:       rgba(255,255,255,.09);
  --line-soft:  rgba(255,255,255,.05);
  --white:      #f4f6f9;
  --muted:      #9aa2b1;
  --muted-2:    #6b7180;

  /* Accent tints / glows (derived) */
  --accent-rgb:   124,136,148;
  --accent2-rgb:  154,166,178;
  --gold-rgb:     194,171,122;
  --glow-a:  0 0 22px rgba(var(--accent-rgb), .45);
  --glow-b:  0 0 22px rgba(var(--accent2-rgb), .40);

  /* Type */
  --font-head:  "Bebas Neue","Arial Narrow",sans-serif;
  --font-body:  "Barlow","Helvetica Neue",Arial,sans-serif;
  --font-script:"Caveat",cursive;

  /* Rhythm */
  --radius: 16px;
  --radius-sm: 11px;
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --maxw: 1220px;
}

/* ─────────────  RESET  ───────── */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--white);
  font-family:var(--font-body);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none;transition:color .25s var(--ease)}
a:hover{color:var(--accent-2)}
::selection{background:rgba(var(--accent-rgb),.3);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

/* ─────────────  ATMOSPHERE  (fixed background layers)  ───────── */
.bg-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:var(--bg)}
.bg-atmos .blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;
  will-change:transform;mix-blend-mode:screen}
.bg-atmos .b1{width:52vw;height:52vw;left:-10vw;top:-12vw;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.55),transparent 62%);
  animation:drift1 26s ease-in-out infinite}
.bg-atmos .b2{width:46vw;height:46vw;right:-12vw;top:24vh;
  background:radial-gradient(circle,rgba(var(--accent2-rgb),.42),transparent 62%);
  animation:drift2 32s ease-in-out infinite}
.bg-atmos .b3{width:40vw;height:40vw;left:24vw;bottom:-16vw;
  background:radial-gradient(circle,rgba(var(--gold-rgb),.16),transparent 60%);
  animation:drift3 38s ease-in-out infinite}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(8vw,6vh) scale(1.12)}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-7vw,-5vh) scale(1.08)}}
@keyframes drift3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-6vw,4vh) scale(1.15)}}
/* depth: soft color blooms + vignette + grain */
.bg-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(1100px 780px at 50% -10%, rgba(var(--accent-rgb),.08), transparent 60%),
    radial-gradient(880px 700px at 110% 6%, rgba(120,240,255,.05), transparent 58%),
    radial-gradient(1000px 820px at -12% 104%, rgba(var(--accent2-rgb),.07), transparent 60%),
    radial-gradient(ellipse 135% 100% at 50% 40%, transparent 50%, rgba(0,0,0,.6) 100%);}
.bg-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.4;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
/* cursor spotlight */
.cursor-glow{position:fixed;top:0;left:0;width:520px;height:520px;z-index:-1;pointer-events:none;
  transform:translate(-50%,-50%);border-radius:50%;opacity:0;transition:opacity .5s ease;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.10),transparent 60%)}

/* ─────────────  TYPOGRAPHY  ───────── */
h1,h2,h3,.display{font-family:var(--font-head);font-weight:400;letter-spacing:.02em;
  line-height:.98;text-transform:uppercase}
h1{font-size:clamp(2.9rem,8.5vw,6.4rem)}
h2{font-size:clamp(2rem,5vw,3.6rem)}
h3{font-size:clamp(1.35rem,3vw,1.9rem);letter-spacing:.03em}
p{color:#c6cbd6}
strong{color:var(--white)}
.lead{font-size:clamp(1.05rem,2vw,1.28rem);color:#cdd2dd;line-height:1.6}
.muted{color:var(--muted)}
.center{text-align:center}
.script{font-family:var(--font-script);text-transform:none;letter-spacing:0}

/* accent text - subtle glow, not garish */
.tx-accent{color:var(--accent)}
.tx-pink{color:var(--accent-2)}
.tx-gold{color:var(--gold)}
.glow-accent{color:var(--accent);text-shadow:0 0 24px rgba(var(--accent-rgb),.55)}
.glow-pink{color:var(--accent-2);text-shadow:0 0 24px rgba(var(--accent2-rgb),.5)}
/* gradient headline fill */
.grad{background:linear-gradient(100deg,var(--accent),#7ef0ff 40%,var(--accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 26px rgba(var(--accent-rgb),.25))}

/* ─────────────  LAYOUT  ───────── */
.section{padding:clamp(3.4rem,8vw,7rem) 0;position:relative}
.wrap{width:min(var(--maxw),92%);margin:0 auto;position:relative}
.divider{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--line),transparent)}

/* kicker + heading */
.kicker{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-body);
  font-size:.72rem;font-weight:700;letter-spacing:.34em;text-transform:uppercase;
  color:var(--accent);margin-bottom:1rem}
.kicker::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}
.section-title{margin-bottom:2.4rem}
.section-title.center{margin-inline:auto;max-width:760px}
.section-title.center .kicker{justify-content:center}
.section-title h2{margin-bottom:.7rem}
.section-title p{color:var(--muted);max-width:60ch}
.section-title.center p{margin-inline:auto}

/* ─────────────  BUTTONS  ───────── */
.btn{position:relative;display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--font-head);font-size:1.18rem;letter-spacing:.06em;text-transform:uppercase;
  padding:.72em 1.7em;border-radius:9px;cursor:pointer;border:1px solid transparent;
  color:#04110f;background:linear-gradient(180deg,#6ff2e6,var(--accent));
  box-shadow:0 8px 26px rgba(var(--accent-rgb),.32),inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),filter .3s;
  overflow:hidden;isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  transform:translateX(-130%);transition:transform .7s var(--ease)}
.btn:hover{transform:translateY(-2px);color:#04110f;
  box-shadow:0 14px 40px rgba(var(--accent-rgb),.5),inset 0 1px 0 rgba(255,255,255,.5)}
.btn:hover::after{transform:translateX(130%)}
.btn:active{transform:translateY(0)}
.btn-ghost{background:rgba(255,255,255,.03);color:var(--white);border-color:var(--line);
  box-shadow:none;backdrop-filter:blur(6px)}
.btn-ghost:hover{color:var(--white);border-color:rgba(var(--accent-rgb),.6);
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.35),0 10px 30px rgba(var(--accent-rgb),.14)}
.btn-pink{background:linear-gradient(180deg,#ff77ae,var(--accent-2));color:#1a0410;
  box-shadow:0 8px 26px rgba(var(--accent2-rgb),.32),inset 0 1px 0 rgba(255,255,255,.4)}
.btn-fb{background:linear-gradient(180deg,#3b8bff,#1877F2);color:#fff;box-shadow:0 8px 26px rgba(24,119,242,.34),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-fb:hover{filter:brightness(1.06)}
.btn-pink:hover{color:#1a0410;box-shadow:0 14px 40px rgba(var(--accent2-rgb),.5),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-sm{font-size:.98rem;padding:.55em 1.25em;border-radius:8px}
.btn-lg{font-size:1.4rem;padding:.72em 2em}

/* ─────────────  HEADER / NAV  ───────── */
.site-header{position:fixed;top:0;left:0;right:0;z-index:200;transition:all .4s var(--ease)}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;
  background:rgba(7,8,12,.72);backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid var(--line);transition:opacity .4s var(--ease)}
.site-header.scrolled::before{opacity:1}
.site-header.scrolled .nav-bar{padding:.5rem 0}
.nav-bar{display:flex;align-items:center;justify-content:space-between;
  width:min(1340px,94%);margin:0 auto;padding:1rem 0;gap:1rem;transition:padding .4s var(--ease)}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--white)}
.brand img{height:46px;width:auto;filter:drop-shadow(0 2px 10px rgba(var(--accent-rgb),.3))}
.brand .brand-text{font-family:var(--font-head);font-size:1.5rem;line-height:.9;letter-spacing:.04em}
.brand .brand-text span{display:block;font-size:.58rem;font-family:var(--font-body);
  font-weight:700;letter-spacing:.3em;color:var(--accent);text-transform:uppercase;margin-top:2px}
.nav-links{display:flex;align-items:center;gap:.35rem;list-style:none}
.nav-links a{position:relative;font-weight:600;font-size:.82rem;letter-spacing:.04em;
  color:#cfd3dc;text-transform:uppercase;padding:.5rem .7rem;border-radius:7px;transition:color .25s}
.nav-links a::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.28rem;height:1px;
  background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-cta{margin-left:.5rem}
.nav-toggle{display:none;background:rgba(255,255,255,.04);border:1px solid var(--line);
  color:var(--white);border-radius:9px;padding:.4rem .6rem;cursor:pointer;
  font-size:1.2rem;line-height:1;backdrop-filter:blur(6px)}

@media (max-width:1140px){
  .nav-toggle{display:flex;align-items:center}
  .nav-links{position:fixed;inset:0 0 0 auto;width:min(340px,82vw);flex-direction:column;
    align-items:stretch;gap:.15rem;padding:5.5rem 1.2rem 2rem;
    background:rgba(9,10,15,.94);backdrop-filter:blur(20px);border-left:1px solid var(--line);
    transform:translateX(100%);transition:transform .45s var(--ease-out);overflow:auto}
  .nav-links.open{transform:translateX(0)}
  .nav-links a{font-size:1rem;padding:.85rem 1rem}
  .nav-links a::after{display:none}
  .nav-cta{margin:.8rem 0 0}
  .nav-cta .btn{width:100%;justify-content:center}
  body.nav-open{overflow:hidden}
}

/* ─────────────  HERO  ───────── */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;
  text-align:center;overflow:hidden;padding:7rem 0 4rem}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.55}
.hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 60% at 50% 40%,transparent,rgba(7,8,12,.55) 90%),
    linear-gradient(180deg,rgba(7,8,12,.5),rgba(7,8,12,.2) 40%,var(--bg) 96%)}
/* giant watermark silhouette */
.hero-watermark{position:absolute;bottom:-4%;left:50%;transform:translateX(-50%);
  width:min(1150px,116%);opacity:.05;z-index:0;pointer-events:none;
  filter:drop-shadow(0 0 40px rgba(var(--accent-rgb),.4))}
.hero-inner{position:relative;z-index:3;width:min(1000px,92%)}
.hero-badge{display:inline-flex;align-items:center;gap:.6rem;font-size:.74rem;font-weight:700;
  letter-spacing:.24em;text-transform:uppercase;color:#dfe4ec;
  padding:.5rem 1.1rem;border-radius:99px;border:1px solid var(--line);
  background:rgba(255,255,255,.04);backdrop-filter:blur(8px);margin-bottom:1.7rem}
.hero-badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 10px var(--accent);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.hero h1{margin-bottom:1rem}
.hero h1 .line{display:block;overflow:hidden}
.hero h1 .line>span{display:inline-block}
.hero .tagline{font-family:var(--font-script);font-size:clamp(1.4rem,3.5vw,2.1rem);
  color:var(--gold);margin-bottom:2.2rem}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}
/* hero stat strip */
.hero-stats{display:flex;gap:clamp(1.4rem,5vw,3.6rem);justify-content:center;flex-wrap:wrap}
.hero-stats .stat{text-align:center}
.hero-stats .num{font-family:var(--font-head);font-size:clamp(2rem,4vw,2.9rem);
  line-height:1;color:#fff;letter-spacing:.02em}
.hero-stats .num .u{color:var(--accent)}
.hero-stats .lbl{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}
/* scroll cue */
.scroll-cue{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);z-index:3;
  font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);
  display:flex;flex-direction:column;align-items:center;gap:.5rem}
.scroll-cue .track{width:22px;height:36px;border:1px solid var(--line);border-radius:12px;position:relative}
.scroll-cue .track::after{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);
  width:3px;height:7px;border-radius:2px;background:var(--accent);animation:scrolldot 1.8s infinite}
@keyframes scrolldot{0%{opacity:0;top:6px}30%{opacity:1}70%{opacity:1}100%{opacity:0;top:20px}}

/* ─────────────  MARQUEE  ───────── */
.marquee-band{padding:2.4rem 0;position:relative;overflow:hidden;
  border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);
  background:rgba(255,255,255,.012)}
.marquee-band .eyebrow{text-align:center;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:1.6rem}
.marquee-mask{position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee{display:flex;width:max-content;gap:1.1rem;align-items:center;
  animation:marquee 48s linear infinite}
.marquee-band:hover .marquee{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sponsor-chip{display:flex;align-items:center;justify-content:center;height:76px;padding:0 1.3rem;
  min-width:150px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.06);
  box-shadow:0 6px 20px rgba(0,0,0,.35);transition:transform .3s var(--ease),box-shadow .3s}
.sponsor-chip:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(var(--accent-rgb),.25)}
.sponsor-chip img{max-height:52px;width:auto;object-fit:contain}
.sponsor-chip .chip-text{font-family:var(--font-head);font-size:1.3rem;letter-spacing:.04em;color:#1a1c22}

/* ─────────────  CARDS / GRID  ───────── */
.grid{display:grid;gap:1.5rem}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.7rem;backdrop-filter:blur(8px);overflow:hidden;
  transition:transform .4s var(--ease-out),border-color .4s,box-shadow .4s}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(140deg,rgba(var(--accent-rgb),.5),transparent 40%);opacity:0;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .4s}
.card:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.35);
  box-shadow:0 24px 50px rgba(0,0,0,.45),0 0 0 1px rgba(var(--accent-rgb),.1)}
.card:hover::before{opacity:1}
.card h3 a{color:var(--white)}
.card h3 a:hover{color:var(--accent)}

/* Event card */
.event-card{display:flex;flex-direction:column;gap:.55rem}
.event-card .stop{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;
  letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.event-card .stop .no{color:var(--accent-2);font-family:var(--font-head);font-size:1rem;letter-spacing:0}
.event-card .date{font-family:var(--font-head);font-size:1.25rem;color:var(--accent);letter-spacing:.04em}
.event-card h3{margin:.1rem 0}
.event-card .venue{color:var(--muted);font-size:.95rem;flex-grow:0}
.event-card .money{font-family:var(--font-head);font-size:1.65rem;color:var(--gold);letter-spacing:.03em;
  text-shadow:0 0 20px rgba(var(--gold-rgb),.28)}
.event-card .card-link{margin-top:auto;padding-top:.7rem;font-weight:600;font-size:.88rem;
  letter-spacing:.04em;color:var(--accent);display:inline-flex;align-items:center;gap:.4rem}
.event-card .card-link .arw{transition:transform .3s var(--ease)}
.event-card:hover .card-link .arw{transform:translateX(5px)}

/* stat cards */
.stat-card{text-align:center;padding:1.9rem 1.2rem}
.stat-card .num{font-family:var(--font-head);font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;
  color:#fff;letter-spacing:.02em}
.stat-card .num .u{color:var(--accent)}
.stat-card .lbl{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:.5rem}

/* ─────────────  TABLES  ───────── */
.tbl{width:100%;border-collapse:collapse;font-size:.97rem}
.tbl th{font-family:var(--font-head);letter-spacing:.06em;font-size:1.05rem;text-align:left;
  color:var(--accent);padding:.8rem .95rem;border-bottom:1px solid rgba(var(--accent-rgb),.35)}
.tbl td{padding:.72rem .95rem;border-bottom:1px solid var(--line-soft);vertical-align:top;color:#c6cbd6}
.tbl tr:hover td{background:rgba(var(--accent-rgb),.05)}
.tbl .day{font-family:var(--font-head);color:var(--white);font-size:1.05rem;letter-spacing:.04em;white-space:nowrap}
.tbl .fee{font-family:var(--font-head);color:var(--gold);font-size:1.08rem;white-space:nowrap}
.tbl-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--panel);backdrop-filter:blur(8px)}

/* ─────────────  EVENT PAGE  ───────── */
.event-hero{position:relative;padding:clamp(6rem,12vw,9rem) 0 clamp(1.6rem,3.5vw,2.6rem);overflow:hidden}
/* tighten the void between a title-only hero and its first content section
   (supporting pages). Event-detail pages have a .subnav here instead, so
   they're untouched; the homepage uses .hero, also untouched. */
.event-hero + section.section{padding-top:clamp(1.4rem,3vw,2.4rem)}
.event-hero .wrap{display:grid;grid-template-columns:1fr;gap:2.6rem;align-items:center}
.event-hero .wrap:has(.flyer-box){grid-template-columns:1.15fr .85fr}
@media (max-width:860px){.event-hero .wrap{grid-template-columns:1fr}}
.event-meta{list-style:none;display:flex;flex-wrap:wrap;gap:.7rem 1.7rem;margin:1.2rem 0 1.7rem;padding:0}
.event-meta li{font-weight:600;font-size:.95rem;color:var(--muted);display:flex;align-items:center;gap:.5rem}
.event-meta li strong{color:var(--white);font-weight:600}
.event-meta .ic{color:var(--accent)}
.event-money{font-family:var(--font-head);font-size:clamp(2rem,5.5vw,3rem);color:var(--gold);
  text-shadow:0 0 24px rgba(var(--gold-rgb),.3);letter-spacing:.03em}
.flyer-box{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  background:var(--panel);backdrop-filter:blur(8px);box-shadow:0 24px 60px rgba(0,0,0,.5)}

/* graceful image placeholder */
.ph{display:flex;align-items:center;justify-content:center;text-align:center;min-height:240px;
  padding:2rem;border-radius:inherit;position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 30% 20%,rgba(var(--accent-rgb),.14),transparent 60%),
             radial-gradient(ellipse at 75% 85%,rgba(var(--accent2-rgb),.12),transparent 60%),var(--bg-2)}
.ph span{font-family:var(--font-head);font-size:1.35rem;letter-spacing:.08em;color:var(--muted);position:relative;z-index:1}
.ph::after{content:"";position:absolute;inset:0;
  background:url("assets/img/logo-horse.png") center/58% no-repeat;opacity:.08}

/* event content blocks */
.block{padding:clamp(2.6rem,5vw,3.8rem) 0;border-bottom:1px solid var(--line-soft);scroll-margin-top:90px}
.block:last-child{border-bottom:none}
.block h2{margin-bottom:1.3rem;display:flex;align-items:center;gap:.9rem}
.block h2::before{content:"";width:6px;height:1.1em;border-radius:3px;
  background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:var(--glow-a)}

/* event subnav */
.subnav{position:sticky;top:60px;z-index:150;background:rgba(9,10,15,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.subnav .wrap{display:flex;gap:.4rem;padding:.5rem 0}
.subnav a{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  padding:.4rem .8rem;border-radius:7px;transition:all .25s}
.subnav a:hover,.subnav a.active{color:#fff;background:rgba(var(--accent-rgb),.12)}

/* ─────────────  CALLOUTS  ───────── */
.callout{position:relative;border:1px solid var(--line);border-left:3px solid var(--accent);
  background:var(--panel);border-radius:var(--radius-sm);padding:1.2rem 1.5rem;margin:1.3rem 0;
  backdrop-filter:blur(8px)}
.callout.pink{border-left-color:var(--accent-2)}
.callout.gold{border-left-color:var(--gold)}

/* ─────────────  DOWNLOADS  ───────── */
.dl-list{list-style:none;display:grid;gap:.85rem;padding:0}
.dl-list a{display:flex;align-items:center;gap:.9rem;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:1rem 1.3rem;font-weight:600;color:var(--white);
  backdrop-filter:blur(8px);transition:all .3s var(--ease)}
.dl-list a:hover{border-color:rgba(var(--accent-rgb),.5);transform:translateX(4px);
  box-shadow:0 10px 30px rgba(0,0,0,.35)}
.dl-list .ico{font-size:1.3rem;filter:grayscale(.2)}
.dl-list .arw{margin-left:auto;color:var(--accent);transition:transform .3s}
.dl-list a:hover .arw{transform:translateX(4px)}

/* ─────────────  CALENDAR  ───────── */
.gcal-frame{width:100%;aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--panel);backdrop-filter:blur(8px)}
@media (max-width:640px){.gcal-frame{aspect-ratio:3/4}}
.legend{display:flex;flex-wrap:wrap;gap:1.2rem;margin:1.2rem 0}
.legend span{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--muted)}
.dot{width:11px;height:11px;border-radius:50%;display:inline-block}
.dot-a{background:var(--accent);box-shadow:0 0 10px var(--accent)}
.dot-b{background:var(--accent-2);box-shadow:0 0 10px var(--accent-2)}
.dot-c{background:var(--gold);box-shadow:0 0 10px var(--gold)}

/* upcoming list */
.up-list{list-style:none;display:grid;gap:.8rem;padding:0}
.up-item{display:grid;grid-template-columns:auto 1fr auto;gap:1.1rem;align-items:center;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:1rem 1.3rem;backdrop-filter:blur(8px);transition:all .3s var(--ease)}
.up-item:hover{border-color:rgba(var(--accent-rgb),.4);transform:translateX(4px)}
.up-date{font-family:var(--font-head);font-size:1.2rem;color:var(--accent);letter-spacing:.03em;white-space:nowrap}
.up-item .money{font-family:var(--font-head);color:var(--gold);white-space:nowrap}

/* ─────────────  SOCIAL  ───────── */
.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;align-items:stretch}
.social-embed{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;min-height:460px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}
.social-embed iframe{border:none;width:100%;min-height:500px}

/* ─────────────  FOOTER  ───────── */
.site-footer{position:relative;border-top:1px solid var(--line);
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));padding:4rem 0 2rem;margin-top:3rem;overflow:hidden}
.site-footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(2,1fr);gap:2.4rem}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.footer-grid{grid-template-columns:1fr}}
.footer-brand img{height:56px;margin-bottom:1rem}
.site-footer h4{font-family:var(--font-head);font-size:1.1rem;letter-spacing:.06em;color:var(--white);
  margin-bottom:1rem;text-transform:uppercase}
.site-footer ul{list-style:none}
.site-footer li{margin:.5rem 0}
.site-footer a{color:var(--muted);font-size:.94rem}
.site-footer a:hover{color:var(--accent)}
.footer-bottom{margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line-soft);
  display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;font-size:.84rem;color:var(--muted-2)}

/* ─────────────  BADGES / UTILITIES  ───────── */
.badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;padding:.35em 1em;border-radius:99px;border:1px solid rgba(var(--accent-rgb),.4);
  color:var(--accent);margin-bottom:.8rem;background:rgba(var(--accent-rgb),.06)}
.badge.pink{border-color:rgba(var(--accent2-rgb),.4);color:var(--accent-2);background:rgba(var(--accent2-rgb),.06)}
.badge.gold{border-color:rgba(var(--gold-rgb),.4);color:var(--gold);background:rgba(var(--gold-rgb),.06)}
.mt-1{margin-top:.6rem}.mt-2{margin-top:1.2rem}.mt-3{margin-top:2rem}.mt-4{margin-top:3rem}
.mb-2{margin-bottom:1.2rem}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(1.6rem,4vw,2.6rem);backdrop-filter:blur(8px)}
.eyebrow-band{background:rgba(255,255,255,.015);border-block:1px solid var(--line-soft)}

/* ─────────────  SCROLL REVEAL  ───────── */
[data-reveal]{opacity:0;transform:translateY(28px);
  transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal][data-reveal="left"]{transform:translateX(-32px)}
[data-reveal][data-reveal="right"]{transform:translateX(32px)}
[data-reveal][data-reveal="scale"]{transform:scale(.94)}
[data-stagger]>*{opacity:0;transform:translateY(26px);
  transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
[data-stagger].in>*{opacity:1;transform:none}
[data-stagger].in>*:nth-child(1){transition-delay:.05s}
[data-stagger].in>*:nth-child(2){transition-delay:.12s}
[data-stagger].in>*:nth-child(3){transition-delay:.19s}
[data-stagger].in>*:nth-child(4){transition-delay:.26s}
[data-stagger].in>*:nth-child(5){transition-delay:.33s}
[data-stagger].in>*:nth-child(6){transition-delay:.40s}
[data-stagger].in>*:nth-child(7){transition-delay:.47s}
[data-stagger].in>*:nth-child(8){transition-delay:.54s}
[data-stagger].in>*:nth-child(9){transition-delay:.61s}
[data-stagger].in>*:nth-child(n+10){transition-delay:.66s}

/* hero line intro (runs on load) */
.hero [data-hero]{opacity:0;transform:translateY(40px)}
.hero.ready [data-hero]{opacity:1;transform:none;
  transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.hero.ready [data-hero="1"]{transition-delay:.1s}
.hero.ready [data-hero="2"]{transition-delay:.25s}
.hero.ready [data-hero="3"]{transition-delay:.4s}
.hero.ready [data-hero="4"]{transition-delay:.55s}
.hero.ready [data-hero="5"]{transition-delay:.7s}
.hero.ready [data-hero="6"]{transition-delay:.85s}

/* ─────────────  SPONSOR LOGO CELLS (event pages + sponsor wall)  ───────── */
.sponsor-cell{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.7rem;min-height:150px;padding:1.4rem}
.sponsor-cell img{max-height:88px;width:auto;object-fit:contain}
.sponsor-cell p{color:#4a4f5a!important;font-size:.85rem;margin:0}
.sponsor-cell:hover{box-shadow:0 18px 40px rgba(var(--accent-rgb),.22)}
/* Linked sponsor cells (added v45) */
a.sponsor-cell{text-decoration:none;cursor:pointer;transition:transform .3s var(--ease-out),box-shadow .3s}
a.sponsor-cell:hover{transform:translateY(-3px)}
a.sponsor-cell:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Text-only sponsor cells (no logo on file) */
.sponsor-cell--text{background:linear-gradient(180deg,#fff,#f2f4f7)}
.sponsor-cell--text .chip-text{font-family:var(--font-head);letter-spacing:.04em;font-size:1.12rem;
  color:#2a2f3a;text-align:center;line-height:1.15;text-transform:uppercase}
/* Fix: sponsor scroll/marquee chips were cropping wide logos (client flagged Jul 20) */
.sponsor-chip img{max-height:56px;max-width:100%;width:auto;object-fit:contain}
.sponsor-chip{overflow:visible}
.marquee-band{overflow-x:hidden}

/* event-hero title lockup + interior page hero polish */
.event-hero h1{margin-bottom:.4rem}
.event-hero .script{display:block;margin-bottom:.4rem}
.event-hero .lead,.event-hero .muted{max-width:640px}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  [data-reveal],[data-stagger]>*,.hero [data-hero]{opacity:1!important;transform:none!important}
  .bg-atmos .blob{animation:none}
}


/* ═══════════  HEADLINE SPONSOR  ═══════════ */
.hl-sponsor{position:relative;margin:0 auto;width:min(940px,100%);text-align:center;
  padding:clamp(1.8rem,4vw,2.6rem) clamp(1.3rem,4vw,2.4rem);
  border:1px solid var(--line);border-radius:var(--radius);
  background:radial-gradient(ellipse 90% 150% at 50% -25%,rgba(var(--accent-rgb),.12),transparent 70%),
             linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));
  backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.42);overflow:hidden}
.hl-sponsor::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(120deg,rgba(var(--accent-rgb),.65),transparent 45%,rgba(var(--accent2-rgb),.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
.hl-sponsor .kicker{justify-content:center}
.hl-sponsor img{height:clamp(50px,9vw,72px);width:auto;margin:.2rem auto .7rem;
  filter:drop-shadow(0 6px 26px rgba(var(--accent-rgb),.3))}
.hl-sponsor .hl-tag{font-family:var(--font-script);font-size:clamp(1.3rem,3vw,1.75rem);color:var(--gold);margin-bottom:.4rem}

/* ═══════════  FHI PAGE  ═══════════ */
.fhi-hero-mark{height:clamp(66px,12vw,100px);margin:0 auto 1rem;filter:drop-shadow(0 8px 30px rgba(var(--accent-rgb),.35))}
.stat-band{position:relative;text-align:center;border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(1.8rem,4vw,2.8rem);backdrop-filter:blur(10px);overflow:hidden;
  background:radial-gradient(ellipse 100% 150% at 50% -10%,rgba(var(--accent-rgb),.12),transparent 65%),
             linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
.stat-band .big{font-family:var(--font-head);font-size:clamp(3rem,10vw,5.4rem);line-height:.9;letter-spacing:.02em;
  background:linear-gradient(180deg,#7ef0ff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 30px rgba(var(--accent-rgb),.3))}
.spotlight{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.8rem;align-items:center}
@media(max-width:760px){.spotlight{grid-template-columns:1fr}}
.spotlight .photo{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);min-height:300px;
  background:var(--panel-2);display:flex}
.spotlight .photo img{width:100%;height:100%;object-fit:cover;display:block}

/* ══════════════════  CINEMATIC PHOTO HERO  ══════════════════ */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;
  text-align:center;overflow:hidden;padding:7rem 0 132px}
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-img,.hero-vid{width:100%;height:100%;object-fit:cover;object-position:52% 42%;display:block}
.hero-img{animation:kenburns 26s ease-in-out infinite alternate;will-change:transform}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.05)}}
.hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(7,8,12,.74) 0%,rgba(7,8,12,.32) 30%,rgba(7,8,12,.5) 66%,rgba(7,8,12,.97) 100%),
    radial-gradient(ellipse 72% 62% at 50% 44%,transparent,rgba(7,8,12,.55) 100%)}
.hero-inner{position:relative;z-index:2;width:min(1000px,92%)}
.hero-logo{height:clamp(94px,17vh,170px);width:auto;margin:0 auto 1.3rem;
  filter:drop-shadow(0 12px 44px rgba(0,0,0,.65))}
.hero h1{margin:.1rem 0 .7rem;text-shadow:0 4px 34px rgba(0,0,0,.7)}
.hero h1 .hero-accent{color:var(--accent);
  text-shadow:0 0 34px rgba(var(--accent-rgb),.55),0 4px 24px rgba(0,0,0,.55)}
.hero .tagline{font-family:var(--font-script);color:var(--gold);
  font-size:clamp(1.4rem,3.4vw,2.1rem);margin-bottom:1.9rem;text-shadow:0 3px 22px rgba(0,0,0,.7)}
.hero-badge{box-shadow:0 8px 30px rgba(0,0,0,.4)}
.hero-stats-band{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.15rem 0;
  border-top:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(7,8,12,0),rgba(7,8,12,.55));backdrop-filter:blur(6px)}
.hero-stats-band .hero-stats{display:flex;gap:clamp(1rem,5vw,4rem);justify-content:center;flex-wrap:wrap;margin:0 auto}
.hero-stats-band .num{text-shadow:0 2px 16px rgba(0,0,0,.6)}
@media(max-width:700px){
  .hero{min-height:auto;flex-direction:column;justify-content:center;padding:6.5rem 0 0}
  .hero-inner{width:92%}
  .hero-stats-band{position:relative;width:100%;background:rgba(255,255,255,.03)}
  .hero-stats-band .hero-stats{gap:1.4rem 2rem}
  .hero-img{object-position:56% 40%}
}

/* header full logo */
.brand-logo{height:50px;width:auto;filter:drop-shadow(0 2px 12px rgba(0,0,0,.4))}
.site-header.scrolled .brand-logo{height:44px}
.brand-logo{transition:height .4s var(--ease)}
@media(max-width:600px){.brand-logo{height:42px}}

/* legible gradient headline (fixes faint "ONE CHAMPIONSHIP") */
.grad{background:linear-gradient(100deg,#5cecdf 0%,#b8f2ff 46%,#ff7ab4 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#83f0e6;
  filter:drop-shadow(0 2px 16px rgba(0,0,0,.35))}

/* ══════════════════  FULL-WIDTH PHOTO BAND (section divider)  ══════════════════ */
.photo-band{position:relative;min-height:clamp(340px,48vh,540px);display:flex;align-items:center;
  overflow:hidden;border-block:1px solid var(--line)}
.photo-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.photo-band .pb-scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(7,8,12,.9) 0%,rgba(7,8,12,.55) 45%,rgba(7,8,12,.35) 70%,rgba(7,8,12,.75) 100%)}
.photo-band .wrap{position:relative;z-index:2}
.photo-band h2{text-shadow:0 4px 26px rgba(0,0,0,.7);margin-bottom:.6rem}
.photo-band p{max-width:52ch;color:#e7eaf0;text-shadow:0 2px 16px rgba(0,0,0,.7)}

/* hero video framing */
.hero-vid{object-position:50% 46%;z-index:1}
.hero-media .hero-img{z-index:0}         /* poster/fallback sits behind the video */
.hero-vid+.hero-img{animation:none}       /* no ken-burns on the static fallback */
@media(max-width:700px){ .hero-vid{object-position:50% 42%} }

/* ══════ HERO: dim video + animated neon wash + bigger logo ══════ */
.hero-scrim{background:
  linear-gradient(180deg,rgba(6,7,11,.84) 0%,rgba(6,7,11,.52) 34%,rgba(6,7,11,.58) 62%,rgba(6,7,11,.98) 100%),
  radial-gradient(ellipse 76% 66% at 50% 44%, transparent, rgba(6,7,11,.62) 100%)}
.hero-neon{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 52% 46% at 15% 20%, rgba(var(--accent-rgb),.42), transparent 62%),
    radial-gradient(ellipse 50% 50% at 87% 84%, rgba(var(--accent2-rgb),.34), transparent 62%),
    radial-gradient(ellipse 42% 40% at 80% 12%, rgba(120,240,255,.20), transparent 60%);
  animation:heroNeon 15s ease-in-out infinite alternate}
@keyframes heroNeon{from{opacity:.58;transform:scale(1)}to{opacity:.96;transform:scale(1.06)}}
.hero-logo{height:clamp(132px,26vh,252px);margin:0 auto 1.5rem}
@media(max-width:700px){.hero-logo{height:clamp(120px,22vh,180px)}}

/* line-icon set (replaces emoji) */
.ic-svg{width:1.05em;height:1.05em;vertical-align:-.16em;stroke:var(--accent);fill:none;flex:0 0 auto}
.dl-list .ico{display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}
.dl-list .ico .ic-svg{width:1.25em;height:1.25em}
.event-meta li strong .ic-svg,.event-meta li .ic-svg{margin-right:.35em}

/* ══════════════════  VIDEO FEATURE (portrait player)  ══════════════════ */
.video-feature{position:relative;overflow:hidden}
.vf-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.6rem,5vw,4rem);align-items:center}
@media(max-width:860px){.vf-grid{grid-template-columns:1fr;text-align:center}
  .vf-copy .kicker{justify-content:center}.vf-copy .btn{margin-inline:auto}}
.vf-stage{display:flex;justify-content:center}
.vf-player{position:relative;width:min(400px,82vw);aspect-ratio:818/1170;border-radius:22px;overflow:hidden;
  border:1px solid rgba(var(--accent-rgb),.35);
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04),
             0 0 60px rgba(var(--accent-rgb),.25);
  background:#05060a}
.vf-player::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(ellipse 70% 30% at 50% 0%,rgba(var(--accent-rgb),.18),transparent 60%),
            radial-gradient(ellipse 70% 30% at 50% 100%,rgba(var(--accent2-rgb),.14),transparent 60%)}
.vf-video{width:100%;height:100%;object-fit:cover;display:block}
/* soft float */
.vf-player{animation:vfFloat 7s ease-in-out infinite alternate}
@keyframes vfFloat{from{transform:translateY(-6px)}to{transform:translateY(6px)}}

/* ══════════════════  SCROLL PROGRESS BAR (injected on every page)  ══════════════════ */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:300;pointer-events:none;
  background:linear-gradient(90deg,var(--accent),#7ef0ff 45%,var(--accent-2));
  box-shadow:0 0 12px rgba(var(--accent-rgb),.6);transition:width .1s linear}

/* ══════════════════  CARD 3D TILT + SPOTLIGHT  ══════════════════ */
@media(hover:hover){
  .event-card{transform-style:preserve-3d;will-change:transform}
  .event-card .tilt-glow{position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;
    background:radial-gradient(circle 220px at var(--mx,50%) var(--my,50%),rgba(var(--accent-rgb),.16),transparent 60%);
    transition:opacity .3s}
  .event-card:hover .tilt-glow{opacity:1}
}

/* reveal variants (extra) */
[data-reveal="blur"]{opacity:0;filter:blur(10px);transform:translateY(24px);
  transition:opacity .9s var(--ease-out),filter .9s var(--ease-out),transform .9s var(--ease-out)}
[data-reveal="blur"].in{opacity:1;filter:blur(0);transform:none}


/* ══════════════════  SOCIAL PANELS  ══════════════════ */
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}
@media(max-width:820px){.social-grid{grid-template-columns:1fr}}
.social-panel{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;backdrop-filter:blur(8px);min-height:560px}
.sp-head{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--line);
  font-weight:700;letter-spacing:.04em;font-size:.95rem}
.sp-head svg{width:20px;height:20px}
.sp-head a{margin-left:auto;font-size:.82rem;color:var(--muted)}
.sp-head a:hover{color:var(--accent)}


.ig-wrap{flex:1;display:flex;flex-direction:column;padding:1rem}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;flex:1}
.ig-grid a{position:relative;display:block;overflow:hidden;border-radius:10px;aspect-ratio:1}
.ig-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}
.ig-grid a::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent,rgba(0,0,0,.25));
  opacity:0;transition:opacity .3s}
.ig-grid a:hover img{transform:scale(1.09)}
.ig-grid a:hover::after{opacity:1}
.ig-cta{margin-top:1rem;text-align:center}

/* ══════════════════  STATE BADGE on event cards  ══════════════════ */
.state-badge{position:absolute;top:1rem;right:1rem;z-index:2;font-family:var(--font-head);font-size:.9rem;
  letter-spacing:.08em;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.4);border-radius:8px;
  padding:.15em .55em;background:rgba(var(--accent-rgb),.08);backdrop-filter:blur(4px)}
.event-card{position:relative}

/* ══════════════════  WHO WE ARE photo tile  ══════════════════ */
.wwa-photo{position:relative;border-radius:var(--radius);overflow:hidden;min-height:340px;border:1px solid var(--line);
  box-shadow:0 24px 60px rgba(0,0,0,.5)}
.wwa-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wwa-photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(6,7,11,.7)),
             radial-gradient(ellipse 60% 50% at 30% 20%,rgba(var(--accent-rgb),.18),transparent 60%)}
.wwa-photo .wwa-cap{position:absolute;left:1.3rem;bottom:1.2rem;z-index:2;font-family:var(--font-head);
  font-size:1.4rem;letter-spacing:.04em;text-shadow:0 3px 16px rgba(0,0,0,.7)}

/* ══════════════════  interior event-hero photo backdrop  ══════════════════ */
.event-hero>.eh-photo{position:absolute;inset:0;z-index:0;overflow:hidden}
.event-hero>.eh-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;opacity:.5;
  animation:kenburns 30s ease-in-out infinite alternate}
.event-hero>.eh-photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,7,11,.72),rgba(6,7,11,.82) 60%,var(--bg)),
    radial-gradient(ellipse 60% 60% at 12% 20%,rgba(var(--accent-rgb),.16),transparent 60%),
    radial-gradient(ellipse 50% 50% at 90% 90%,rgba(var(--accent2-rgb),.12),transparent 60%)}
.event-hero .wrap{position:relative;z-index:1}

/* Facebook graceful fallback (shows behind the widget; live feed covers it when available) */
/* (old layered fb-fallback removed v46) */

/* Past tour events (auto-moved below upcoming) */
.event-card.past{opacity:.6;filter:saturate(.85)}
.event-card.past:hover{opacity:1;filter:none}


/* ══════ JACKPOT JUNKIE SUMMER SERIES date cards ══════ */
.jj-dates{gap:1rem}
.jj-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;
  padding:1.4rem 1rem;text-align:center;min-height:150px}
.jj-date .jj-mo{font-family:var(--font-body);font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  font-size:.72rem;color:var(--accent-2)}
.jj-date .jj-day{font-family:var(--font-head);font-size:clamp(2.4rem,6vw,3.2rem);line-height:.9;color:#fff}
.jj-date .jj-dow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.jj-date.past{opacity:.42}
.jj-date.past:hover{opacity:.75}
.jj-date.next{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.3),0 0 34px rgba(var(--accent-rgb),.2)}
.jj-date.next .jj-day{color:var(--accent)}

/* ══════ PHOTO STRIP gallery (Jackpot Junkie etc.) ══════ */
.photo-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.4rem}
.ps-item{display:block;padding:0;cursor:pointer;background:none;font:inherit;position:relative;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--line);
  aspect-ratio:3/2;display:block;box-shadow:0 14px 40px rgba(0,0,0,.4)}
.ps-item img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease-out)}
.ps-item:hover img{transform:scale(1.08)}
.ps-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,7,11,.5));opacity:.55;transition:opacity .3s}
.ps-item:hover::after{opacity:.2}

/* ═══════════════════════════════════════════════════════════════
   CINEMATIC OVERHAUL  (Option B: her teal brand, gritty film grade)
   Harsh key light, deep shadow, brushed-steel grit, bone-white type,
   single disciplined teal accent, sharp deliberate motion.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --white:#f1ede2;                    /* bone white */
  --ease-snap:cubic-bezier(.2,.9,.25,1);
}
/* single-accent discipline: teal-only gradient headline */
.grad{background:linear-gradient(100deg,var(--accent),#8ef4ea 55%,var(--accent));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7ff0e6;
  filter:drop-shadow(0 2px 16px rgba(0,0,0,.4))}
h1,h2,h3{color:var(--white)}

/* cinematic grade on every photo + heavier film grain */
.hero-img,.photo-band>img,.eh-photo img,.ps-item img,.wwa-photo img,.ig-grid img,.spotlight .photo img{
  filter:contrast(1.13) saturate(.9) brightness(.88)}
.bg-grain{opacity:.5}
/* faint brushed-steel sheen on banded sections */
.eyebrow-band{background:
  linear-gradient(90deg,rgba(255,255,255,.016),transparent 26%,transparent 74%,rgba(255,255,255,.016)),
  rgba(255,255,255,.014)}

/* HERO: harsh overhead key light, deep shadow, teal-only glow, bone sub */
.hero-scrim{background:
  radial-gradient(ellipse 46% 34% at 50% -6%, rgba(255,255,255,.10), transparent 60%),
  linear-gradient(180deg,rgba(4,5,8,.64) 0%,rgba(4,5,8,.36) 30%,rgba(4,5,8,.55) 60%,rgba(4,5,8,.99) 100%),
  radial-gradient(ellipse 82% 72% at 50% 42%, transparent 38%, rgba(4,5,8,.74) 100%)}
.hero-neon{background:
  radial-gradient(ellipse 55% 48% at 15% 22%, rgba(var(--accent-rgb),.34), transparent 62%),
  radial-gradient(ellipse 46% 46% at 85% 82%, rgba(var(--accent-rgb),.15), transparent 62%)}
.hero-sub{font-size:clamp(1rem,2vw,1.28rem);color:var(--white);opacity:.92;letter-spacing:.04em;
  margin:0 auto 2rem;max-width:46ch;text-shadow:0 2px 20px rgba(0,0,0,.8)}

/* SHARP deliberate motion (snap, not soft fade) */
[data-reveal]{transform:translateY(26px);transition:opacity .5s var(--ease-snap),transform .55s var(--ease-snap)}
[data-reveal][data-reveal="left"]{transform:translateX(-30px)}
[data-reveal][data-reveal="right"]{transform:translateX(30px)}
[data-stagger]>*{transform:translateY(22px);transition:opacity .45s var(--ease-snap),transform .5s var(--ease-snap)}
[data-stagger].in>*:nth-child(1){transition-delay:.03s}
[data-stagger].in>*:nth-child(2){transition-delay:.08s}
[data-stagger].in>*:nth-child(3){transition-delay:.13s}
[data-stagger].in>*:nth-child(4){transition-delay:.18s}
[data-stagger].in>*:nth-child(5){transition-delay:.23s}
[data-stagger].in>*:nth-child(6){transition-delay:.28s}
[data-stagger].in>*:nth-child(n+7){transition-delay:.32s}

/* ── Keep GOLD for the smaller lettering (hero sub + eyebrow labels) ── */
.kicker{color:var(--gold)}
.kicker::before{background:linear-gradient(90deg,var(--gold),transparent)}
.hero-sub{color:var(--gold);opacity:1;text-shadow:0 2px 20px rgba(0,0,0,.8)}
.marquee-band .eyebrow{color:var(--gold);opacity:.85}

/* Fix: nav "Enter Now" button text must stay dark (nav-link color was winning) */
.nav-links a.btn,.nav-links a.btn:hover{color:#05140f}
.nav-links a.btn::after{display:none}
.nav-links a.btn-ghost,.nav-links a.btn-ghost:hover{color:var(--white)}

/* Hero gold sub-line uses the script font (matches "Support from the Inside Out") */
.hero-sub{font-family:var(--font-script);font-size:clamp(1.55rem,3.6vw,2.25rem);letter-spacing:0;
  line-height:1.25;max-width:26ch;opacity:1}

/* ── Footer credit: Website by Iron Sharp Media ── */
.footer-credit a{display:inline-block;line-height:0}
.footer-credit{display:flex;flex-direction:column;align-items:center;gap:.7rem;
  margin-top:2.6rem;padding-top:1.9rem;border-top:1px solid var(--line-soft);text-align:center}
.footer-credit .fc-label{font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted-2)}
.footer-credit .fc-logo{width:140px;max-width:56vw;height:auto;display:block;
  filter:drop-shadow(0 4px 18px rgba(var(--accent-rgb),.16));transition:transform .4s var(--ease),filter .4s}
.footer-credit a:hover .fc-logo{transform:translateY(-2px);filter:drop-shadow(0 10px 28px rgba(var(--accent-rgb),.4))}

/* ══════════════════ AUTO-CYCLING CAROUSEL (race-day media) ══════════════════ */
.carousel{position:relative;max-width:1040px;margin:0 auto}
.cviewport{overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);
  box-shadow:0 30px 70px rgba(0,0,0,.55)}
.ctrack{display:flex;transition:transform .6s var(--ease-out);will-change:transform}
.cslide{flex:0 0 100%;margin:0;aspect-ratio:16/9;background:var(--panel-2);position:relative}
.cslide img,.cslide video{width:100%;height:100%;object-fit:cover;display:block;
  filter:contrast(1.1) saturate(.92) brightness(.92)}
.cslide figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.4rem 1.5rem .9rem;z-index:2;
  font-family:var(--font-head);letter-spacing:.04em;font-size:1.1rem;color:var(--white);
  background:linear-gradient(180deg,transparent,rgba(4,5,8,.78));text-shadow:0 2px 12px rgba(0,0,0,.7)}
.cbtn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;
  background:rgba(6,7,11,.55);border:1px solid var(--line);color:var(--white);font-size:1.7rem;line-height:1;
  cursor:pointer;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:all .3s}
.cbtn:hover{background:var(--accent);color:#04110f;border-color:var(--accent)}
.cprev{left:14px}.cnext{right:14px}
.cdots{display:flex;gap:.5rem;justify-content:center;margin-top:1.1rem;flex-wrap:wrap}
.cdot{width:9px;height:9px;border-radius:50%;background:var(--line);border:0;cursor:pointer;padding:0;
  transition:all .3s var(--ease)}
.cdot.active{background:var(--accent);width:26px;border-radius:5px}
@media(max-width:640px){.cbtn{width:40px;height:40px;font-size:1.4rem}.cslide figcaption{font-size:.95rem}}

/* ══════════════════════ STORE / CHECKOUT (skeleton) ══════════════════════ */
.store-grid{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}
@media(max-width:920px){.store-grid{grid-template-columns:1fr}}
.store-select{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-bottom:1.6rem}
.store-select select{background:var(--panel-2);color:var(--white);border:1px solid var(--line);
  border-radius:10px;padding:.6rem 1rem;font-family:var(--font-body);font-size:1rem}
.pcat{font-family:var(--font-head);letter-spacing:.06em;font-size:1.2rem;color:var(--accent);
  margin:1.6rem 0 .7rem;padding-bottom:.4rem;border-bottom:1px solid var(--line-soft)}
.pcat:first-child{margin-top:0}
.prow{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:.9rem 1.1rem;margin-bottom:.7rem;backdrop-filter:blur(8px)}
.prow .pname{font-weight:600;color:var(--white)}
.prow .pmeta{font-size:.84rem;color:var(--muted)}
.prow .pprice{font-family:var(--font-head);font-size:1.25rem;color:var(--gold);white-space:nowrap}
.prow .psold{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2)}
.stepper{display:inline-flex;align-items:center;gap:.2rem;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.stepper button{width:34px;height:34px;background:var(--panel-2);color:var(--white);border:0;font-size:1.2rem;cursor:pointer}
.stepper button:hover{background:var(--accent);color:#04110f}
.stepper button:disabled{opacity:.35;cursor:not-allowed}
.stepper input{width:44px;text-align:center;background:transparent;color:var(--white);border:0;font-size:1rem;font-weight:700}
/* cart */
.cart{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.4rem;backdrop-filter:blur(10px)}
.cart h3{margin-bottom:.4rem}
.cart-timer{display:none;align-items:center;gap:.6rem;margin:.6rem 0 1rem;padding:.6rem .9rem;border-radius:10px;
  background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.3);font-size:.9rem}
.cart-timer.live{display:flex}
.cart-timer.warn{background:rgba(var(--accent2-rgb),.1);border-color:rgba(var(--accent2-rgb),.4)}
.cart-timer .tnum{font-family:var(--font-head);font-size:1.3rem;color:var(--accent);letter-spacing:.04em}
.cart-timer.warn .tnum{color:var(--accent-2)}
.cart-items{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.5rem}
.cart-items li{display:flex;justify-content:space-between;gap:.8rem;font-size:.92rem;color:#cdd2dd;
  padding-bottom:.5rem;border-bottom:1px solid var(--line-soft)}
.cart-items .ci-x{color:var(--muted-2);cursor:pointer;background:none;border:0;font-size:1rem}
.cart-items .ci-x:hover{color:var(--accent-2)}
.cart-empty{color:var(--muted);font-size:.92rem;padding:.6rem 0 1rem}
.cart-total{display:flex;justify-content:space-between;font-family:var(--font-head);font-size:1.5rem;
  color:var(--white);margin:.6rem 0 1rem;padding-top:.8rem;border-top:1px solid var(--line)}
.cart-total .ct-num{color:var(--gold)}
/* checkout form */
.co-form{display:grid;gap:.8rem;margin-top:1rem}
.co-form input{background:var(--panel-2);color:var(--white);border:1px solid var(--line);border-radius:10px;
  padding:.7rem .9rem;font-size:.95rem;font-family:var(--font-body);width:100%}
.co-form input:focus{outline:none;border-color:rgba(var(--accent-rgb),.6)}
.co-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.co-fields{border:1px dashed var(--line);border-radius:10px;padding:1rem;color:var(--muted);font-size:.86rem;text-align:center}
.store-note{font-size:.86rem;color:var(--muted);background:rgba(255,255,255,.02);border:1px solid var(--line-soft);
  border-radius:10px;padding:.9rem 1.1rem;margin-bottom:1.4rem}

/* ══════════════════ GALLERY THUMBNAILS + LIGHTBOX ══════════════════ */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}
@media(min-width:760px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}}
.gthumb{position:relative;aspect-ratio:1;overflow:hidden;border-radius:12px;border:1px solid var(--line);
  padding:0;cursor:zoom-in;background:var(--panel-2);box-shadow:0 8px 24px rgba(0,0,0,.4)}
.gthumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out);
  filter:contrast(1.08) saturate(.92) brightness(.94)}
.gthumb:hover img{transform:scale(1.08)}
.gthumb::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(6,7,11,.45));opacity:.5;transition:opacity .3s}
.gthumb:hover::after{opacity:.15}
.gthumb .gzoom{position:absolute;top:.5rem;right:.5rem;width:30px;height:30px;border-radius:8px;z-index:1;
  background:rgba(6,7,11,.55);color:var(--white);display:flex;align-items:center;justify-content:center;
  font-size:1rem;opacity:0;transition:opacity .3s;backdrop-filter:blur(6px)}
.gthumb:hover .gzoom{opacity:1}

.lightbox{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;
  background:rgba(3,4,7,.94);backdrop-filter:blur(6px)}
.lightbox.open{display:flex}
.lb-stage{margin:0;display:flex;align-items:center;justify-content:center}
.lb-img{max-width:92vw;max-height:86vh;width:auto;height:auto;border-radius:10px;
  box-shadow:0 30px 90px rgba(0,0,0,.7);border:1px solid var(--line)}
.lb-btn{position:absolute;z-index:2;background:rgba(255,255,255,.07);border:1px solid var(--line);color:#fff;
  width:52px;height:52px;border-radius:50%;font-size:1.9rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;transition:all .25s}
.lb-btn:hover{background:var(--accent);color:#04110f;border-color:var(--accent)}
.lb-close{top:20px;right:20px;width:46px;height:46px;font-size:1.25rem}
.lb-prev{left:22px;top:50%;transform:translateY(-50%)}
.lb-next{right:22px;top:50%;transform:translateY(-50%)}
@media(max-width:640px){.lb-prev{left:8px}.lb-next{right:8px}.lb-btn{width:44px;height:44px;font-size:1.6rem}}
body.lb-open{overflow:hidden}

/* Checkout form: section legends, required note, error state */
.co-legend{margin:.5rem 0 -.2rem;font:600 .72rem/1 var(--font-body,inherit);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.co-required{margin:.1rem 0 0;font-size:.76rem;color:var(--muted)}
.co-form input.co-err{border-color:var(--accent-2);background:rgba(var(--accent2-rgb),.06)}

/* Headline sponsor commercial video */
.hl-video{max-width:420px;margin:1.6rem auto 0;border-radius:16px;overflow:hidden;
  border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.5);background:#000}
.hl-video video{display:block;width:100%;height:auto;aspect-ratio:756/720}

/* Results archive: pending (non-linked) entries */
.dl-list .dl-static{display:flex;align-items:center;gap:.6rem;padding:.7rem 0;border-bottom:1px solid var(--line);color:var(--muted)}
.dl-list .dl-static .ico{opacity:.6}

/* Cart subtotal / processing-fee breakdown */
.cart-line{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;color:var(--muted);font-size:.92rem}
.cart-feenote{margin:.4rem 0 0;font-size:.76rem;color:var(--muted);line-height:1.4}
.co-disclose{margin:.6rem 0 0;font-size:.72rem;color:var(--muted);line-height:1.45}

/* Live availability count on store products */
.pavail{color:var(--accent);font-weight:600}

/* Add to Calendar dropdown */
.addcal{display:inline-block;position:relative}
.addcal>summary{list-style:none;cursor:pointer;display:inline-flex}
.addcal>summary::-webkit-details-marker{display:none}
.addcal-menu{position:static;margin-top:.5rem;background:#12141a;
  border:1px solid var(--line);border-radius:12px;padding:.4rem;max-width:260px;
  box-shadow:0 18px 44px rgba(0,0,0,.55)}
.addcal-menu a{display:block;padding:.55rem .75rem;border-radius:8px;color:var(--white);
  text-decoration:none;font-size:.92rem}
.addcal-menu a:hover{background:rgba(255,255,255,.06);color:var(--accent)}

/* Gallery: submit-your-photos callout */
.submit-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;
  margin:0 0 2rem;padding:1.4rem 1.6rem;border:1px solid var(--line);border-radius:16px;
  background:linear-gradient(120deg,rgba(var(--accent-rgb),.08),rgba(255,255,255,.02))}
.submit-cta h3{margin:0 0 .3rem}
.submit-cta p{margin:0;max-width:60ch}

/* Store Q&A / comments */
.qa-form{display:grid;gap:.6rem;margin-bottom:1.5rem}
.qa-form input,.qa-form textarea{background:var(--panel-2);color:var(--white);border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;font:inherit}
.qa-form input:focus,.qa-form textarea:focus{outline:none;border-color:rgba(var(--accent-rgb),.6)}
.qa-list{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.qa-list li{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}
.qa-list .qa-who{font-weight:600;color:var(--accent);font-size:.9rem}
.qa-list .qa-when{color:var(--muted);font-size:.75rem;margin-left:.4rem}
.qa-list .qa-text{margin:.3rem 0 0;white-space:pre-wrap}

/* Live Google Sheet embed (enrolled sires) */
.sheet-embed{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 44px rgba(0,0,0,.4)}
.sheet-embed iframe{display:block;width:100%;height:540px;border:0}

/* Checkout: special requests box */
.co-form textarea{background:var(--panel-2);color:var(--white);border:1px solid var(--line);border-radius:10px;
  padding:.7rem .8rem;font:inherit;resize:vertical;min-height:70px}
.co-form textarea:focus{outline:none;border-color:rgba(var(--accent-rgb),.6)}

/* ── Small-screen refinements (phones incl. Samsung/iPhone) ─────────────── */
@media (max-width:920px){
  .cart{position:static;top:auto;max-height:none;overflow:visible}   /* stop sticky cart fighting scroll when stacked */
}
@media (max-width:430px){
  .prow{grid-template-columns:1fr auto;row-gap:.5rem}
  .prow .stepper{grid-column:2}
  .prow .pprice{grid-column:2;justify-self:end}
  .co-row{grid-template-columns:1fr}       /* city/state, zip/country stack */
  .addcal-menu{max-width:100%}
  .hl-video{max-width:100%}
}

/* ---- brand tokens from /config/site.config.json ---- */
:root{
  --accent: #e2a03f;
  --accent-2: #57b6ff;
  --gold: #f2cd88;
  --bg: #0b0e14;
  --bg-2: #11161f;
  --accent-rgb: 226,160,63;
  --accent2-rgb: 87,182,255;
  --gold-rgb: 242,205,136;
  --font-head: "Bebas Neue","Arial Narrow",sans-serif;
  --font-body: "Barlow","Helvetica Neue",Arial,sans-serif;
  --font-script: "Caveat",cursive;
}