:root { --ink:#002e2b; --green:#83c441; --huntington-green:#8bc53f; --huntington-teal:#a4e9df; --paper:#fff; --mist:#edf1ef; --line:#d9e2de; --soft:#f4f7f5; --tris-blue:#1682c5; }
    * { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:76px; } body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.5 Poppins, Arial, Helvetica, sans-serif; }
    a { color:inherit; } .family-bar { display:flex; align-items:center; min-height:58px; padding:10px 5vw; background:var(--tris-blue); color:#fff; }
    .family-logo { flex:0 0 min(293px,32.25vw); display:block; width:min(293px,32.25vw); } .family-logo img { display:block; width:100%; height:auto; }
    .family-actions { display:flex; margin-left:auto; white-space:nowrap; } .family-events { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid rgba(255,255,255,.62); background:transparent; color:#fff; font:700 12px/1 Arial, Helvetica, sans-serif; letter-spacing:.02em; } .caret { font-size:13px; transform:translateY(-1px); }
    header { position:sticky; top:0; z-index:5; display:flex; align-items:center; gap:24px; padding:16px 5vw; background:rgba(255,255,255,.94); box-shadow:0 14px 28px rgba(0,46,43,.09); backdrop-filter:blur(12px); }
    .wordmark { display:block; flex:0 0 min(455px,39vw); width:min(455px,39vw); text-decoration:none; } .wordmark img { display:block; width:100%; height:auto; } nav { display:flex; flex:1; align-items:center; gap:19px; justify-content:flex-end; } nav a { white-space:nowrap; font:700 14px/1.2 Poppins, Arial, Helvetica, sans-serif; text-decoration:none; } .register { padding:12px 18px; border:0; background:var(--huntington-green); color:#fff; cursor:pointer; font:700 14px/1 Poppins, Arial, Helvetica, sans-serif; } .menu { display:none; padding:10px 13px; border:0; color:#fff; background:var(--huntington-green); font:700 13px Poppins, Arial, Helvetica, sans-serif; }
    section { padding:clamp(52px,8vw,112px) 5vw; border-bottom:1px solid var(--line); } .eyebrow, .tag { display:inline-block; margin:0 0 15px; color:#38615c; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
    .tag { padding:4px 7px; color:var(--ink); background:var(--green); letter-spacing:.08em; } .tag.hold { color:var(--hold); background:#f5cf76; } .tag.slot { color:#45615b; background:#dce7e4; }
    h1,h2,h3,p { margin-top:0; } h1 { max-width:900px; margin-bottom:24px; font-size:clamp(46px,8vw,112px); line-height:.88; letter-spacing:-.07em; } h2 { max-width:760px; font-size:clamp(36px,5vw,70px); line-height:.96; letter-spacing:-.055em; } h3 { margin-bottom:8px; font-size:22px; letter-spacing:-.035em; }
    .hero { min-height:620px; display:grid; align-content:end; background:linear-gradient(115deg, #d6e6dd 0%, #f4f7ee 62%, #d5e5db 100%); } .hero-grid { display:grid; grid-template-columns:minmax(0,1fr); align-items:end; } .lede { max-width:650px; font-size:19px; } .actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; } .button { display:inline-block; padding:13px 18px; background:var(--ink); color:#fff; font-size:14px; font-weight:700; text-decoration:none; } .button.held { background:transparent; color:var(--ink); border:1px solid rgba(0,46,43,.35); cursor:default; }
    .hero-variant { min-height:410px; display:flex; flex-direction:column; justify-content:end; padding:26px 0; } .hero-date { margin-bottom:16px; color:#38615c; font:700 15px/1.2 Poppins, Arial, Helvetica, sans-serif; letter-spacing:.02em; } .hero-variant h1 { margin-top:0; font-size:clamp(38px,4.6vw,68px); } .hero-variant p { max-width:510px; font-size:18px; }
    .routes,.conveniences { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; } .route,.convenience { display:flex; flex-direction:column; min-height:270px; padding:30px; background:var(--soft); } .route:nth-child(2),.convenience:nth-child(2) { background:#e4efe9; } .route a { margin-top:auto; font-weight:700; } .convenience p { margin-bottom:0; } .two { display:grid; grid-template-columns:.7fr 1.3fr; gap:8vw; } .fine { color:#45615b; }
    .accordions { display:grid; gap:2px; max-width:960px; background:var(--line); } details { background:#fff; } summary { padding:18px 20px; cursor:pointer; font-weight:800; } .detail { padding:0 20px 20px; } .detail p:last-child { margin-bottom:0; }
    .partners { background:#f6f8f7; } footer { padding:25px 5vw; background:var(--ink); color:#fff; font-size:13px; }
    .front-hero { min-height:700px; display:grid; align-content:end; position:relative; overflow:hidden; background:#002e2b; color:#fff; } .front-hero::before,.pathways::before { content:""; position:absolute; inset:-12% 0; background-position:center; background-size:cover; background-repeat:no-repeat; transform:translate3d(0,var(--parallax-shift,0px),0); will-change:transform; } .front-hero::before { background-image:linear-gradient(rgba(0,46,43,.88),rgba(0,46,43,.88)),url('private-visual-library-pilot/batch-001-200/derivatives/stellafly-059.jpg'); } .front-hero .hero-grid { max-width:1160px; position:relative; z-index:1; } .front-hero h1 { max-width:1120px; font-size:clamp(74px,11vw,156px); line-height:.8; } .front-hero .hero-line { display:block; color:#fff; text-shadow:none; } .front-hero .hero-line:first-child { color:var(--huntington-green); } .front-hero .hero-variant p { max-width:760px; color:#fff; font-size:clamp(24px,2.6vw,40px); font-weight:300; line-height:1.08; } .front-hero .actions { gap:16px; margin-top:34px; } .front-hero .register { padding:18px 30px; color:var(--ink); background:var(--huntington-green); font-size:17px; text-decoration:none; } .front-hero .button.held { padding:18px 30px; color:#fff; border-color:rgba(255,255,255,.78); font-size:17px; } .fact-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:clamp(26px,4vw,56px) 5vw; background:var(--huntington-green); color:var(--ink); } .fact { min-height:112px; padding:15px 5vw; border-right:1px solid rgba(255,255,255,.24); } .fact:last-child { border-right:0; } .fact b { display:block; margin-bottom:8px; color:var(--ink); font:700 15px/1 Poppins, Arial, Helvetica, sans-serif; letter-spacing:.1em; text-transform:uppercase; } .fact span { font:700 25px/1.14 Poppins, Arial, Helvetica, sans-serif; } @media (prefers-reduced-motion:no-preference) { .fact-strip.hero-meta-motion .fact { opacity:0; transform:translateY(100px); transition:opacity 900ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1); } .fact-strip.hero-meta-motion.is-revealed .fact { opacity:1; transform:translateY(0); } .fact-strip.hero-meta-motion.is-revealed .fact:nth-child(2) { transition-delay:240ms; } .fact-strip.hero-meta-motion.is-revealed .fact:nth-child(3) { transition-delay:480ms; } .fact-strip.hero-meta-motion.is-revealed .fact:nth-child(4) { transition-delay:720ms; } }
    .front-section { border-bottom:0; } .front-section > p { max-width:620px; } .choice-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:32px; } .choice { min-height:250px; padding:28px; background:var(--soft); } .choice:nth-child(2),.convenience:nth-child(2) { background:#e2eee7; } .choice h3,.path-card h3 { font:700 24px/1.1 Poppins, Arial, Helvetica, sans-serif; } .choice a,.path-card a { display:inline-block; margin-top:22px; font:700 14px/1 Poppins, Arial, Helvetica, sans-serif; text-decoration:none; } .real-life { background:#1682c5; } .real-life .eyebrow { color:var(--ink); } .real-life h2 { margin-bottom:.415em; color:#fff; } .real-life .benefit-lead { max-width:none; color:#fff; font-size:clamp(20px,2vw,26px); font-weight:300; line-height:1.34; } .real-life .conveniences { grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(36px,6vw,80px); margin-top:36px; } .real-life .convenience,.real-life .convenience:first-child,.real-life .convenience:nth-child(2) { min-height:0; padding:0; background:transparent; border:0; } .real-life .convenience h3 { margin-bottom:12px; color:var(--ink); font-size:clamp(28px,3vw,38px); line-height:1.04; } .real-life .benefit-intro,.real-life .benefit-pillar p { color:#fff; } .real-life .benefit-intro { max-width:560px; margin-bottom:0; font-size:18px; line-height:1.42; } .benefit-pillars { display:grid; gap:14px; margin-top:26px; } .benefit-pillar { display:grid; grid-template-columns:40px minmax(0,1fr); gap:12px; padding-top:14px; border-top:0; } .benefit-icon { display:grid; width:40px; height:40px; place-items:center; border-radius:50%; color:#fff; background:var(--ink); font:700 20px/1 Poppins, Arial, Helvetica, sans-serif; } .benefit-pillar h4 { margin:0 0 5px; color:#cceeff; font:700 19px/1.1 Poppins, Arial, Helvetica, sans-serif; } .benefit-pillar p { margin:0; font-size:16px; line-height:1.35; } .benefit-detail { display:inline-block; margin-top:22px; color:#cceeff; font-size:14px; font-weight:700; } .benefit-price { color:#cceeff; font-weight:700; white-space:nowrap; } .pathways { position:relative; overflow:hidden; background:#002e2b; color:#fff; } .pathways::before { background-image:linear-gradient(rgba(0,46,43,.88),rgba(0,46,43,.88)),url('private-visual-library-pilot/batch-001-200/derivatives/McNinch-030.jpg'); } .pathways > * { position:relative; z-index:1; } .pathways .eyebrow { color:#d6edba; } .pathways h2 { max-width:1200px; color:#fff; } .path-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:32px; } .path-card { min-height:175px; padding:20px; background:rgba(255,255,255,.94); color:var(--ink); } .path-card h3 { color:var(--huntington-green); } .path-card a { padding:11px 14px; background:#fff; color:var(--ink); border:1px solid rgba(0,46,43,.36); } .path-card p { color:#45615b; font-size:14px; }
    @media (max-width:760px) { .family-bar { min-height:52px; padding:9px 16px; } .family-logo { flex-basis:min(173px,43.5vw); width:min(173px,43.5vw); } .family-events { padding:8px 9px; font-size:11px; } header { gap:12px; flex-wrap:wrap; } .wordmark { flex:0 0 306px; width:306px; } .menu { display:grid; width:52px; height:52px; margin-left:auto; padding:0; place-items:center; border:1px solid rgba(0,46,43,.4); border-radius:8px; color:var(--ink); background:#fff; font:700 30px/1 Arial, Helvetica, sans-serif; } nav { display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; background:#fff; border-bottom:1px solid var(--line); } nav.open { display:flex; } nav a { padding:16px 5vw; border-top:1px solid var(--line); font-size:18px; } nav .register { align-self:flex-start; margin:12px 5vw 18px; font-size:16px; } .hero { min-height:620px; } .front-hero { min-height:690px; } .front-hero h1 { font-size:clamp(58px,15vw,74px); line-height:.82; } .front-hero .hero-variant p { font-size:clamp(23px,7vw,28px); } .front-hero .register,.front-hero .button.held { padding:16px 22px; font-size:16px; } .hero-grid,.two,.hero-gut-check { grid-template-columns:1fr; gap:32px; } .hero-variant { min-height:0; } .routes,.conveniences,.map,.choice-grid,.path-grid,.real-life .conveniences { grid-template-columns:1fr; } .hero-variant { min-height:0; } .front-hero::before,.pathways::before { transform:none; } .fact-strip { grid-template-columns:repeat(2,1fr); } .fact { min-height:104px; padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.24); } .fact b { margin-bottom:7px; font-size:13px; } .fact span { font-size:21px; } .fact:nth-child(2) { border-right:0; } .route,.convenience { border-right:0; border-bottom:1px solid var(--line); } .route:last-child,.convenience:last-child { border-bottom:0; } }
    @media (prefers-reduced-motion:reduce) { .front-hero::before,.pathways::before { transform:none; } }
    /* Founder-approved non-desktop header row: original horizontal lockup plus a fixed accessible menu target. */
    @media (max-width:1024px) {
      .family-bar { flex-wrap:nowrap; gap:12px; padding:10px clamp(16px,5vw,40px); }
      .family-logo { flex:1 1 auto; width:auto; max-width:min(360px,calc(100% - 112px)); min-width:0; }
      .family-actions { flex:0 0 auto; margin-left:auto; }
      .family-events { white-space:nowrap; }
      header { flex-wrap:nowrap; gap:clamp(10px,2vw,16px); padding:10px clamp(16px,5vw,40px); }
      .wordmark { flex:1 1 auto; width:auto; max-width:min(420px,calc(100% - 62px)); min-width:0; }
      .menu { display:grid; flex:0 0 52px; width:52px; height:52px; margin-left:auto; padding:0; place-items:center; border:1px solid rgba(0,46,43,.4); border-radius:10px; color:#002e2b; background:#8bc53f; font:700 30px/1 Arial, Helvetica, sans-serif; }
      nav { display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; background:#fff; border-bottom:1px solid var(--line); }
      nav.open { display:flex; }
      nav a { padding:16px 5vw; border-top:1px solid var(--line); font-size:18px; }
      nav .register { align-self:flex-start; margin:12px 5vw 18px; font-size:16px; }
      .fact-strip { grid-template-columns:repeat(2,1fr); }
      .fact { min-height:104px; padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.24); }
      .fact:nth-child(2) { border-right:0; }
    }
    @media (max-width:360px) { .fact { padding-inline:12px; } }
    @media (max-width:760px) { .fact:nth-child(3),.fact:nth-child(4) { border-bottom:0; } }
    /* Founder-approved hero overlay refinement. */
    .front-hero::before { background-image:linear-gradient(rgba(0,46,43,.75),rgba(0,46,43,.75)),url('private-visual-library-pilot/batch-001-200/derivatives/stellafly-059.jpg'); }
    .front-hero .hero-line + .hero-line { margin-top:clamp(7px,.8vw,12px); }
    #options-title,#paths-title { font:700 clamp(58px,6vw,76px)/.94 Poppins, Arial, Helvetica, sans-serif; letter-spacing:-.06em; }
    /* Founder-approved Athlete First and event-route refinements. */
    .real-life .benefit-pillar h4 { text-transform:uppercase; }
    #race-options > .eyebrow { display:none; }
    #race-options > .fine { font:400 clamp(20px,2vw,24px)/1.42 Poppins, Arial, Helvetica, sans-serif; }
    #race-options .options-masthead { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(54px,7vw,104px); align-items:end; }
    #race-options .options-masthead h2 { margin:0; color:var(--huntington-green); }
    #race-options .options-masthead h2 .heading-dark { color:var(--ink); }
    #race-options .options-masthead .fine { max-width:740px; margin:0; color:#45615b; font:400 clamp(20px,2vw,24px)/1.42 Poppins, Arial, Helvetica, sans-serif; }
    /* Give the event chooser its own handoff before the phone layout: the wide editorial pairing becomes a clear vertical read while the cards still have room to sit side by side. */
    @media (max-width:980px) { #race-options .options-masthead { grid-template-columns:1fr; gap:28px; align-items:start; } #race-options .options-masthead h2,#race-options .options-masthead .fine { max-width:740px; } }
    @media (max-width:760px) { #race-options .options-masthead { gap:24px; } }
    .pathways > .eyebrow { display:none; }
    #paths-title { color:var(--huntington-green); }
    #paths-title .paths-title-main { color:#fff; }
    @property --tile-gradient-bottom { syntax:"<color>"; inherits:false; initial-value:rgba(0,16,15,.92); }
    @property --tile-gradient-mid { syntax:"<color>"; inherits:false; initial-value:rgba(0,20,18,.62); }
    .pathways .path-grid { grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:clamp(14px,1.8vw,24px); }
    .pathways .path-card { --card-pad:clamp(22px,2.3vw,34px); position:relative; isolation:isolate; display:block; height:360px; min-height:0; padding:var(--card-pad); overflow:hidden; border:1px solid var(--huntington-teal); color:#fff; background:#123a36; text-decoration:none; transition:transform 280ms ease, box-shadow 280ms ease; }
    .pathways .path-card::before { content:""; position:absolute; z-index:-2; inset:0; background-position:center; background-size:cover; background-repeat:no-repeat; transition:transform 520ms ease, filter 320ms ease; }
    .pathways .path-card::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,var(--tile-gradient-bottom) 0%,var(--tile-gradient-mid) 34%,transparent 58%); transition:--tile-gradient-bottom 410ms cubic-bezier(.2,.75,.25,1),--tile-gradient-mid 410ms cubic-bezier(.2,.75,.25,1); }
    .pathways .route-courses::before { background-image:url('private-visual-library-pilot/batch-020-founder-additions/derivatives/stellafly-1340.jpg'); }
    .pathways .route-race-weekend::before { background-image:url('private-visual-library-pilot/batch-001-200/derivatives/McNinch-005.jpg'); }
    .pathways .route-first-timers::before { background-image:url('private-visual-library-pilot/batch-001-200/derivatives/Robotham-003.jpg'); }
    .pathways .route-faq::before { background-image:url('private-visual-library-pilot/batch-001-200/derivatives/stellafly-065.jpg'); }
    .pathways .route-courses,.pathways .route-race-weekend,.pathways .route-first-timers,.pathways .route-faq { grid-column:auto; height:360px; min-height:0; }
    .pathways .path-card-copy { position:absolute; right:var(--card-pad); bottom:var(--card-pad); left:var(--card-pad); }
    .pathways .path-card h3 { margin:0; color:#fff; font-size:clamp(28px,2.4vw,38px); text-shadow:0 2px 14px rgba(0,0,0,.3); }
    .pathways .path-card p { max-height:0; margin:0; overflow:hidden; color:var(--ink); font-size:16px; font-weight:600; line-height:1.42; opacity:0; visibility:hidden; transition:max-height 320ms ease, margin 320ms ease, opacity 260ms ease, visibility 0s linear 320ms; }
    @media (min-width:761px) { .pathways .path-card:hover,.pathways .path-card:focus-visible { transform:translateY(-7px); box-shadow:0 18px 32px rgba(0,0,0,.24); } .pathways .path-card:hover::before,.pathways .path-card:focus-visible::before { transform:scale(1.055); filter:brightness(1.18); } .pathways .path-card:hover::after,.pathways .path-card:focus-visible::after { --tile-gradient-bottom:rgba(164,233,223,.96); --tile-gradient-mid:rgba(164,233,223,.70); } .pathways .path-card:hover p,.pathways .path-card:focus-visible p { max-height:8em; margin-top:10px; opacity:1; visibility:visible; transition-delay:70ms; } }
    @media (max-width:760px) { .pathways .path-grid { grid-template-columns:1fr; gap:12px; } .pathways .route-courses,.pathways .route-race-weekend,.pathways .route-first-timers,.pathways .route-faq { grid-column:auto; height:auto; min-height:290px; } .pathways .path-card::after { --tile-gradient-bottom:rgba(139,197,63,.96); --tile-gradient-mid:rgba(139,197,63,.70); } .pathways .path-card p { max-height:8em; margin-top:10px; opacity:1; visibility:visible; } }
    @media (prefers-reduced-motion:reduce) { .pathways .path-card,.pathways .path-card::before,.pathways .path-card::after,.pathways .path-card p { transition:none; } .pathways .path-card:hover,.pathways .path-card:focus-visible { transform:none; } .pathways .path-card:hover::before,.pathways .path-card:focus-visible::before { transform:none; } }
    .pathways .path-card-copy::before { display:none; }
    #paths-title .paths-title-fast { color:var(--huntington-teal); }
    .choice { position:relative; min-height:542px; padding:292px 28px 28px; overflow:hidden; }
    .choice::before { content:""; position:absolute; inset:0 0 auto; height:264px; background-repeat:no-repeat; background-size:cover; }
    /* Curated source B12 Swim 01: smiling swimmer, green-shirt athlete, and watch-checking athlete. */
    .choice:first-child::before { background-image:url('private-visual-library-pilot/batch-012-defensible-lanes-review/derivatives/b12-swim-01.jpg'); background-position:center 47%; }
    /* Curated source Robotham 008 Bike: smiling bicyclist. */
    .choice:nth-child(2)::before { background-image:url('private-visual-library-pilot/batch-001-200/derivatives/Robotham-008.jpg'); background-position:center 22%; }
    .choice > * { position:relative; z-index:1; }
    .choice h3 { margin-bottom:14px; color:var(--huntington-green); font:700 clamp(30px,2.7vw,34px)/1.05 Poppins, Arial, Helvetica, sans-serif; letter-spacing:-.045em; }
    .choice a { margin-top:26px; padding:12px 0; font-size:16px; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; }
    @media (max-width:760px) { .choice { min-height:538px; padding:260px 24px 24px; } .choice::before { height:232px; } }
    /* Founder refinement: light-green labels retain dark race facts; Athlete-First reassurance stays dark and lighter. */
    .real-life { padding:clamp(48px,6vw,86px) 5vw; }
    .real-life .athlete-masthead { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(54px,7vw,104px); align-items:end; }
    .real-life .athlete-masthead h2 { max-width:560px; margin:0; color:#fff; font:700 clamp(58px,6vw,76px)/.94 Poppins, Arial, Helvetica, sans-serif; letter-spacing:-.06em; }
    .real-life .athlete-masthead h2 .heading-dark { color:#111034; }
    .real-life .athlete-masthead .benefit-lead { max-width:740px; margin:0; color:#fff; font:400 clamp(20px,2vw,24px)/1.42 Poppins, Arial, Helvetica, sans-serif; }
    .real-life .athlete-tracks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(64px,6vw,80px); margin-top:clamp(54px,6vw,80px); }
    .real-life .athlete-track { min-width:0; }
    .real-life .athlete-track h3 { margin:0 0 14px; color:#111034; font:700 clamp(30px,2.7vw,34px)/1.05 Poppins, Arial, Helvetica, sans-serif; letter-spacing:-.045em; }
    .real-life .athlete-track .benefit-intro { max-width:520px; margin:0 0 31px; color:#111034; font:400 18px/1.42 Poppins, Arial, Helvetica, sans-serif; }
    .real-life .athlete-track .benefit-pillars { gap:22px; margin-top:0; }
    .real-life .athlete-track .benefit-pillar { grid-template-columns:42px minmax(0,1fr); gap:14px; padding-top:0; }
    .real-life .athlete-track .benefit-icon { width:42px; height:42px; background:#111034; font-size:19px; }
    .real-life .athlete-track .benefit-pillar h4 { margin:1px 0 5px; color:#fff; font:700 19px/1.15 Poppins, Arial, Helvetica, sans-serif; }
    .real-life .athlete-track .benefit-pillar p { color:#fff; font:400 16px/1.42 Poppins, Arial, Helvetica, sans-serif; }
    @media (max-width:760px) { .real-life { padding:46px 20px; } .real-life .athlete-masthead,.real-life .athlete-tracks { grid-template-columns:1fr; } .real-life .athlete-masthead { gap:24px; } .real-life .athlete-tracks { gap:50px; margin-top:50px; } .real-life .athlete-masthead h2 { font-size:58px; } }
    .real-life .athlete-accordion { display:grid; gap:10px; }
    .real-life .athlete-accordion-item { border-top:1px solid rgba(38,58,111,.48); }
    .real-life .accordion-trigger { display:flex; width:100%; align-items:center; justify-content:space-between; gap:18px; padding:16px 0; border:0; color:#fff; background:transparent; text-align:left; font:700 19px/1.2 Poppins, Arial, Helvetica, sans-serif; cursor:pointer; }
    .real-life .accordion-trigger:focus-visible { outline:3px solid #fff; outline-offset:4px; }
    .real-life .accordion-symbol { position:relative; flex:0 0 34px; width:34px; height:34px; border:1px solid #cceeff; border-radius:50%; color:transparent; font-size:0; }
    .real-life .accordion-symbol::before,.real-life .accordion-symbol::after { content:""; position:absolute; top:50%; left:50%; width:13px; height:1.5px; background:#cceeff; transform:translate(-50%,-50%); transition:transform 240ms ease,opacity 180ms ease; }
    .real-life .accordion-symbol::after { transform:translate(-50%,-50%) rotate(90deg); }
    .real-life .accordion-panel { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows 280ms ease,opacity 220ms ease; }
    .real-life .accordion-panel > div { overflow:hidden; }
    .real-life .accordion-panel p { margin:0; padding:0; color:#cceeff; font:400 16px/1.42 Poppins, Arial, Helvetica, sans-serif; }
    .real-life .athlete-accordion-item.is-open .accordion-panel { grid-template-rows:1fr; opacity:1; }
    .real-life .athlete-accordion-item.is-open .accordion-panel > div { margin:0 0 12px; padding:4px 18px 16px; border-left:1px solid rgba(204,238,255,.45); background:transparent; }
    .real-life .athlete-accordion-item.is-open .accordion-symbol::after { opacity:0; transform:translate(-50%,-50%) rotate(180deg); }
    @media (prefers-reduced-motion:reduce) { .real-life .accordion-panel { transition:none; } }
    .fact b { color:#d6edba; }
    /* Founder refinement: protect the athlete's face in the standard hero crop and let race facts flex with their available width. */
    .front-hero::before { background-position:center 24%; }
    .fact-strip { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .fact { min-width:0; min-height:clamp(116px,12vw,168px); padding:clamp(16px,2.1vw,30px) clamp(16px,2.6vw,40px); }
    .fact b { margin-bottom:clamp(7px,.8vw,11px); font-size:clamp(11px,1.02vw,15px); letter-spacing:clamp(.055em,.09vw,.1em); }
    .fact span { display:block; overflow-wrap:anywhere; font-size:clamp(18px,1.72vw,28px); line-height:1.12; }
    @media (max-width:1050px) and (min-width:761px) { .fact-strip { grid-template-columns:repeat(2,minmax(0,1fr)); } .fact { min-height:122px; border-bottom:1px solid rgba(255,255,255,.24); } .fact:nth-child(2n) { border-right:0; } .fact:nth-last-child(-n+2) { border-bottom:0; } }
    @media (max-width:760px) { .front-hero::before { background-position:58% 18%; } .fact { min-height:clamp(104px,29vw,132px); padding:clamp(14px,4vw,20px); } .fact span { font-size:clamp(16px,5.35vw,22px); } }
    .real-life .benefit-lead { font-weight:200; }
    .real-life .convenience h3,
    .real-life .benefit-intro { color:#111034; }
    .real-life .benefit-icon { background:#111034; }
    /* Private sponsor proof rail: a quiet, continuously moving full-color partner ribbon. */
    #race-options { padding-bottom:clamp(26px,4vw,56px); }
    .sponsor-proof-rail { padding:clamp(16px,1.75vw,24px) 0; overflow:hidden; background:transparent; border:0; }
    .sponsor-proof-rail-inner { max-width:none; margin:0 auto; }
    .sponsor-proof-rail h2 { max-width:none; margin:0 0 24px; padding:0 5vw; color:#45615b; font:700 clamp(18px,1.5vw,22px)/1 Poppins, Arial, Helvetica, sans-serif; letter-spacing:.1em; text-align:center; text-transform:uppercase; }
    .sponsor-logo-grid { position:relative; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); align-items:center; gap:18px clamp(12px,1.55vw,24px); }
    .sponsor-mark { display:grid; min-width:0; min-height:84px; place-items:center; }
    .sponsor-mark img { display:block; width:min(200px,100%); height:auto; max-height:95px; object-fit:contain; opacity:1; }
    @media (prefers-reduced-motion:no-preference) { .sponsor-logo-grid.motion-carousel { display:grid; grid-template-columns:1fr; gap:14px; overflow:hidden; } .sponsor-logo-row { display:flex; width:max-content; gap:clamp(20px,2.6vw,42px); animation:sponsor-ribbon-drift 50.96s linear infinite reverse !important; will-change:transform; } .sponsor-logo-row:nth-child(2) { animation-direction:normal; animation-duration:58.24s !important; } .sponsor-logo-row:hover,.sponsor-logo-row:focus-within { animation-play-state:paused; } .sponsor-logo-row .sponsor-mark { flex:0 0 clamp(200px,17.1875vw,275px); min-height:108px; } .sponsor-logo-row .sponsor-mark img { width:250px; max-width:250px; max-height:102.5px; transition:transform 220ms ease; } .sponsor-logo-row .sponsor-mark:hover img,.sponsor-logo-row .sponsor-mark:focus-within img { transform:translateY(-4px) scale(1.06); } @keyframes sponsor-ribbon-drift { from { transform:translateX(0); } to { transform:translateX(-50%); } } }
    @media (max-width:1024px) { .sponsor-logo-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px clamp(16px,3vw,24px); } .sponsor-mark:last-child { grid-column:2 / span 2; } }
    @media (max-width:760px) { .fact-strip { grid-template-columns:repeat(2,minmax(0,1fr)); } .fact:nth-child(odd) { border-right:1px solid rgba(255,255,255,.24); } .fact:nth-child(even) { border-right:0; } .fact:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.24); } .fact:nth-last-child(-n+2) { border-bottom:0; } .front-hero .hero-variant p { font-size:clamp(20px,5.5vw,24px); line-height:1.16; } #options-title { font-size:clamp(44px,12.4vw,58px); line-height:.96; } .family-events { min-height:44px; padding:10px 12px; } .sponsor-proof-rail { padding:19px 0 44px; } .sponsor-proof-rail h2 { margin-bottom:30px; padding:0 24px; font-size:17px; letter-spacing:.08em; } .sponsor-logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 26px; } .sponsor-mark { min-height:105px; } .sponsor-mark:last-child { grid-column:1 / -1; } .sponsor-mark img { width:min(172.5px,100%); max-height:95px; } }
    @media (max-width:760px) and (prefers-reduced-motion:no-preference) { .sponsor-logo-row { gap:22px; } .sponsor-logo-row .sponsor-mark { flex-basis:216.25px; min-height:110px; } .sponsor-logo-row .sponsor-mark img { width:216.25px; max-width:216.25px; max-height:100px; } }
    .front-hero .actions .register { display:inline-flex; align-items:center; justify-content:center; line-height:1; }
    .recap-trigger{display:inline-flex;align-items:center;justify-content:center;padding:18px 30px;border:1px solid rgba(255,255,255,.78);color:#fff;background:transparent;font:700 17px/1 Poppins,Arial,Helvetica,sans-serif;cursor:pointer}
    .recap-trigger:hover,.recap-trigger:focus-visible{background:#fff;color:var(--ink)}
    .video-modal[hidden]{display:none}.video-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:clamp(18px,4vw,56px);background:rgba(0,46,43,.78)}
    .video-modal__dialog{position:relative;width:min(1040px,100%);padding:clamp(12px,1.6vw,18px);background:#fff;box-shadow:0 26px 80px rgba(0,0,0,.36)}
    .video-modal__close{position:absolute;z-index:1;top:0;right:0;display:grid;width:48px;height:48px;place-items:center;border:0;background:var(--ink);color:#fff;font:400 34px/1 Arial,sans-serif;cursor:pointer}
    .video-modal__close:focus-visible,.recap-trigger:focus-visible{outline:3px solid var(--huntington-green);outline-offset:4px}
    .video-modal__frame{display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--ink)}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    body.modal-open{overflow:hidden}
    @media(max-width:760px){.recap-trigger{padding:16px 22px;font-size:16px}.video-modal{padding:16px}.video-modal__dialog{padding:8px}.video-modal__close{width:44px;height:44px;font-size:30px}}