:root{
    --ink:#0A1D26;
    --court:#12506F;
    --court-deep:#0A3448;
    --court-bright:#1E75A2;
    --ball:#D8EB37;
    --ball-deep:#B0C21C;
    --coral:#FF6A46;
    --line:#E7E9E7;
    --surface:#FFFFFF;
    --surface-2:#F7F8F7;
    --field:#FFFFFF;
    --text:#0A1D26;
    --text-muted:#5A6B70;
    --bg:#FFFFFF;
    --focus:#1E75A2;
    --stage-blue:#2F6FD0;
    --stage-red:#D63B2C;
    --stage-orange:#DE7E1C;
    --stage-green:#389A48;
    --stage:var(--court-bright);
    --court-fill:#12506F;
    --court-in:#1E75A2;
    --tint:#EDF4F8;        /* soft court blue, for accent bands */
    --tint-warm:#FFF6F3;   /* soft coral, for the kids side */
  }

  :root{color-scheme:light;}
  *{box-sizing:border-box;}
  body{margin:0;background:var(--bg);color:var(--text);font-family:'Work Sans',system-ui,-apple-system,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;}
  img{max-width:100%;display:block;}
  a{color:inherit;}
  h1,h2,h3,h4{font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.012em;text-wrap:balance;margin:0;}
  .sans{font-family:'Work Sans',sans-serif;font-weight:700;letter-spacing:0;}
  .mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;}
  .wrap{max-width:1140px;margin:0 auto;padding:0 24px;}
  .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.71rem;letter-spacing:.16em;text-transform:uppercase;color:var(--court-bright);font-weight:600;}
  section{padding:80px 0;}
  @media (max-width:640px){ section{padding:54px 0;} }
  .rule{height:0;border:none;border-top:2px solid var(--line);border-bottom:1px solid var(--line);padding-top:4px;margin:0;}

  .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:2px;font-weight:600;font-size:.93rem;
    text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .15s,border-color .15s;}
  .btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px;}
  .btn-ball{background:var(--ball);color:#0A1D26;}
  .btn-ball:hover{background:var(--ball-deep);}
  .btn-outline{background:transparent;border-color:var(--line);color:var(--text);}
  .btn-outline:hover{border-color:var(--court-bright);}
  .btn-coral{background:var(--coral);color:#fff;}
  .btn-coral:hover{filter:brightness(.94);}
  .btn-ghost-light{background:transparent;border-color:rgba(244,247,240,.45);color:#F4F7F0;}
  .btn-ghost-light:hover{border-color:var(--ball);color:var(--ball);}
  .btn-lg{padding:16px 32px;font-size:1rem;}

  /* ---------- playable rug-court hero ---------- */
  .hero-play{background:#140D07;min-height:clamp(500px,80vh,740px);display:flex;align-items:center;}
  .hero-art{position:absolute;inset:-6% 0 -6% 0;z-index:0;will-change:transform;}
  .hero-art picture{display:block;width:100%;height:100%;}
  .hero-play .hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
    opacity:1;z-index:1;transform:none;background:#140D07;}
  /* if it cannot play, the still photograph underneath shows through */
  @media (prefers-reduced-motion: reduce){ .hero-play .hero-vid{display:none;} }

  /* The court is shot from directly overhead, so turning the whole frame
     ninety degrees is still a correct view of it. That lets one landscape
     clip serve portrait screens without cropping down to just the net. */
  /* Portrait turns the clip upright. The exact size is set in script, because
     it has to be measured against the hero box, not the viewport. */
  @media (max-aspect-ratio: 0.95){
    .hero-play .hero-art{inset:0;}
    .hero-play .hero-vid{inset:auto;transform-origin:center;}
  }

  .hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
  /* darken only where the words sit, so the rug stays readable */
  /* .hero .scrim is declared later with equal specificity, so this needs one
     more class to win, otherwise the scrim lands behind the video */
  .hero.hero-play .scrim{position:absolute;inset:0;z-index:2;background:
    linear-gradient(to right,rgba(8,5,2,.95) 0%,rgba(8,5,2,.90) 24%,rgba(8,5,2,.70) 40%,rgba(8,5,2,.30) 56%,rgba(8,5,2,0) 74%),
    linear-gradient(to top,rgba(8,5,2,.52) 0%,rgba(8,5,2,0) 34%);}
  .hero-play .hero-inner{position:relative;z-index:3;width:100%;padding:clamp(64px,9vw,118px) 0;}
  .hero-play .hero-wrap{justify-content:flex-start;}
  .hero-play h1{text-shadow:0 2px 26px rgba(6,3,1,.62),0 1px 3px rgba(6,3,1,.5);}
  @media (max-width:880px){
    .hero-play h1{font-size:clamp(1.95rem,7.6vw,2.6rem);line-height:1.04;max-width:17ch;}
    .hero-play .lede{font-size:1rem;margin-top:16px;}
    .hero-play .hero-cta{margin-top:26px;gap:10px;}
  }
  .hero-play .lede{color:#E8E0CF;text-shadow:0 1px 14px rgba(6,3,1,.7);}
  .hero-play .hero-eyebrow{color:rgba(244,240,228,.82);text-shadow:0 1px 10px rgba(6,3,1,.85);}
  .hero-play .btn-ghost-light{border-color:rgba(244,240,228,.62);background:rgba(8,5,2,.30);}
  .hero-play .btn-ghost-light:hover{border-color:var(--ball);background:rgba(8,5,2,.45);}
  @media (max-width:880px){
    /* dark enough behind the words, then eases off so the court shows */
    .hero.hero-play .scrim{background:linear-gradient(180deg,rgba(8,5,2,.34) 0%,rgba(8,5,2,.76) 22%,rgba(8,5,2,.74) 56%,rgba(8,5,2,.34) 76%,rgba(8,5,2,.46) 100%);}
    .hero-play .hero-inner{padding:clamp(58px,11vw,96px) 0;}
  }

  /* ---------- home page: the header floats on the court ---------- */
  body.herofull header{position:fixed;top:0;left:0;right:0;background:transparent;
    border-bottom-color:transparent;transition:background .25s ease,border-color .25s ease;}
  body.herofull header .brand{color:#fff;text-shadow:0 1px 14px rgba(6,3,1,.8);}
  /* the text gets a glow to hold it off the video, so the mark needs one too */
  body.herofull header .brand .mark{filter:drop-shadow(0 1px 10px rgba(6,3,1,.85));}
  body.herofull header.solid .brand .mark,
  body.herofull header:has(.mobnav:not([hidden])) .brand .mark{filter:none;}
  body.herofull header .sitetab{color:rgba(255,255,255,.86);text-shadow:0 1px 12px rgba(6,3,1,.8);}
  body.herofull header .sitetab:hover{color:#fff;}
  body.herofull .menu-toggle{background:rgba(10,6,3,.38);border-color:rgba(255,255,255,.42);}
  body.herofull .menu-toggle span{background:#fff;}
  /* solid again once the court has scrolled past, or while the menu is open */
  body.herofull header.solid,
  body.herofull header:has(.mobnav:not([hidden])){background:var(--bg);border-bottom-color:var(--line);}
  body.herofull header.solid .brand,
  body.herofull header:has(.mobnav:not([hidden])) .brand{color:var(--text);text-shadow:none;}
  body.herofull header.solid .sitetab,
  body.herofull header:has(.mobnav:not([hidden])) .sitetab{color:var(--text-muted);text-shadow:none;}
  body.herofull header.solid .menu-toggle,
  body.herofull header:has(.mobnav:not([hidden])) .menu-toggle{background:transparent;border-color:var(--line);}
  body.herofull header.solid .menu-toggle span,
  body.herofull header:has(.mobnav:not([hidden])) .menu-toggle span{background:var(--text);}

  /* the court fills exactly one screen, so nothing below it peeks in */
  body.herofull .hero{min-height:100vh;min-height:100svh;min-height:100dvh;}
  body.herofull .hero .hero-inner{min-height:100vh;min-height:100svh;min-height:100dvh;}
  @media (max-width:880px){
    body.herofull .hero .hero-inner{padding-top:104px;}
  }

  /* ---------- shorter hero for interior pages ---------- */
  .hero-sub h1{font-size:clamp(2.1rem,5vw,3.6rem);}
  /* the scrim sits at z-index 2, so the copy has to be lifted above it */
  .hero-sub .hero-inner{position:relative;z-index:3;display:flex;
    padding-block:clamp(96px,13vh,132px) clamp(38px,6vh,72px);}
  /* the copy column fills the hero so the button can sit on the bottom edge */
  .hero-sub .hero-wrap{display:flex;width:100%;}
  .hero-sub .hero-copy{display:flex;flex-direction:column;justify-content:flex-end;}
  .hero-sub .hero-cta{margin-top:clamp(26px,5vh,52px);margin-bottom:0;}
  .hero-sub h1{text-shadow:0 2px 26px rgba(4,12,16,.7),0 1px 3px rgba(4,12,16,.55);}
  .hero-sub .lede{text-shadow:0 1px 14px rgba(4,12,16,.8);}
  .hero-sub .hero-eyebrow{text-shadow:0 1px 10px rgba(4,12,16,.9);}
  .hero.hero-sub .scrim{position:absolute;inset:0;z-index:2;background:
    linear-gradient(to left,rgba(7,22,30,.90) 0%,rgba(7,22,30,.82) 26%,rgba(7,22,30,.56) 46%,rgba(7,22,30,.20) 64%,rgba(7,22,30,0) 82%),
    linear-gradient(to top,rgba(7,22,30,.46) 0%,rgba(7,22,30,0) 34%);}
  @media (max-width:880px){
    .hero.hero-sub .scrim{background:linear-gradient(180deg,rgba(7,22,30,.36) 0%,rgba(7,22,30,.62) 40%,rgba(7,22,30,.90) 100%);}
  }
  /* the shorter crop would cut the player's head, so bias the frame upward */
  .hero-sub video{object-position:26% 26%;transform:scale(1.06);transform-origin:30% 34%;}
  @media (max-width:880px){ .hero-sub video{object-position:30% 22%;transform:scale(1.04);} }

  /* ---------- header / site tabs ---------- */
  header{position:sticky;top:0;z-index:80;background:var(--bg);border-bottom:1px solid var(--line);}
  .nav{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1140px;margin:0 auto;padding:13px 24px;}
  .brand{display:flex;align-items:center;gap:10px;font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-size:1rem;flex:none;letter-spacing:.02em;text-decoration:none;color:inherit;cursor:pointer;border-radius:3px;}
  .brand:hover .mark{color:var(--court-bright);}
  .brand:focus-visible{outline:3px solid var(--focus);outline-offset:4px;}
  /* one colour, inherited from the wordmark beside it, so it is always correct
     against whatever the header is sitting on */
  .brand .mark{width:23px;height:23px;flex:none;color:inherit;display:block;
    transition:color .2s ease;}
  footer .brand .mark{width:26px;height:26px;}
  .sitenav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;}
  .sitenav::-webkit-scrollbar{display:none;}
  .sitetab{appearance:none;background:transparent;border:none;padding:9px 14px;border-radius:2px;cursor:pointer;
    font-family:'Work Sans',system-ui,-apple-system,sans-serif;font-size:.88rem;font-weight:600;color:var(--text-muted);white-space:nowrap;}
  .sitetab:hover{color:var(--text);}
  .sitetab[aria-selected="true"]{color:var(--text);background:var(--surface);box-shadow:inset 0 -2px 0 var(--ball);}
  .sitetab:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;}
  @media (max-width:1080px){ .nav{flex-wrap:wrap;} .sitenav{order:3;width:100%;padding-bottom:2px;} }

  .page[hidden]{display:none;}

  /* ---------- hero (calm) ---------- */
  .hero{position:relative;overflow:hidden;background:var(--court-deep);isolation:isolate;}
  .hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
  .hero .scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(264deg,rgba(7,22,30,.94) 0%,rgba(7,22,30,.86) 32%,rgba(7,22,30,.46) 64%,rgba(7,22,30,.22) 100%),linear-gradient(to top,rgba(7,22,30,.45) 0%,rgba(7,22,30,0) 50%);}
  .hero-wrap{display:flex;justify-content:flex-end;}
  .hero-copy{max-width:34rem;}
  .hero video{transform:scale(1.06);transform-origin:35% 50%;}
  @media (max-width:880px){.hero .scrim{background:linear-gradient(180deg,rgba(7,22,30,.42) 0%,rgba(7,22,30,.72) 42%,rgba(7,22,30,.92) 100%);}.hero video{object-position:9% center;transform:scale(1.02);transform-origin:center;}.hero-wrap{justify-content:flex-start;}.hero-copy{max-width:none;}.hero-inner{padding:150px 0 74px;}}
  .hero-inner{padding:132px 0 138px;}
  @media (max-width:640px){ .hero-inner{padding:88px 0 92px;} }
  .hero h1{font-size:clamp(2.7rem,6.4vw,5rem);line-height:.94;color:#fff;max-width:15ch;}
  .hero h1 em{font-style:normal;color:var(--ball);}
  .hero .lede{font-size:1.1rem;color:#D5E4E6;max-width:38ch;margin:20px 0 0;}
  .hero-cta{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap;}
  .hero-eyebrow{color:rgba(244,247,240,.72);font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px;}

  /* ---------- scoreboard ---------- */
  .scoreboard{background:var(--court-deep);color:#F0F5EE;}
  .sb-grid{display:grid;grid-template-columns:repeat(4,1fr);}
  @media (max-width:760px){ .sb-grid{grid-template-columns:repeat(2,1fr);} }
  .sb{padding:26px 22px;border-left:1px solid rgba(240,245,238,.18);}
  .sb:first-child{border-left:none;}
  @media (max-width:760px){ .sb:nth-child(3){border-left:none;} .sb:nth-child(n+3){border-top:1px solid rgba(240,245,238,.18);} }
  .sb .amt{font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-size:2.5rem;line-height:1;color:var(--ball);font-variant-numeric:tabular-nums;}
  .sb .what{font-weight:600;font-size:.92rem;margin-top:8px;}
  .sb .unit{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.71rem;letter-spacing:.07em;text-transform:uppercase;color:#9FBACB;margin-top:2px;}

  /* ---------- section heads ---------- */
  .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:38px;flex-wrap:wrap;}
  .section-head h2{font-size:clamp(1.9rem,3.5vw,2.7rem);}
  .section-head p{color:var(--text-muted);max-width:42ch;margin:10px 0 0;}

  /* ---------- three-up ---------- */
  .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;}
  @media (max-width:760px){ .trio{grid-template-columns:1fr;} }
  .trio-card{background:var(--surface);padding:30px 26px 28px;display:flex;flex-direction:column;gap:12px;
    border-top:3px solid transparent;}
  .trio-card:nth-child(1){border-top-color:var(--coral);background:var(--tint-warm);}
  .trio-card:nth-child(2){border-top-color:var(--court-bright);background:var(--tint);}
  .trio-card:nth-child(3){border-top-color:var(--ball-deep);background:#FAFCEB;}
  .trio-card .n{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.14em;font-weight:600;text-transform:uppercase;}
  .trio-card:nth-child(1) .n{color:var(--coral);}
  .trio-card:nth-child(2) .n{color:var(--court);}
  .trio-card:nth-child(3) .n{color:#7C8A0F;}
  .trio-card h3{font-size:1.5rem;}
  .trio-card p{color:var(--text-muted);font-size:.94rem;margin:0;flex:1;}
  .trio-card a{font-weight:600;font-size:.88rem;color:var(--court-bright);text-decoration:none;}
  .trio-card a:hover{text-decoration:underline;}

  /* ---------- trial band ---------- */
  .band{background:var(--ball);color:#0A1D26;}
  .band .wrap{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;padding-top:34px;padding-bottom:34px;}
  .band h2{font-size:clamp(1.5rem,3vw,2.2rem);max-width:20ch;}
  .band p{margin:8px 0 0;font-weight:500;max-width:44ch;}
  .btn-ink{background:#0A1D26;color:#fff;}
  .btn-ink:hover{background:#12303d;}

  /* ---------- tabs ---------- */
  .tabs{display:flex;gap:2px;border-bottom:2px solid var(--line);overflow-x:auto;scrollbar-width:none;}
  .stage-tabs{border-bottom:none;gap:10px;padding:2px 0 6px;}
  .stage-tabs .tab{border:2px solid var(--st,var(--line));border-radius:999px;margin-bottom:0;
    padding:10px 20px;color:var(--text);background:var(--surface);transition:background .15s,color .15s,transform .12s;}
  .stage-tabs .tab:hover{transform:translateY(-1px);background:var(--sttint,var(--surface-2));}
  .stage-tabs .tab[aria-selected="true"]{background:var(--st);color:#fff;border-color:var(--st);}
  .stage-tabs .tab[aria-selected="true"] .tdot{background:#fff !important;}
  #t-blue{--st:var(--stage-blue);--sttint:#EDF3FD;}
  #t-red{--st:var(--stage-red);--sttint:#FDEEEC;}
  #t-orange{--st:var(--stage-orange);--sttint:#FDF3E8;}
  #t-green{--st:var(--stage-green);--sttint:#EDF7EF;}
  .tabs::-webkit-scrollbar{display:none;}
  .tab{appearance:none;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;padding:13px 18px;
    font-family:'Work Sans',system-ui,-apple-system,sans-serif;font-size:.94rem;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:9px;}
  .tab:hover{color:var(--text);}
  .tab[aria-selected="true"]{color:var(--text);border-bottom-color:var(--court-bright);}
  .tab:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;}
  .tab .tdot{width:11px;height:11px;border-radius:50%;flex:none;}
  .panel[hidden]{display:none;}
  .panel{padding-top:36px;}

  /* ---------- program panels ---------- */
  .prog{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:start;}
  @media (max-width:880px){ .prog{grid-template-columns:1fr;gap:30px;} }
  .prog h3{font-size:clamp(1.6rem,2.8vw,2.2rem);}
  .kicker{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--coral);font-weight:600;margin-bottom:9px;}
  .prog p{color:var(--text-muted);margin:14px 0 0;}
  .price-block{display:flex;gap:30px;flex-wrap:wrap;margin-top:24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .price-item{display:flex;flex-direction:column;gap:2px;}
  .price-item .amt{font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums;}
  .price-item .unit{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.71rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);}
  .trial-flag{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:10px 15px;border-radius:2px;background:var(--ball);color:#0A1D26;font-weight:600;font-size:.87rem;}
  .prog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
  .bullets{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
  .bullets li{display:flex;gap:12px;font-size:.94rem;color:var(--text-muted);}
  .bullets li:before{content:"";width:6px;height:6px;border-radius:1px;background:var(--stage);margin-top:9px;flex:none;}

  .photo-slot{border:1px dashed var(--line);border-radius:4px;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:6px;padding:26px;text-align:center;color:var(--text-muted);font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.73rem;line-height:1.6;aspect-ratio:4/3;}
  .photo-slot strong{color:var(--coral);font-weight:600;display:block;font-size:.79rem;}

  .spec{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface);}
  .spec-head{padding:17px 20px;background:var(--stage);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;}
  .spec-head .sname{font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-size:1.35rem;}
  .spec-head .sage{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.77rem;background:rgba(255,255,255,.22);padding:5px 10px;border-radius:2px;}
  .spec-row{display:flex;justify-content:space-between;gap:18px;padding:13px 20px;border-top:1px solid var(--line);font-size:.9rem;}
  .spec-row .k{color:var(--text-muted);font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;padding-top:2px;}
  .spec-row .v{font-weight:600;text-align:right;}

  .pathway{display:flex;margin:0 0 32px;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface);}
  .pw{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:3px;border-left:1px solid var(--line);}
  .pw:first-child{border-left:none;}
  .pw{appearance:none;background:var(--surface);text-align:left;cursor:pointer;font:inherit;color:inherit;min-height:62px;}
  .pw:hover{background:var(--surface-2);}
  .pw{box-shadow:inset 0 -3px 0 transparent;transition:background .15s,box-shadow .15s;}
  .pw:nth-child(1){box-shadow:inset 0 -3px 0 var(--stage-blue);}
  .pw:nth-child(2){box-shadow:inset 0 -3px 0 var(--stage-red);}
  .pw:nth-child(3){box-shadow:inset 0 -3px 0 var(--stage-orange);}
  .pw:nth-child(4){box-shadow:inset 0 -3px 0 var(--stage-green);}
  .pw:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;}
  .pw[aria-current="true"]{background:var(--tint);box-shadow:inset 0 -5px 0 var(--court-bright);}
  .pw .pwtop{display:flex;align-items:center;gap:8px;}
  .pw .pwball{width:14px;height:14px;border-radius:50%;flex:none;}
  .pw .pwname{font-family:'Work Sans',system-ui,-apple-system,sans-serif;font-weight:700;font-size:.9rem;}
  .pw .pwage{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.71rem;color:var(--text-muted);}
  @media (max-width:640px){ .pathway{flex-wrap:wrap;} .pw{flex:1 1 50%;border-top:1px solid var(--line);} }

  /* ---------- venues ---------- */
  .venue{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;}
  @media (max-width:880px){ .venue{grid-template-columns:1fr;gap:28px;} }
  .venue h3{font-size:clamp(1.45rem,2.5vw,2rem);}
  .addr{display:flex;gap:12px;align-items:flex-start;margin-top:16px;}
  .addr svg.pin{width:20px;height:20px;color:var(--coral);flex:none;margin-top:3px;}
  .addr .a1{font-weight:600;}
  .addr .a2{color:var(--text-muted);font-size:.92rem;}
  .maplink{font-size:.86rem;font-weight:600;color:var(--court-bright);text-decoration:none;display:inline-block;margin-top:8px;}
  .maplink:hover{text-decoration:underline;}
  .runs{margin-top:26px;}
  .runs h4{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.71rem;letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted);font-weight:600;margin-bottom:12px;}
  .pill-row{display:flex;gap:8px;flex-wrap:wrap;}
  .pill{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--line);border-radius:100px;font-size:.85rem;background:var(--surface);}
  .pill .pdot{width:8px;height:8px;border-radius:50%;background:var(--court-bright);flex:none;}
  .pill.tbc{color:var(--text-muted);border-style:dashed;}
  .coach-tags{display:flex;gap:8px;flex-wrap:wrap;}
  .ctag{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.77rem;padding:5px 11px;background:var(--surface-2);border:1px solid var(--line);border-radius:2px;}
  .court-plan{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:var(--surface);display:block;}
  .court-cap{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.71rem;color:var(--text-muted);margin-top:9px;text-align:center;}
  .venue-photo{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface-2);}
  .venue-photo img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
  .prog-photo{border:1px solid var(--line);border-radius:4px;overflow:hidden;}
  .prog-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
  .prog-photo.portrait img{aspect-ratio:4/5;object-position:center top;}
  .prog-photo.portrait{max-width:420px;margin-inline:auto;}

  /* ---------- coaches ---------- */
  .coach-sec{background:var(--tint);color:var(--text);}
  .coach-sec .section-head h2{color:var(--text);}
  .coach-sec .section-head p{color:var(--text-muted);}
  .team{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  @media (max-width:940px){ .team{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .team{grid-template-columns:1fr;} }
  .tcard{background:var(--surface);border:1px solid #DCE7EE;border-radius:4px;overflow:hidden;
    display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(10,29,38,.05);}
  .tcard.lead{grid-column:1/-1;flex-direction:row;gap:26px;}
  .tcard.lead .tphoto{width:300px;flex:none;aspect-ratio:4/5;align-self:flex-start;border-radius:3px;}
  @media (max-width:560px){ .tcard.lead{flex-direction:column;} .tcard.lead .tphoto{width:100%;aspect-ratio:4/3;align-self:stretch;} }
  @media (max-width:560px){ .tcard.lead{grid-column:span 1;} }
  .tphoto{aspect-ratio:4/5;background:linear-gradient(150deg,var(--court-bright),var(--court-deep));position:relative;overflow:hidden;}
  
  .tphoto img{width:100%;height:100%;object-fit:cover;object-position:center 20%;}
  .tphoto .initials{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-size:2.8rem;color:rgba(240,245,238,.45);}
  .tphoto .need{position:absolute;inset:auto 0 0 0;padding:8px 12px;background:rgba(7,22,30,.78);font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;color:#B4C5C4;}
  .tbody{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1;}
  .tname{font-family:'Work Sans',system-ui,-apple-system,sans-serif;font-weight:700;font-size:1.02rem;color:var(--text);}
  .trole{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;color:var(--court);letter-spacing:.07em;text-transform:uppercase;}
  .tbio{color:var(--text-muted);font-size:.87rem;margin:0;}
  .tloc{margin-top:auto;padding-top:11px;border-top:1px solid var(--line);font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.71rem;color:var(--text-muted);}
  .tcreds{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:.82rem;color:var(--text-muted);}
  .tcreds li{display:flex;gap:9px;}
  .tcreds li:before{content:"";width:5px;height:5px;background:var(--court);margin-top:7px;flex:none;border-radius:1px;}

  /* ---------- events ---------- */
  .event-live{display:grid;grid-template-columns:330px 1fr;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface);}
  @media (max-width:800px){ .event-live{grid-template-columns:1fr;} }
  .poster-slot{background:var(--surface-2);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:8px;padding:30px 22px;text-align:center;aspect-ratio:4/5;color:var(--text-muted);font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.73rem;line-height:1.6;}
  @media (max-width:800px){ .poster-slot{border-right:none;border-bottom:1px solid var(--line);aspect-ratio:16/9;} }
  .poster-slot strong{display:block;color:var(--coral);font-size:.79rem;font-weight:600;}
  .event-body{padding:32px;display:flex;flex-direction:column;gap:14px;}
  .live-badge{display:inline-flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;color:var(--coral);font-weight:600;}
  .live-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral);}
  .event-body h3{font-size:clamp(1.45rem,2.6vw,2rem);}
  .event-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .fact{display:flex;flex-direction:column;gap:2px;}
  .fact .k{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);}
  .fact .v{font-weight:600;font-size:.94rem;}
  .event-body p{color:var(--text-muted);margin:0;}
  .event-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
  .stripe-note{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--text-muted);}
  /* ---------- the next event, featured ---------- */
  .event-feat{border:1px solid var(--line);border-radius:5px;background:var(--surface);
    overflow:hidden;margin:4px 0 40px;}
  .event-feat img{display:block;width:100%;height:auto;}
  .event-body{padding:clamp(22px,3.4vw,34px);display:flex;flex-direction:column;gap:14px;}
  .event-when{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--court);}
  .event-body h3{font-size:clamp(1.5rem,3.6vw,2rem);margin:0;line-height:1.06;}
  .event-lead{font-size:1.06rem;font-weight:600;color:var(--text);margin:0;}
  .event-body p{margin:0;color:var(--text-muted);max-width:62ch;}
  .event-facts{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;
    gap:8px;max-width:62ch;}
  .event-facts li{position:relative;padding-left:20px;font-size:.92rem;color:var(--text-muted);}
  .event-facts li::before{content:"";position:absolute;left:0;top:.52em;width:7px;height:7px;
    background:var(--ball);border-radius:2px;transform:rotate(45deg);}
  .event-facts strong{color:var(--text);}
  .event-act{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px;}
  .event-note{font-size:.84rem;color:var(--text-muted);}

  .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
    white-space:nowrap;}
  .rq-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px;}
  .rq-toggle{display:inline-flex;align-items:center;gap:9px;font:inherit;font-size:.92rem;
    font-weight:600;padding:11px 18px;cursor:pointer;border:1px solid var(--line);
    background:var(--surface);color:var(--text);border-radius:4px;transition:.15s;}
  .rq-toggle svg{width:15px;height:15px;}
  .rq-toggle:hover{border-color:var(--text-muted);}
  .rq-toggle.is-open{background:var(--ball);border-color:var(--ball);color:#0B0705;}
  .rq-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;
    height:19px;padding:0 5px;border-radius:999px;background:var(--court);color:#fff;
    font-size:.7rem;font-weight:700;}
  .rq-toggle.is-open .rq-badge{background:#0B0705;color:var(--ball);}
  .rq-panel{border:1px solid var(--line);border-radius:5px;background:var(--surface);
    padding:18px;margin:0 0 28px;display:flex;flex-direction:column;gap:12px;}
  .rq-panel[hidden]{display:none;}
  .rq-search input{width:100%;font:inherit;font-size:.95rem;padding:11px 14px;
    border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);}
  .rq-search input:focus{outline:2px solid var(--ball);outline-offset:1px;border-color:transparent;}
  .rq-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
  .rq-lab{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:.66rem;
    letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);
    width:52px;flex:none;}
  .rq-chips{display:flex;gap:7px;flex-wrap:wrap;}
  .rq-clear{align-self:flex-start;font:inherit;font-size:.82rem;background:none;border:0;
    color:var(--court);text-decoration:underline;cursor:pointer;padding:2px 0;margin-top:2px;}
  .rq-count{font-size:.85rem;color:var(--text-muted);margin:0;}
  .rq-none{font-size:.95rem;color:var(--text-muted);padding:26px 0;margin:0;}
  .rq-card[hidden]{display:none;}
  @media (max-width:560px){ .rq-lab{width:100%;} }
  /* ---- racquet catalogue ---- */
  .rq-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px;}
  .rq-chip{font:inherit;font-size:.84rem;font-weight:600;padding:8px 16px;cursor:pointer;
    border:1px solid var(--line);background:var(--surface);color:var(--text-muted);
    border-radius:999px;transition:.15s;}
  .rq-chip:hover{color:var(--text);}
  .rq-chip.is-on{background:var(--ball);border-color:var(--ball);color:#0B0705;}
  .rq-fam{margin:0 0 40px;}
  .rq-fam[hidden]{display:none;}
  .rq-famhead{margin:0 0 16px;padding-left:12px;border-left:4px solid var(--ball-deep);}
  .rq-famhead h3{font-size:1.18rem;margin:0;}
  .rq-famhead p{font-size:.88rem;color:var(--text-muted);margin:4px 0 0;}
  .rq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:16px;}
  .rq-card{border:1px solid var(--line);border-radius:5px;background:var(--surface);
    overflow:hidden;display:flex;flex-direction:column;}
  .rq-shot{aspect-ratio:1/1;background:var(--surface-2);display:flex;align-items:center;
    justify-content:center;border-bottom:1px solid var(--line);}
  /* the product photo sits inside the square tile whole, never cropped and
     never stretched: a racquet with its head cut off looks broken. */
  .rq-shot img{width:100%;height:100%;object-fit:contain;padding:10px;
    background:#fff;display:block;}
  .rq-shot span{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:.7rem;
    letter-spacing:.14em;text-transform:uppercase;color:#9AAAA8;}
  .rq-body{padding:15px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1;}
  .rq-body h4{font-size:.96rem;line-height:1.25;margin:0;}
  .rq-spec{font-size:.78rem;color:var(--text-muted);margin:0;}
  .rq-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;
    padding-top:6px;}
  .rq-was{font-size:.86rem;color:var(--text-muted);text-decoration:line-through;}
  .rq-off{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:.62rem;
    font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--ball);
    color:#0B0705;padding:3px 7px;border-radius:3px;}
  .rq-now{font-size:1.38rem;font-weight:700;color:var(--text);width:100%;line-height:1.1;}
  .rq-string{font-size:.76rem;color:var(--court);margin:0;font-weight:600;}
  /* ---- pickleball hero ---- */
  .pb-hero{position:relative;overflow:hidden;min-height:clamp(420px,72vh,760px);
    display:flex;align-items:center;background:#0A1D26;}
  .pb-hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
  /* one cut at a time: the wide one by default, the tall one on phones */
  .pb-mobile{display:none;}
  @media (max-width:760px){ .pb-desktop{display:none;} .pb-mobile{display:block;} }
  /* keeps the words readable over a bright, busy picture */
  .pb-hero-scrim{position:absolute;inset:0;background:
    linear-gradient(to right,rgba(6,20,26,.86) 0%,rgba(6,20,26,.55) 45%,
      rgba(6,20,26,.15) 75%,rgba(6,20,26,.05) 100%);}
  @media (max-width:760px){
    .pb-hero-scrim{background:linear-gradient(to bottom,rgba(6,20,26,.35) 0%,
      rgba(6,20,26,.20) 35%,rgba(6,20,26,.72) 75%,rgba(6,20,26,.90) 100%);}
  }
  .pb-hero-copy{position:relative;max-width:1140px;width:100%;margin:0 auto;
    padding:clamp(28px,5vw,64px) clamp(20px,4vw,44px);color:#fff;}
  .pb-eyebrow{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:.72rem;
    letter-spacing:.16em;text-transform:uppercase;color:#D8EB37;font-weight:600;margin:0 0 12px;}
  .pb-hero-copy h1{font-size:clamp(2rem,5.2vw,3.6rem);line-height:1.04;margin:0 0 14px;max-width:16ch;}
  .pb-lead{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.5;margin:0 0 26px;
    max-width:46ch;color:#DCE7E5;}
  /* a still frame for anyone who asked their device to cut the motion */
  @media (prefers-reduced-motion:reduce){
    .pb-hero-vid{display:none;}
    .pb-hero{background:#0A1D26 url(/images/pickleball-hero-desktop-poster.jpg) center/cover no-repeat;}
  }

  .rq-buy{width:100%;text-align:center;margin-top:4px;padding:11px 14px;font-size:.9rem;
    border:0;cursor:pointer;font-family:inherit;}

  /* the chosen-product strip at the top of the gear form */
  .gear-pick{display:flex;align-items:center;justify-content:space-between;gap:14px;
    flex-wrap:wrap;background:var(--surface-2);border-left:3px solid var(--ball,#D8EB37);
    border-radius:3px;padding:12px 14px;margin:0 0 18px;}
  .gear-pick .gp-label{display:block;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;
    font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-bottom:3px;}
  .gear-pick strong{font-size:1.02rem;}
  .gear-pick #gearPickPrice{font-weight:600;white-space:nowrap;}
  .gp-clear{background:none;border:0;padding:4px 2px;cursor:pointer;font-family:inherit;
    font-size:.85rem;text-decoration:underline;color:inherit;opacity:.75;}
  .gp-clear:hover{opacity:1;}
  @media (max-width:560px){
    .rq-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
    .rq-body{padding:12px;}
  }

  .tcreds a{color:var(--court);text-decoration:underline;text-underline-offset:2px;}
  .tcreds a:hover{color:var(--text);}
  .soldout{margin-top:14px;border:1px solid var(--line);border-left:4px solid var(--ball);
    border-radius:4px;background:var(--surface);padding:clamp(16px,2.2vw,22px);max-width:62ch;}
  .soldout .so-head{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text);
    font-weight:600;margin:0 0 8px;}
  .soldout p{margin:0 0 9px;color:var(--text-muted);font-size:.92rem;line-height:1.55;}
  .soldout p:last-child{margin-bottom:0;}
  .soldout a{color:var(--court);font-weight:600;}
  .event-more{display:inline-flex;align-items:center;gap:7px;margin-top:2px;font-family:
    'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;
    letter-spacing:.1em;text-transform:uppercase;color:var(--court);text-decoration:none;
    border-bottom:1px solid currentColor;padding-bottom:2px;align-self:flex-start;}
  .event-more:hover{color:var(--text);}

  /* Event information page */
  .info{max-width:70ch;}
  .info-facts{border:1px solid #DCE7EE;border-top:4px solid var(--court-bright);border-radius:5px;background:var(--tint);
    padding:clamp(18px,2.6vw,26px);margin:0 0 34px;}
  .info-facts dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 22px;}
  .info-facts dt{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--court);
    padding-top:3px;}
  .info-facts dd{margin:0;font-size:.95rem;color:var(--text);line-height:1.45;}
  .info-facts dd small{display:block;color:var(--text-muted);font-size:.84rem;margin-top:2px;}
  @media (max-width:560px){
    .info-facts dl{grid-template-columns:1fr;gap:2px;}
    .info-facts dt{padding-top:12px;}
    .info-facts dt:first-child{padding-top:0;}
  }
  .info-sec{border-top:1px solid var(--line);padding-top:22px;margin-top:26px;}
  .info-sec h3{font-size:1.12rem;margin:0 0 10px;}
  .info-sec p{color:var(--text-muted);margin:0 0 10px;line-height:1.6;}
  .info-sec p:last-child{margin-bottom:0;}
  .info-sec ul{margin:0 0 10px;padding-left:19px;display:flex;flex-direction:column;gap:7px;}
  .info-sec li{color:var(--text-muted);line-height:1.55;}
  .info-sec strong{color:var(--text);}
  .info-sec a{color:var(--court);}
  .info-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;
    border-top:1px solid var(--line);margin-top:30px;padding-top:26px;}
  .info-updated{font-size:.8rem;color:var(--text-muted);margin-top:26px;}
  .past-events{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;}
  @media (max-width:800px){ .past-events{grid-template-columns:1fr;} }
  .past-card{border:1px solid var(--line);border-top:3px solid var(--coral);border-radius:4px;
    background:var(--surface);padding:20px;display:flex;flex-direction:column;gap:8px;}
  .past-card .when{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--coral);}
  .past-card p{font-size:.86rem;color:var(--text-muted);margin:0;}
  .past-shots{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr);
    gap:4px;margin:-20px -20px 4px;aspect-ratio:3/2;overflow:hidden;
    border-radius:4px 4px 0 0;}
  .past-shots img{width:100%;height:100%;object-fit:cover;display:block;}
  .past-shots img:first-child{grid-row:1 / span 2;}
  .past-shots-one{grid-template-columns:1fr;grid-template-rows:1fr;}
  .past-shots-one img:first-child{grid-row:auto;}
  .note-box{margin-top:24px;padding:16px 18px;border:1px dashed #C6D8E2;border-radius:4px;font-size:.85rem;color:var(--text-muted);background:var(--tint);}
  .note-box strong{color:var(--text);}

  /* ---------- gear ---------- */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px;}
  @media (max-width:800px){ .steps{grid-template-columns:1fr;} }
  .step{border:1px solid var(--line);border-radius:4px;background:var(--surface);padding:26px 24px;display:flex;flex-direction:column;gap:10px;}
  .step .sn{font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-size:2.4rem;line-height:1;color:var(--ball-deep);}
  .step h3{font-family:'Work Sans',system-ui,-apple-system,sans-serif;font-weight:700;font-size:1.05rem;}
  .step p{color:var(--text-muted);font-size:.92rem;margin:0;}
  .gear-grid{display:grid;grid-template-columns:1fr 320px;gap:52px;align-items:start;}
  @media (max-width:920px){ .gear-grid{grid-template-columns:1fr;gap:34px;} }
  .cat-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}

  /* ---------- forms ---------- */
  form.stsform{display:flex;flex-direction:column;gap:24px;}
  .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  @media (max-width:600px){ .field-row{grid-template-columns:1fr;} }
  .field{display:flex;flex-direction:column;gap:7px;}
  .field label,.fset > legend{font-size:.82rem;font-weight:600;}
  .field .help,.fset .help{font-size:.76rem;color:var(--text-muted);font-weight:400;}
  input[type="text"],input[type="tel"],input[type="email"],input[type="url"],input[type="number"],select,textarea{
    font-family:inherit;font-size:.95rem;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:2px;padding:12px 13px;width:100%;}
  textarea{min-height:94px;resize:vertical;}
  input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus);}
  .fset{border:1px solid var(--line);border-radius:4px;padding:18px 20px;margin:0;}
  .fset > legend{padding:0 8px;}
  .check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:12px;}
  @media (max-width:600px){ .check-grid{grid-template-columns:1fr;} }
  .opt{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;cursor:pointer;}
  .opt input{margin:3px 0 0;accent-color:var(--court-bright);flex:none;width:16px;height:16px;}
  .opt .opt-label{display:flex;flex-direction:column;gap:2px;}
  .opt .opt-hint{font-size:.76rem;color:var(--text-muted);}
  .avail-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.9rem;}
  .avail-table th,.avail-table td{border:1px solid var(--line);padding:7px 10px;text-align:center;}
  .avail-table tr.allrow td{background:var(--surface-2);}
  .avail-table tr.allrow td[colspan]{text-align:left;}
  .allhint{font-size:.8rem;color:var(--text-muted);font-weight:400;}
  .avail-table th{font-weight:600;font-size:.78rem;background:var(--surface-2);}
  .avail-table th:first-child,.avail-table td:first-child{text-align:left;}
  .avail-table td:first-child{font-weight:600;}
  .avail-table input{accent-color:var(--court-bright);width:17px;height:17px;}
  .form-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
  .privacy{font-size:.78rem;color:var(--text-muted);max-width:36ch;}
  .side-card{border:1px solid #DCE7EE;border-left:4px solid var(--court-bright);border-radius:4px;
    padding:22px;background:var(--tint);display:flex;flex-direction:column;gap:13px;}
  .side-card h3{font-family:'Work Sans',system-ui,-apple-system,sans-serif;font-weight:700;font-size:1rem;}
  .side-card p{font-size:.88rem;color:var(--text-muted);margin:0;}
  .side-links{display:flex;flex-direction:column;gap:9px;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;}
  .side-links a{text-decoration:none;color:var(--court-bright);}
  .side-links a:hover{text-decoration:underline;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
  .form-done{border:1px solid var(--court-bright);border-radius:6px;background:var(--surface);
    padding:34px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
  .form-done[hidden]{display:none;}
  .done-tick{width:52px;height:52px;border-radius:50%;background:var(--ball);color:#0A1D26;
    display:flex;align-items:center;justify-content:center;margin-bottom:4px;}
  .done-tick svg{width:26px;height:26px;}
  .form-done h3{font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-size:1.5rem;}
  .form-done p{color:var(--text-muted);margin:0;max-width:46ch;}
  .form-done .done-meta{font-size:.9rem;}
  .form-done .btn{margin-top:8px;}
  @media (max-width:880px){ .form-done{padding:26px 20px;} .form-done .btn{width:100%;justify-content:center;} }
  .btn[aria-busy="true"]{opacity:.7;pointer-events:none;}
  .form-status{padding:13px 16px;border-radius:2px;background:rgba(30,117,162,.1);border:1px solid var(--court-bright);font-size:.88rem;}

  .socials{display:flex;gap:10px;align-items:center;}
  .social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);
    border-radius:2px;color:var(--text-muted);text-decoration:none;background:var(--surface);transition:color .15s,border-color .15s;}
  .social:hover{color:var(--court-bright);border-color:var(--court-bright);}
  .social:focus-visible{outline:2px solid var(--focus);outline-offset:2px;}
  .social svg{width:19px;height:19px;}
  .foot-social-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;padding-top:22px;border-top:1px solid var(--line);}
  .foot-social-row .handle{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--text-muted);}
  footer{padding:48px 0 38px;background:var(--court-deep);color:#E4EDF2;border-top:none;}
  footer .brand{color:#fff;}
  footer .foot-links{color:#BBD0DC;}
  footer .foot-links a{color:#BBD0DC;}
  footer .foot-links a:hover{color:var(--ball);}
  footer .foot-copy{color:#8FAABB;}
  footer .foot-social-row{border-top-color:rgba(228,237,242,.18);}
  footer .handle{color:#BBD0DC;}
  .foot-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;flex-wrap:wrap;}
  .foot-links{display:flex;gap:20px;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap;}
  .foot-links a{text-decoration:none;}
  .foot-links a:hover{color:var(--ball);}
  .foot-copy{font-size:.78rem;color:var(--text-muted);margin-top:22px;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.8;}

  /* ---------------- mobile ---------------- */
  html{ -webkit-text-size-adjust:100%; }
  body{ overflow-x:hidden; }
  .menu-toggle{display:none;}
  .mobnav{display:none;}
  .nav-call{display:none;}

  @media (max-width:880px){
    /* one tidy header row: logo | call | menu */
    .nav{flex-wrap:nowrap;gap:10px;padding:11px 18px;}
    .sitenav{display:none;}
    .nav-cta{display:none;}
    .menu-toggle{
      display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
      width:46px;height:46px;padding:0 12px;flex:none;margin-left:auto;
      background:transparent;border:1px solid var(--line);border-radius:3px;cursor:pointer;
    }
    .menu-toggle span{display:block;height:2px;width:20px;background:var(--text);border-radius:2px;transition:transform .18s,opacity .18s;}
    .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
    .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
    .menu-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px;}
    .nav-call{
      display:inline-flex;align-items:center;justify-content:center;gap:7px;
      height:46px;padding:0 15px;border-radius:3px;background:var(--ball);color:#0A1D26;
      font-weight:700;font-size:.88rem;text-decoration:none;flex:none;white-space:nowrap;
    }
    .mobnav{display:block;border-top:1px solid var(--line);background:var(--surface);}
    .mobnav[hidden]{display:none;}
    .mobitem{
      display:flex;align-items:center;justify-content:space-between;width:100%;
      min-height:56px;padding:0 18px;background:transparent;border:none;
      border-bottom:1px solid var(--line);cursor:pointer;
      font-family:'Work Sans',system-ui,sans-serif;font-size:1.02rem;font-weight:600;
      color:var(--text);text-align:left;
    }
    .mobitem[aria-current="true"]{color:var(--court-bright);box-shadow:inset 3px 0 0 var(--ball);}
    .mobitem:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;}
    .mobfoot{display:flex;gap:10px;padding:16px 18px 20px;flex-wrap:wrap;}
    .mobfoot .btn{flex:1 1 100%;justify-content:center;}

    /* hero breathes */
    .hero-inner{padding:74px 0 78px;}
    .hero h1{font-size:clamp(2.05rem,8.4vw,2.75rem);max-width:18ch;}
    .hero .lede{font-size:1.02rem;max-width:34ch;margin-top:16px;}
    .hero-cta{margin-top:26px;gap:10px;}
    .hero-cta .btn{flex:1 1 100%;justify-content:center;}

    section{padding:46px 0;}
    .wrap{padding:0 18px;}
    .section-head{margin-bottom:28px;gap:14px;}
    .section-head p{max-width:none;}
  }

  @media (max-width:560px){
    .sb{padding:20px 18px;}
    .sb .amt{font-size:2rem;}
    .sb .what{font-size:.88rem;}
    .sb .unit{font-size:.68rem;line-height:1.5;}
    .trio-card{padding:24px 20px;}
    .program,.loc,.step{padding:22px 18px;}
    .event-body,.tbody{padding:20px 18px;}
    .band .wrap{padding-top:28px;padding-bottom:28px;}
    .price-block{gap:20px;}
  }

  /* tabs: bigger targets + a visible hint that they scroll */
  .tabs{position:relative;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;}
  .tab{min-height:48px;scroll-snap-align:start;}
  .sitetab{min-height:44px;}
  @media (max-width:880px){
    .tabs{padding-right:26px;
      -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);
      mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);}
    .tab{padding:13px 15px;font-size:.9rem;}
    .panel{padding-top:26px;}
  }

  /* forms: 16px stops iOS zooming in on focus */
  input[type="text"],input[type="tel"],input[type="email"],input[type="url"],
  input[type="number"],select,textarea{font-size:16px;}
  @media (max-width:880px){
    .fset{padding:16px 15px;}
    .opt{min-height:34px;}
    .opt input{width:19px;height:19px;}
    .avail-table th,.avail-table td{padding:9px 6px;font-size:.86rem;}
    .avail-table input{width:20px;height:20px;}
    .form-foot .btn{flex:1 1 100%;justify-content:center;}
    .btn{min-height:46px;}
  }

  @media (max-width:880px){
    .stage-tabs{display:none;}
    .pathway{margin-bottom:24px;}
    .pw{min-height:70px;}
  }
  @media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important;} }