/* until Barlow arrives, the phone's own font is drawn at Barlow's measured width, so text wraps the same and nothing jumps when it swaps.
   Barlow Condensed 800 = 69.8% of Arial Bold, 75.4% of Roboto Bold */
/* one backup per weight band, each sized from its own measurement against Arial/Helvetica (iPhone, Mac, Windows) and Roboto (Android) */
@font-face{font-family:'Barlow Fallback';src:local('Arial'),local('ArialMT'),local('Helvetica'),local('Liberation Sans');font-weight:100 450;size-adjust:95.8%}
@font-face{font-family:'Barlow Fallback R';src:local('Roboto'),local('Roboto-Regular'),local('Roboto Regular');font-weight:100 450;size-adjust:96.6%}
@font-face{font-family:'Barlow Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold'),local('Liberation Sans Bold');font-weight:451 550;size-adjust:90.8%}
@font-face{font-family:'Barlow Fallback R';src:local('Roboto Bold'),local('Roboto-Bold');font-weight:451 550;size-adjust:96.8%}
@font-face{font-family:'Barlow Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold'),local('Liberation Sans Bold');font-weight:551 650;size-adjust:91.5%}
@font-face{font-family:'Barlow Fallback R';src:local('Roboto Bold'),local('Roboto-Bold');font-weight:551 650;size-adjust:97.6%}
@font-face{font-family:'Barlow Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold'),local('Liberation Sans Bold');font-weight:651 1000;size-adjust:92.4%}
@font-face{font-family:'Barlow Fallback R';src:local('Roboto Bold'),local('Roboto-Bold');font-weight:651 1000;size-adjust:98.5%}
@font-face{font-family:'Barlow Condensed Fallback R';src:local('Roboto Bold'),local('Roboto-Bold');size-adjust:75.4%}
@font-face{font-family:'Barlow Condensed Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold'),local('Liberation Sans Bold');size-adjust:69.8%}
/* Performance Pathway concept, v6: the route. Dark page, one typeface, red for the line. */
:root{--bg:#070707;--ink:#fff;--red:#E2231A;--surface:#121212;--mute:rgba(255,255,255,.72);--dim:rgba(255,255,255,.5);--m:clamp(20px,3.6vw,52px);--gap:clamp(56px,8.4vw,120px);--f:"Barlow","Barlow Fallback","Barlow Fallback R",system-ui,sans-serif;--fd:"Barlow Condensed","Barlow Condensed Fallback","Barlow Condensed Fallback R","Barlow",system-ui,sans-serif;--out:cubic-bezier(.16,1,.3,1)}
*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}
html{background:var(--bg);color:var(--ink);scroll-behavior:smooth;color-scheme:dark}
section,footer{scroll-margin-top:72px}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
body{font-family:var(--f);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:clip;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
:focus-visible{outline:2px solid #fff;outline-offset:4px}
::selection{background:var(--red);color:#fff}
.skip{position:absolute;left:var(--m);top:-80px;z-index:400;background:#fff;color:#000;padding:10px 16px}.skip:focus{top:12px}

/* type */
.d{font-family:var(--fd);font-weight:800;text-transform:uppercase;letter-spacing:0;line-height:.92}
.h1{font-size:clamp(44px,5.4vw,88px);text-wrap:balance}
.h1 em{font-style:normal;color:var(--red)}
.h2{font-size:clamp(40px,6.2vw,100px);text-wrap:balance}
.ln{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.js .ln>span{display:block;transform:translateY(110%)}
html:not(.js) .ln>span{display:block}
.sub{font-size:clamp(17px,1.25vw,20px);line-height:1.45;color:var(--mute);max-width:46ch}
.lede{font-size:clamp(17px,1.3vw,20px);line-height:1.45;max-width:46ch}
.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border-radius:999px;background:#fff;color:#000;font-weight:600;font-size:16px;white-space:nowrap;transition:background .25s,color .25s,transform .4s var(--out)}
.btn:hover{background:var(--red);color:#fff}.btn:active{transform:scale(.96)}
.btn.ghost{background:transparent;color:#fff;border:2px solid #fff}.btn.ghost:hover{background:#fff;color:#000}
.btn.dark{background:#000;color:#fff}.btn.dark:hover{background:#fff;color:#000}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.1);font-size:14px;font-weight:600;white-space:nowrap}
.pill.hot{background:#fff;color:#000}
.pic{border-radius:18px;overflow:hidden;background:var(--surface);position:relative}
.pic img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;left:14px;bottom:14px;background:rgba(7,7,7,.82);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:600}

/* intro: the badge, then the line falls out of it */
.intro{position:fixed;inset:0;z-index:500;background:var(--bg);display:grid;place-items:center}
.intro img{width:min(60vw,260px);height:auto;opacity:0;transform:scale(.92)}
.intro-line{position:absolute;left:50%;top:50%;width:6px;height:60vh;overflow:visible}
.intro-line line{stroke:var(--red);stroke-width:6;stroke-linecap:round}
html:not(.js) .intro,.seen .intro{display:none}

/* cursor */
.cursor{position:fixed;left:0;top:0;z-index:600;pointer-events:none;display:none}
@media (hover:hover) and (pointer:fine){.js .cursor{display:block}}
.cursor i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#fff;mix-blend-mode:difference}
.cursor b{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:11px;font-weight:700;transform:scale(.3);mix-blend-mode:difference;transition:transform .4s var(--out),mix-blend-mode .2s}
.cursor.is-link b{transform:scale(.7)}
.cursor.is-txt b{transform:scale(1.1);mix-blend-mode:normal}
.cursor.is-txt i{opacity:0}
.cursor.is-txt b::after{content:attr(data-t)}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:200;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px var(--m);transition:transform .5s var(--out),background-color .3s}
.nav.solid{background:rgba(7,7,7,.9)}
.nav.menu-open{background:none;transform:none}
.nav.menu-open .brand img{filter:brightness(0)}.nav.menu-open .menu-btn{color:#000}
.nav.hide{transform:translateY(-100%)}
.js .nav>*{opacity:0;transform:translateY(10px)}
.brand img{height:28px;width:auto}
.links{display:flex;gap:26px;font-size:15px;font-weight:500}
.links a{position:relative;min-height:40px;display:inline-flex;align-items:center;color:var(--mute);transition:color .25s;white-space:nowrap}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--out)}
.links a.on,.links a:hover{color:#fff}.links a.on::after,.links a:hover::after{transform:none;transform-origin:left}
.nav-end{justify-self:end;display:flex;align-items:center;gap:14px}
.nav .btn{height:44px;padding:0 20px;font-size:15px}
.menu-btn{display:none;height:44px;padding:0 4px;font-size:16px;font-weight:600}
.menu{position:fixed;inset:0;z-index:190;background:var(--red);color:#000;display:flex;flex-direction:column;justify-content:flex-end;padding:96px var(--m) calc(28px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;clip-path:inset(0 0 100% 0);transition:clip-path .5s var(--out)}
.menu.open{clip-path:inset(0);transition:clip-path .7s cubic-bezier(.32,.72,0,1)}
.menu[hidden]{display:none}
.menu-links{display:grid}
.menu-links a{font-weight:800;font-family:var(--fd);text-transform:uppercase;letter-spacing:0;font-size:clamp(30px,min(9vw,6.4svh),84px);line-height:.95;padding:4px 0;white-space:nowrap;transform:translateY(40px);opacity:0;transition:transform .7s var(--out),opacity .5s}
.menu.open .menu-links a{transform:none;opacity:1}
.menu.open .menu-links a:nth-child(2){transition-delay:.05s}.menu.open .menu-links a:nth-child(3){transition-delay:.1s}.menu.open .menu-links a:nth-child(4){transition-delay:.15s}.menu.open .menu-links a:nth-child(5){transition-delay:.2s}.menu.open .menu-links a:nth-child(6){transition-delay:.25s}
.menu-meta{margin-top:22px;display:grid;gap:2px;font-size:16px;font-weight:500}
.menu-meta a{min-height:36px;display:inline-flex;align-items:center}

/* 1. hero */
.hero{position:relative;height:100svh;min-height:640px;overflow:hidden;display:grid;align-content:center;padding:0 var(--m)}
.hero-bg{position:absolute;inset:0;z-index:0;filter:brightness(0)}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.55;transform:scale(1.08)}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,var(--bg) 8%,rgba(7,7,7,.4) 60%,rgba(7,7,7,.3))}
.hero-spine{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
.hero-spine path{fill:none;stroke:var(--red);stroke-linecap:round}
#hero-spine-line{stroke-width:5}
#hero-spine-glow{stroke-width:14;opacity:.35;filter:blur(10px)}
.hero-in{position:relative;z-index:3;display:grid;gap:26px;max-width:calc(58vw - var(--m))}
.js [data-hero]{opacity:0;transform:translateY(22px)}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
html:not(.js) .hero-bg{filter:none}

/* 2. the route */
.route{position:relative;padding:100px var(--m) 0;background:var(--bg)}
.route-head{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin-bottom:60px}
.route-head .sub{margin-top:16px}
.jump{display:grid;gap:8px;max-width:420px;justify-self:end;width:100%}
.jump label{font-size:14px;font-weight:600;color:var(--dim);display:flex;justify-content:space-between;align-items:end}
.jump b{font-size:28px;letter-spacing:-.04em;color:#fff}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--red) var(--p,0%),rgba(255,255,255,.12) var(--p,0%))}
input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:rgba(255,255,255,.12)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;margin-top:-11px;border:7px solid rgba(255,255,255,.12);background-clip:padding-box;box-sizing:content-box;width:14px;height:14px;margin-top:-11px}
input[type=range]::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:50%;background:#fff}
.track{position:relative}
.route-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.p-base{fill:none;stroke:rgba(255,255,255,.1);stroke-width:5;stroke-linecap:round}
.p-glow{fill:none;stroke:var(--red);stroke-width:14;stroke-linecap:round;opacity:.35;filter:blur(10px)}
.p-red{fill:none;stroke:var(--red);stroke-width:5;stroke-linecap:round}
html:not(.js) .p-red{stroke-dashoffset:0!important}
.head{position:absolute;left:0;top:0;z-index:5;display:grid;justify-items:center;gap:8px;pointer-events:none;transform:translate(-50%,-9px)}
.head i{width:18px;height:18px;border-radius:50%;background:#fff;outline:8px solid rgba(226,35,26,.35);filter:drop-shadow(0 0 14px rgba(226,35,26,.9))}
.head>span{display:block}
.head>span{background:rgba(7,7,7,.85);padding:6px 12px;border-radius:14px}
.head b{font-weight:800;font-family:var(--fd);font-size:48px;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;display:block}
.head small{font-size:13px;font-weight:600;color:var(--mute);display:block}
.station{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 clamp(60px,11vw,190px);min-height:78vh;padding:40px 0}
.station .dot{position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:50%;background:#111;border:3px solid rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:background .4s,border-color .4s,transform .6s var(--out);z-index:2}
.station:nth-child(odd of .station) .dot{left:47.5%}.station:nth-child(even of .station) .dot{left:52.5%}
.station.on .dot{background:var(--red);border-color:#fff;transform:translate(-50%,-50%) scale(1.3)}
.station .copy{display:grid;gap:14px;opacity:.3;transition:opacity .6s;position:relative;z-index:3}
.station.on .copy{opacity:1}
.station .age{font-size:15px;font-weight:600;color:var(--red)}
.station h3{font-size:clamp(30px,3.6vw,58px)}
.station p{font-size:17px;line-height:1.45;color:var(--mute);max-width:38ch}
.station .more{font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.35);transition:text-decoration-color .25s;min-height:40px;display:inline-flex;align-items:center}
.station .more:hover{text-decoration-color:#fff}
.station .pic{width:100%;max-width:560px;aspect-ratio:4/3;opacity:0;transform:translateY(40px) scale(.96);z-index:1}
.station .pic img{transform:scale(1.06)}
.station:nth-child(odd of .station) .copy{grid-column:1;justify-items:end;text-align:right}.station:nth-child(odd of .station) .copy p{text-align:right}.station:nth-child(odd of .station) .pills{justify-content:flex-end}
.station:nth-child(odd of .station) .pic{grid-column:2}
.station:nth-child(even of .station) .copy{grid-column:2;grid-row:1}.station:nth-child(even of .station) .pic{grid-column:1;grid-row:1;justify-self:end}
/* the big stations: the picture takes the screen */
.station.big{display:block;height:220vh;min-height:0;padding:0}
.station.big .dot{top:50vh}
.station.big .sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;padding:0}
.station.big .pic{position:absolute;inset:0;width:100%;max-width:none;height:100%;aspect-ratio:auto;border-radius:0;transform:none;opacity:1;z-index:1;clip-path:inset(24% 32% 24% 32% round 18px);will-change:clip-path}
.station.big .pic img{transform:scale(1.04);will-change:transform}
.station.big .pic .tag{left:calc(32% + 14px);bottom:calc(24% + 14px);transition:left .3s,bottom .3s}
.station.big.open .pic .tag{left:14px;bottom:14px}
.station.big .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,7,7,.75) 0%,rgba(7,7,7,.45) 45%,rgba(7,7,7,.2) 100%);opacity:var(--s,0)}
.station.big .pic img{transform:none}
.station.big .copy{position:relative;z-index:3;max-width:640px;margin:0 var(--m);opacity:0;transform:translateY(30px);background:rgba(7,7,7,.74);padding:28px;border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.station.big .copy p{color:#fff}
.station.big .copy .pill{background:rgba(255,255,255,.14)}.station.big .copy .pill.hot{background:#fff}
.station.big .ghost{position:absolute;right:var(--m);bottom:24px;z-index:2;font-size:36vh;line-height:.8;letter-spacing:-.06em;color:rgba(255,255,255,.07);opacity:0}
html:not(.js) .station .pic,html:not(.js) .station .copy{opacity:1;transform:none}
html:not(.js) .station.big{height:auto}html:not(.js) .station.big .sticky{position:static;height:auto;padding:40px 0}html:not(.js) .station.big .pic{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/3;clip-path:none;transform:none}

/* 3. red screen */
.ross{position:relative;background:var(--red);color:#fff;padding:clamp(100px,14vw,180px) var(--m);display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;margin-top:-6px}
.ross .sub{color:#fff;margin-top:22px}
.ross p+p{margin-top:28px}
.ross .pic{aspect-ratio:16/11}
.ross .h2{font-size:clamp(40px,5.2vw,80px)}

/* 4. trial board */
.trials{position:relative;padding:var(--gap) var(--m);display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;overflow:hidden;background:#000}
.trials-bg{position:absolute;inset:0;z-index:0}.trials-bg img{width:100%;height:100%;object-fit:cover;opacity:.5;transform:scale(1.12)}
.trials::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,7,7,.95) 30%,rgba(7,7,7,.55) 70%,rgba(7,7,7,.35))}
.trials>*{position:relative;z-index:2}
.trials .copy{display:grid;gap:18px}
.trials .h2{font-size:clamp(38px,4.6vw,70px)}
.clubs{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;font-weight:600;color:var(--mute);max-width:46ch}
.board{background:rgba(10,10,10,.94);border-radius:18px;overflow:hidden}
.board-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;background:var(--red);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.board-h b{font-weight:800;font-size:16px}
.board table{width:100%;border-collapse:collapse;font-size:17px;font-weight:600}
.board th,.board td{text-align:left;padding:12px 22px}
.board thead th{font-size:14px;font-weight:500;color:var(--dim);padding-top:14px;padding-bottom:4px}
.board tr.day th{font-size:15px;font-weight:700;color:#fff;padding:16px 22px 6px}
.board tbody tr:not(.day){border-top:1px solid rgba(255,255,255,.06)}
.board tbody tr:not(.day) td:nth-child(2),.board tbody tr:not(.day) td:nth-child(3){color:rgba(255,255,255,.75);font-weight:500}
.board .price{text-align:right;font-variant-numeric:tabular-nums;color:#fff}
.js .board tbody tr:not(.day){transform-origin:top;transform:rotateX(-90deg);opacity:0}
.board-f{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;background:#111}
.board-f small{font-size:13px;color:var(--dim)}
.board-f .btn{height:44px;padding:0 20px;font-size:15px}
.js .board{opacity:0;transform:translateY(40px)}

/* 5. the week */
.week{background:var(--surface);padding:var(--gap) var(--m)}
.days{margin-top:clamp(40px,6vw,96px);display:grid;gap:10px}
.day-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:12px clamp(24px,4vw,80px);align-items:start;padding:clamp(22px,3vw,40px);background:var(--bg);border-radius:18px}
.day-n{font-size:clamp(44px,6.4vw,110px);line-height:.85}
.day-w{display:grid;gap:4px;padding-top:.3em}
.day-w b{font-size:clamp(19px,1.5vw,24px);font-weight:700;letter-spacing:-.02em;line-height:1.2}
.day-w b+span{margin-bottom:10px}
.day-w span{font-size:16px;color:var(--mute);max-width:50ch}

/* 6. coach stage */
.coaches{position:relative;padding:var(--gap) 0 0;overflow:hidden;background:var(--bg)}
.coaches-head{display:flex;justify-content:space-between;align-items:end;padding:0 var(--m);gap:20px}
.counter{font-size:15px;font-weight:600;color:var(--dim);white-space:nowrap}
.stage{position:relative;margin-top:clamp(28px,4vw,48px);cursor:grab}
.stage:active{cursor:grabbing}
.slides{display:flex;will-change:transform}
.slide{flex:none;width:100vw;display:grid;grid-template-columns:38vw 1fr;gap:50px;align-items:center;padding:20px var(--m) 40px}
.por{position:relative;aspect-ratio:4/5;max-height:62vh;border-radius:18px;overflow:hidden;background:var(--surface);justify-self:start;width:100%}
.por img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;filter:saturate(.85) brightness(.8);transition:filter .5s}
.por .light{position:absolute;inset:0;background:radial-gradient(320px circle at var(--x,40%) var(--y,30%),rgba(255,240,215,.5),rgba(255,240,215,0) 60%);mix-blend-mode:screen;opacity:0;transition:opacity .5s}
.por:hover .light{opacity:1}.por:hover img{filter:saturate(1) brightness(1)}
.info{display:grid;gap:16px;align-content:center}
.caps{font-size:16px;font-weight:600;color:var(--red)}
.info h3{font-size:clamp(52px,7.6vw,132px);line-height:.86}
.info p{font-size:19px;line-height:1.45;color:var(--mute);max-width:40ch}
.stage-nav{display:flex;gap:10px;padding:0 var(--m) var(--gap)}
.arrow{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.3);font-size:20px;transition:border-color .25s,background .25s,color .25s}
.arrow:hover{background:#fff;color:#000;border-color:#fff}

/* 7. parents */
.parents{background:var(--surface);padding:var(--gap) var(--m);display:grid;gap:clamp(32px,4vw,56px)}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quote{padding:clamp(22px,2.4vw,36px);display:grid;gap:1.5rem;align-content:space-between;min-height:17rem;background:var(--bg);border-radius:18px}
.quote p{font-size:clamp(19px,1.6vw,24px);font-weight:500;line-height:1.3;letter-spacing:-.01em}
.quote footer{font-size:15px;color:var(--dim)}
.assure{font-size:clamp(17px,1.25vw,20px);line-height:1.5;max-width:70ch;color:var(--mute)}
.assure a{color:#fff;text-decoration:underline;text-underline-offset:4px}

/* 8. book */
.book{position:relative;overflow:hidden;padding:var(--gap) var(--m);background:#000}
.book-bg{position:absolute;inset:0;z-index:0}.book-bg img{width:100%;height:100%;object-fit:cover;opacity:.3;transform:scale(1.1)}
.book::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(7,7,7,.95),rgba(7,7,7,.6))}
.book-in{position:relative;z-index:2;display:grid;gap:22px;max-width:1200px}
.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.door{display:grid;gap:6px;padding:22px;border-radius:18px;background:rgba(255,255,255,.08);transition:background .3s,transform .5s var(--out)}
.door:hover{background:#fff;color:#000;transform:translateY(-4px)}
.door b{font-size:19px;font-weight:700;letter-spacing:-.01em}
.door span{font-size:15px;color:var(--mute)}.door:hover span{color:rgba(0,0,0,.6)}
.alt{font-size:16px;color:var(--mute)}.alt a{color:#fff;text-decoration:underline;text-underline-offset:4px}

/* footer */
.foot{padding:clamp(56px,7vw,110px) var(--m) 28px;display:grid;gap:clamp(36px,4vw,64px);background:var(--surface)}
.foot-mark{display:grid;font-size:clamp(44px,10vw,168px);line-height:.86;overflow:hidden;letter-spacing:-.04em}
.foot-mark span{display:block;transform:translateY(105%);transition:transform 1.2s var(--out)}
.foot-mark span:last-child{transition-delay:.1s;color:var(--red)}
.foot-mark.is-in span,html:not(.js) .foot-mark span{transform:none}
.foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;line-height:1.7;font-size:16px}
.foot-cols h3{font-size:16px;font-weight:700;margin-bottom:6px}
.foot-cols a{display:inline-block;min-height:30px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.3);transition:text-decoration-color .25s}
.foot-cols a:hover{text-decoration-color:#fff}
.foot-partners{display:flex;gap:24px;align-items:center;margin-top:8px}
.foot-partners img{height:44px;width:auto;filter:invert(1);opacity:.9}
.foot-meta{font-size:14px;color:var(--dim);max-width:80ch}

/* reveals */
.js [data-reveal]{opacity:0;transform:translateY(28px)}
.js [data-reveal].is-in{opacity:1;transform:none;transition:opacity .9s var(--out) var(--d,0s),transform 1s var(--out) var(--d,0s)}

@media (max-width:1100px){
  .quotes{grid-template-columns:1fr}.foot-cols{grid-template-columns:1fr 1fr}.doors{grid-template-columns:1fr 1fr}
  .trials{grid-template-columns:1fr}
  .links{gap:16px;font-size:14px}
}
@media (max-width:900px){
  body{font-size:16px}
  .nav{grid-template-columns:1fr auto}.links{display:none}.menu-btn{display:inline-flex;align-items:center}.nav .btn{display:none}
  .brand img{height:24px}
  .intro-line{height:50vh}
  .hero{min-height:600px;align-content:end;padding-bottom:64px}
  .hero-in{max-width:none;padding-left:36px}
  .h1{font-size:clamp(38px,11.5vw,64px);max-width:none}
  .h2{font-size:clamp(30px,8.4vw,84px);font-family:var(--fd);}
  .route{padding-top:72px}
  .route-head{grid-template-columns:1fr;gap:24px;margin-bottom:40px;padding-left:36px}.jump{justify-self:start}
  .p-base{display:none}
  .p-glow{stroke-width:12;filter:blur(7px)}
  .station{grid-template-columns:1fr;min-height:0;padding:36px 0 56px 56px;gap:18px}
  .station .dot,.station:nth-child(odd of .station) .dot,.station:nth-child(even of .station) .dot{left:10px;top:44px;transform:translate(-50%,0)}.station.on .dot{transform:translate(-50%,0) scale(1.3)}
  .station:nth-child(even of .station){padding:36px 56px 56px 0}
  .station:nth-child(even of .station) .dot{left:auto;right:10px;transform:translate(50%,0)}.station:nth-child(even of .station).on .dot{transform:translate(50%,0) scale(1.3)}
  .station:nth-child(odd of .station) .copy,.station:nth-child(even of .station) .copy{grid-column:1;grid-row:auto;justify-items:start;text-align:left}.station:nth-child(odd of .station) .copy p{text-align:left}.station:nth-child(odd of .station) .pills{justify-content:flex-start}
  .station:nth-child(odd of .station) .pic,.station:nth-child(even of .station) .pic{grid-column:1;grid-row:auto;justify-self:start;max-width:none}
  .station.big,.station:nth-child(even of .station).big{display:block;height:200svh;padding:0}
  .station.big .dot{top:50svh}
  .station.big .sticky{position:sticky;top:0;height:100svh;display:flex;align-items:flex-end;padding:0}
  .station.big .pic{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;transform:none;opacity:1;clip-path:inset(26% 6% 26% 6% round 18px)}
  .station.big .pic .tag{left:calc(6% + 14px);bottom:calc(26% + 14px)}
  .station.big.open .pic .tag{left:14px;bottom:14px}
  .station.big .copy{margin:0 20px calc(20px + env(safe-area-inset-bottom)) 54px;padding:20px;background:rgba(7,7,7,.88);-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;transform:translateY(30px)}
  .station:nth-child(even of .station).big .copy{margin:0 54px calc(20px + env(safe-area-inset-bottom)) 20px}
  .station.big .copy p{color:#fff}
  .station.big .ghost{font-size:30vw;right:14px;bottom:auto;top:calc(26% - .5em);left:auto}
  .station:nth-child(even of .station).big .ghost{right:auto;left:14px}
  .head b{font-size:26px}.head{gap:6px;transform:translate(-50%,-7px)}.head i{width:14px;height:14px}.head small{display:none}.head>span{padding:4px 8px}
  .ross{grid-template-columns:1fr;padding:80px var(--m)}
  .trials{padding:80px var(--m)}
  .board table{font-size:15px}.board th,.board td{padding:10px 14px}.board-h{padding:14px}.board-f{flex-direction:column;align-items:start}
  .day-row{grid-template-columns:1fr;gap:8px;padding:20px}.day-n{font-size:clamp(40px,12vw,64px)}.day-w{padding-top:0}.day-w b{font-size:18px}.day-w span{font-size:15px}
  .coaches-head{flex-direction:column;align-items:start;gap:8px}
  .stage{cursor:auto}
  .slides{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;transform:none!important}
  .slides::-webkit-scrollbar{display:none}
  .slide{width:100vw;scroll-snap-align:start;grid-template-columns:1fr;gap:16px;padding:10px var(--m) 20px}
  .por{max-height:none;aspect-ratio:4/5}
  .info h3{font-size:clamp(40px,12vw,64px)}.info p{font-size:16px}
  .stage-nav{display:none}
  .doors{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr;gap:24px}
  .foot-mark{font-size:clamp(36px,9.8vw,120px)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .intro{display:none}
  .js .ln>span{transform:none}
  .js [data-hero],.js .nav>*{opacity:1;transform:none}
  .js [data-reveal]{opacity:1;transform:none;transition:none}
  .hero-bg{filter:none}
  .cursor{display:none!important}
  .station .pic{opacity:1;transform:none}
  .js .board,.js .board tbody tr:not(.day){opacity:1;transform:none}
  .foot-mark span{transform:none;transition:none}
}

/* ═══ v7 additions: nav dropdown, week cards, coach fixes, parents, page system ═══ */
.dd{position:relative}
.dd-btn{position:relative;min-height:40px;display:inline-flex;align-items:center;gap:6px;color:var(--mute);font-size:15px;font-weight:500;transition:color .25s}
.dd-btn::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.dd:hover .dd-btn,.dd-btn[aria-expanded="true"]{color:#fff}
.dd-menu{position:absolute;left:50%;top:100%;transform:translate(-50%,8px);min-width:300px;padding:10px;background:#101010;border-radius:16px;display:grid;opacity:0;pointer-events:none;transition:opacity .25s,transform .4s var(--out)}
.dd:hover .dd-menu,.dd-btn[aria-expanded="true"]+.dd-menu,.dd:focus-within .dd-menu{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.dd-menu a{display:grid;gap:2px;padding:10px 12px;border-radius:10px;color:#fff;transition:background .2s}
.dd-menu a:hover{background:rgba(255,255,255,.08)}
.dd-menu b{font-size:15px;font-weight:600}.dd-menu span{font-size:13px;color:var(--dim)}
.week-head{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end}
.week-head .sub{margin-bottom:.4em}
.days{margin-top:clamp(36px,5vw,72px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.dcard a{position:relative;display:block;aspect-ratio:3/4.2;border-radius:18px;overflow:hidden;background:var(--surface)}
.dcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.9) brightness(.85);transform:scale(1.06);transition:transform 1.2s var(--out),filter .5s}
.dcard a::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,7,7,.95) 0%,rgba(7,7,7,.55) 40%,rgba(7,7,7,.15) 70%,rgba(7,7,7,.35))}
.dcard a:hover img{transform:scale(1);filter:saturate(1) brightness(1)}
.dcard .dn{position:absolute;left:18px;top:16px;z-index:2;font-size:clamp(34px,3.2vw,54px);line-height:.9}
.dcard .dw{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:grid;gap:6px}
.dcard .dw b{font-size:clamp(17px,1.3vw,20px);font-weight:700;letter-spacing:-.01em;line-height:1.2}
.dcard .dw span{font-size:14px;color:var(--mute);line-height:1.4;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--out),opacity .4s}
.dcard a:hover .dw span{max-height:5em;opacity:1}
.coaches-side{display:grid;justify-items:end;gap:6px}
.slide{grid-template-columns:minmax(260px,24vw) 1fr}
.por{aspect-ratio:4/5;max-height:none;width:100%;max-width:400px}
.por img{object-position:50% 0}
.parents{position:relative;overflow:hidden;isolation:isolate}
.parents-bg{position:absolute;inset:0;z-index:0}.parents-bg img{width:100%;height:100%;object-fit:cover;opacity:.18;transform:scale(1.06)}
.parents>*:not(.parents-bg){position:relative;z-index:1}
.quote{background:rgba(7,7,7,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* page system */
.curtain-page{position:fixed;inset:0;z-index:450;background:var(--red);transform:scaleY(0);transform-origin:bottom;pointer-events:none}
html:not(.js) .curtain-page{display:none}
.phero{position:relative;min-height:88svh;display:grid;align-items:end;overflow:hidden;isolation:isolate;padding:140px var(--m) clamp(48px,6vw,80px)}
.phero-bg{position:absolute;inset:0;z-index:0;clip-path:inset(0 0 0 0)}
.phero-bg img{width:100%;height:100%;object-fit:cover;opacity:.6;transform:scale(1.08)}
.phero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,var(--bg) 6%,rgba(7,7,7,.45) 55%,rgba(7,7,7,.35))}
.phero-in{position:relative;z-index:2;display:grid;gap:22px;max-width:1100px}
.phero .crumb{font-size:15px;font-weight:600;color:var(--mute)}.phero .crumb a{color:#fff}
.phero .h1{font-size:clamp(44px,7vw,110px)}
.pfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:clamp(20px,3vw,40px) var(--m) 0}
.fact{padding:22px;border-radius:18px;background:var(--surface);display:grid;gap:6px;align-content:start;min-height:9.5rem}
.fact b{font-size:clamp(22px,2vw,30px);font-weight:800;font-family:var(--fd);letter-spacing:-.03em;line-height:1}
.fact span{font-size:15px;color:var(--mute);line-height:1.4}
.pbody{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start;padding:var(--gap) var(--m)}
.pbody .h2{font-size:clamp(34px,4.4vw,66px)}
.pbody .sub{margin-top:14px}
.checks{display:grid;gap:12px;margin-top:28px}
.checks li{position:relative;padding-left:42px;font-size:17px;line-height:1.45}
.checks li::before{content:"";position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/16px no-repeat;margin-top:1px}
.checks li b{font-weight:700}
.pbody .pic{aspect-ratio:4/3;position:sticky;top:100px}
.pbody .pic.tall{aspect-ratio:4/5}
.aim{background:var(--surface);padding:var(--gap) var(--m);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:start}
.aim .h2{font-size:clamp(30px,3.6vw,54px)}
.aim p{font-size:clamp(19px,1.6vw,26px);line-height:1.35;font-weight:500;letter-spacing:-.01em;max-width:36ch}
.ptable{padding:var(--gap) var(--m);display:grid;gap:28px}
.ptable .board{max-width:980px}
.plist{padding:var(--gap) var(--m);display:grid;gap:28px}
.plist .h2{font-size:clamp(34px,4.4vw,66px)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tier{padding:22px;border-radius:18px;background:var(--surface);display:grid;gap:10px;align-content:start}
.tier b{font-size:15px;color:var(--red);font-weight:700}
.tier span{font-size:clamp(17px,1.3vw,21px);font-weight:600;line-height:1.35}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.step{padding:24px;border-radius:18px;background:var(--surface);display:grid;gap:10px;align-content:start}
.step b{font-size:clamp(20px,1.7vw,26px);font-weight:800;font-family:var(--fd);letter-spacing:-.02em;line-height:1.05}
.step span{font-size:16px;color:var(--mute);line-height:1.45}
.policies{display:flex;flex-wrap:wrap;gap:8px}
.policies a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.1);font-size:14px;font-weight:600;transition:background .25s,color .25s}
.policies a:hover{background:#fff;color:#000}
.pdoor{position:relative;padding:var(--gap) var(--m);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;overflow:hidden;isolation:isolate}
.pdoor-bg{position:absolute;inset:0;z-index:0}.pdoor-bg img{width:100%;height:100%;object-fit:cover;opacity:.42;transform:scale(1.08)}
.pdoor::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(7,7,7,.96) 30%,rgba(7,7,7,.6))}
.pdoor>*:not(.pdoor-bg){position:relative;z-index:2}
.pdoor .h2{font-size:clamp(34px,4.6vw,70px)}
.pdoor .sub{margin-top:14px}
.pdoor .actions{margin-top:24px}
.pdoor .contact{display:grid;gap:8px;font-size:17px;line-height:1.5}
.pdoor .contact a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.35)}
.pmore{padding:var(--gap) var(--m)}
.pmore .h2{font-size:clamp(30px,3.6vw,54px);margin-bottom:28px}
.pmore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pmore-grid a{position:relative;display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--surface)}
.pmore-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.8);transform:scale(1.06);transition:transform 1.2s var(--out),filter .5s}
.pmore-grid a::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,7,7,.92),rgba(7,7,7,0) 60%)}
.pmore-grid a:hover img{transform:scale(1);filter:brightness(1)}
.pmore-grid .t{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:grid;gap:4px}
.pmore-grid .t b{font-size:clamp(20px,1.8vw,28px);font-weight:800;font-family:var(--fd);text-transform:uppercase;letter-spacing:-.02em;line-height:1}
.pmore-grid .t span{font-size:14px;color:var(--mute)}
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 var(--m) var(--gap)}
.member{display:grid;gap:12px}
.member .por{max-width:none}
.member h3{font-size:clamp(22px,1.9vw,30px);line-height:1}
.member .caps{font-size:14px}
.member p{font-size:15px;line-height:1.45;color:var(--mute)}
.words{padding:var(--gap) var(--m);display:grid;gap:28px}
.words .h2{font-size:clamp(34px,4.4vw,66px)}
.wgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wgrid .quote{min-height:0;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
.wgrid .quote p{font-size:17px;font-weight:500;line-height:1.4}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 var(--m) var(--gap)}
.cblock{padding:clamp(22px,3vw,40px);border-radius:18px;background:var(--surface);display:grid;gap:14px;align-content:start}
.cblock h3{font-size:clamp(22px,2vw,30px);line-height:1}
.cblock p,.cblock li{font-size:17px;line-height:1.55}
.cblock a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.35)}
.cblock a:hover{text-decoration-color:#fff}
.cblock .doors{grid-template-columns:1fr}
@media (max-width:1100px){
  .days{grid-template-columns:repeat(5,minmax(0,1fr))}
  .pfacts{grid-template-columns:1fr 1fr}.team{grid-template-columns:1fr 1fr}.tiers,.steps,.pmore-grid,.wgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .week-head{grid-template-columns:1fr;gap:16px}
  .days{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:28px calc(var(--m) * -1) 0;padding:0 var(--m) 10px;scrollbar-width:none}
  .days::-webkit-scrollbar{display:none}
  .dcard{flex:none;width:62vw;scroll-snap-align:start}
  .dcard .dw span{max-height:none;opacity:1}
  .slide{grid-template-columns:1fr}.por{max-width:none;aspect-ratio:4/5}
  .phero{min-height:76svh;padding-top:110px}.phero .h1{font-size:clamp(36px,10.4vw,64px)}.pbody .h2,.pdoor .h2,.plist .h2,.kit .h2,.calc .h2,.words .h2{font-size:clamp(34px,10.5vw,66px)}
  .pfacts{grid-template-columns:1fr 1fr;gap:8px}.fact{padding:16px;min-height:0}
  .pbody{grid-template-columns:1fr;gap:28px}.pbody .pic{position:relative;top:auto}
  .aim{grid-template-columns:1fr;gap:20px}
  .tiers,.steps,.pmore-grid,.wgrid,.team,.contact-grid{grid-template-columns:1fr}
  .pdoor{grid-template-columns:1fr}
}

/* ═══ v7.1: page hero initial state, portraits, grain ═══ */
html.js .phero .ln > span{display:block;transform:translateY(110%)}
html.js .phero [data-hero]{opacity:0;transform:translateY(24px)}
html.js.arrive .curtain-page{transform:scaleY(1);transform-origin:top}
.phero .lede{font-size:clamp(17px,1.35vw,21px);line-height:1.45;color:var(--mute);max-width:60ch}
.por{aspect-ratio:3/4;max-width:340px}
.por img{object-position:50% 0;filter:saturate(.9) brightness(.85)}
.por::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.member .por{max-width:none;aspect-ratio:3/4}
.member h3{margin-top:4px}
.member p.caps{margin-top:-4px}
a.member{color:inherit}
.steps.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.steps.four .step b{font-size:clamp(18px,1.4vw,22px)}
.pbody.flip{grid-template-columns:1fr 1.1fr}
.trials.ptable{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start;background:none;padding:var(--gap) var(--m)}
.policies a:not([href]){cursor:default}
.policies a:not([href]):hover{background:rgba(255,255,255,.1);color:#fff}
.crumb a{position:relative}
.crumb a::before{content:"←";margin-right:8px;color:var(--red)}
@media (max-width:1100px){.steps.four{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.pbody.flip{grid-template-columns:1fr}.pbody.flip .pic{order:2}.trials.ptable{grid-template-columns:1fr;gap:24px}.steps.four{grid-template-columns:1fr}.member .por{max-width:340px}}
/* coach stage: a faint shirt number behind each coach */
.slides{counter-reset:coach}
.slide{position:relative;counter-increment:coach}
.slide::before{content:"0" counter(coach);position:absolute;right:var(--m);top:50%;transform:translateY(-55%);font-family:var(--f);font-weight:900;font-family:var(--fd);font-size:clamp(200px,34vw,520px);line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.07);pointer-events:none;z-index:0}
.slide>*{position:relative;z-index:1}
.por{max-width:400px}
@media (max-width:900px){.slide::before{display:none}.por{max-width:none}}

/* ═══ v7.4: a signature per page ═══ */
/* Mini Ballers: 3, 4, 5 */
.ages{height:300svh;position:relative}
.ages-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--bg)}
.ages-pics{position:absolute;inset:0}
.ages-pics img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:0;transform:scale(1.08);transition:opacity .9s,transform 1.6s var(--out);filter:brightness(.55)}
.ages-pics img.on{opacity:1;transform:scale(1)}
.ages-num{position:absolute;left:var(--m);top:50%;transform:translateY(-55%);font-size:clamp(220px,42vw,620px);line-height:.8;letter-spacing:-.08em;color:#fff;width:.7em;height:.8em}
.ages-num span{position:absolute;left:0;top:0;opacity:0;transform:translateY(.25em);transition:opacity .6s,transform .9s var(--out)}
.ages-num span.on{opacity:1;transform:none}
.ages-copy{position:absolute;right:var(--m);bottom:clamp(40px,8vh,90px);width:min(520px,60vw)}
.ages-copy li{position:absolute;right:0;bottom:0;width:100%;display:grid;gap:12px;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .8s var(--out);background:rgba(7,7,7,.8);padding:24px;border-radius:18px}
.ages-copy li.on{opacity:1;transform:none;transition-delay:.15s}
.ages-copy h2{font-size:clamp(34px,4vw,60px)}
.ages-copy p{font-size:clamp(17px,1.3vw,21px);line-height:1.45}
.ages.flat{height:auto}.ages.flat .ages-stage{position:static;height:auto;padding:var(--gap) var(--m);display:grid;gap:24px}
.ages.flat .ages-pics,.ages.flat .ages-num{display:none}.ages.flat .ages-copy{position:static;width:auto;display:grid;gap:12px}.ages.flat .ages-copy li{position:static;opacity:1;transform:none}
/* Camps: the stack */
.stack{padding:var(--gap) var(--m) 0}
.stack-head{max-width:900px;margin-bottom:40px}
.cards{display:grid}
.card{position:sticky;top:calc(72px + var(--i) * 10px);height:78svh;margin-bottom:16svh;border-radius:18px;overflow:hidden;background:var(--surface);transform-origin:50% 0;will-change:transform;--dim:0}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
.card::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--dim);pointer-events:none}
.card-in{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,3vw,40px);background:linear-gradient(to top,rgba(7,7,7,.92),rgba(7,7,7,0));display:grid;gap:10px}
.card-in h3{font-size:clamp(34px,5vw,80px);line-height:.95}
.card-in p{font-size:clamp(16px,1.3vw,20px);line-height:1.45;max-width:52ch;color:#fff}
.cards li:last-child{margin-bottom:0}
.stack.flat .card{position:relative;top:0;height:auto;aspect-ratio:3/2;margin-bottom:12px}
/* MatchDay: the Skills Cycle */
.cycle{height:260svh;position:relative}
.cycle-stage{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:0 var(--m);overflow:hidden}
.cycle-ring{position:relative;width:min(520px,80vh,100%);aspect-ratio:1;margin:0 auto}
.ring{width:100%;height:100%;display:block}
.ring-base{fill:none;stroke:rgba(255,255,255,.12);stroke-width:10}
.ring-red{fill:none;stroke:var(--red);stroke-width:10;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
.ring-ticks circle{fill:#fff}
.cycle-mid{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:4px}
.cycle-mid b{font-size:clamp(100px,14vw,180px);line-height:.8;font-variant-numeric:tabular-nums}
.cycle-mid span{font-size:16px;color:var(--mute);font-weight:600}
.corner{position:absolute;font-size:15px;font-weight:700;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);color:var(--mute);transition:background .4s,color .4s;white-space:nowrap}
.corner.on{background:var(--red);color:#fff}
.c1{top:-2%;left:50%;transform:translateX(-50%)}.c2{right:-4%;top:50%;transform:translateY(-50%)}.c3{bottom:-2%;left:50%;transform:translateX(-50%)}.c4{left:-4%;top:50%;transform:translateY(-50%)}
.cycle-copy .sub{margin-top:14px}
.cycle-steps{display:grid;gap:10px;margin-top:24px}
.cycle-steps li{font-size:17px;line-height:1.45;color:var(--dim);transition:color .4s;padding-left:18px;position:relative}
.cycle-steps li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);transition:background .4s}
.cycle-steps li.on{color:#fff}.cycle-steps li.on::before{background:var(--red)}
.cycle-steps b{font-weight:700}
.cycle.flat{height:auto}.cycle.flat .cycle-stage{position:static;height:auto;padding:var(--gap) var(--m)}
/* Development Centre: the kit */
.kit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center;padding:var(--gap) var(--m)}
.kit .sub{margin-top:14px}
.kit-form{margin-top:28px;display:grid;gap:8px;max-width:360px}
.kit-form label{font-size:15px;font-weight:600;color:var(--mute)}
.kit-form input{font:inherit;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--surface);border:0;border-radius:14px;padding:16px 18px;min-height:60px}
.kit-form input:focus-visible{outline:3px solid #fff;outline-offset:2px}
.kit-form span{font-size:14px;color:var(--dim)}
.kit-fig{display:grid;gap:14px;justify-items:center}
.shirt{width:min(100%,460px);height:auto;display:block}
.shirt-init{font-family:var(--f);font-weight:800;font-size:44px;fill:#fff;letter-spacing:-.02em}
.shirt-mark{font-family:var(--f);font-weight:800;font-size:22px;fill:rgba(255,255,255,.85)}
.kit-fig figcaption{font-size:15px;color:var(--mute);text-align:center}
/* Goalkeeper: lights on */
.lights{height:280svh;position:relative}
.lights-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;align-content:space-between;padding:120px var(--m) clamp(28px,5vh,56px)}
.lights-bg{position:absolute;inset:0}
.lights-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.lights-dark{position:absolute;inset:0;background:#000;opacity:1}
.lights-copy{position:relative;z-index:2;max-width:720px}
.lights-copy .sub{margin-top:14px;color:#fff}
.gwords{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;max-width:1000px}
.gw{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;background:rgba(7,7,7,.75);font-size:15px;font-weight:600;opacity:0;transform:translateY(14px) scale(.9);transition:opacity .35s,transform .5s var(--out),background .3s}
.gw.on{opacity:1;transform:none;background:#fff;color:#000}
.lights.flat{height:auto}.lights.flat .lights-stage{position:static;height:auto;min-height:70svh}
/* Trials: countdown and ticker */
.clock{padding:var(--gap) 0 0;background:var(--surface)}
.clock-in{padding-bottom:0}
.clock-in{padding:0 var(--m);display:grid;gap:22px;max-width:1100px}
.count{display:flex;gap:clamp(14px,3vw,40px);flex-wrap:wrap}
.count span{display:grid;gap:2px;min-width:3ch}
.count b{font-size:clamp(56px,9vw,150px);line-height:.9;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.count small{font-size:15px;font-weight:600;color:var(--mute)}
.count-past{font-size:clamp(28px,4vw,56px);font-weight:800;font-family:var(--fd);text-transform:uppercase;letter-spacing:-.03em;line-height:1;max-width:14ch}
.ticker{overflow:hidden;background:var(--surface);padding:18px 0 calc(18px + var(--gap) * .3);white-space:nowrap}
.ticker-in{display:inline-flex;gap:0}
.ticker-in span{display:inline-block;padding:0 28px;font-weight:800;font-family:var(--fd);text-transform:uppercase;font-size:clamp(22px,2.6vw,38px);letter-spacing:-.02em;color:#fff}
.ticker-in span::after{content:"·";margin-left:28px;color:var(--red)}
.ticker-in.run{animation:tick 70s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker-note{padding:clamp(36px,5vw,64px) var(--m) 14px;font-size:15px;font-weight:600;color:var(--mute);background:var(--surface)}
/* Parties: the calculator */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center;padding:var(--gap) var(--m)}
.calc .sub{margin-top:14px}
.calc-form{margin-top:28px;display:grid;gap:14px;max-width:460px}
.calc-form label{display:flex;justify-content:space-between;align-items:end;font-size:15px;font-weight:600;color:var(--mute)}
.calc-form label b{font-size:40px;letter-spacing:-.04em;color:#fff;line-height:1}
.calc-form input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:none;margin:0}
.calc-form input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--red) var(--p,30%),rgba(255,255,255,.18) var(--p,30%))}
.calc-form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;margin-top:-11px;border:0}
.calc-form input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.18)}
.calc-form input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--red)}
.calc-form input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:0}
.calc-form input[type=range]:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:6px}
.calc-out{background:var(--surface);border-radius:18px;padding:clamp(24px,3vw,40px);display:grid;gap:14px}
.calc-price{display:grid;gap:6px}
.calc-price b{font-size:clamp(72px,9vw,150px);line-height:.85;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.calc-price span{font-size:17px;color:var(--mute);font-weight:600}
.calc-pack{font-size:clamp(20px,1.7vw,26px);font-weight:700;line-height:1.3}
.calc-alt{font-size:16px;color:var(--mute);line-height:1.45}
/* Coaches: the line-up */
.xi{padding:var(--gap) var(--m) 0}
.xi-head{max-width:900px;margin-bottom:36px}.xi-head .sub{margin-top:14px}
.xi-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:start}
.pitch{position:relative;aspect-ratio:100/160;max-width:520px;width:100%;border-radius:18px;background:#0f1a10;overflow:hidden}
.pitch svg{position:absolute;inset:0;width:100%;height:100%}
.pl{fill:none;stroke:rgba(255,255,255,.28);stroke-width:.7;vector-effect:non-scaling-stroke}
.disc{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;min-width:64px;min-height:64px}
.disc b{width:52px;height:52px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:20px;font-weight:800;letter-spacing:-.03em;transition:background .25s,color .25s,transform .4s var(--out)}
.disc span{font-size:13px;font-weight:700;background:rgba(7,7,7,.75);padding:3px 8px;border-radius:999px;white-space:nowrap}
.disc:hover b{transform:scale(1.08)}
.disc[aria-pressed="true"] b{background:var(--red);color:#fff;transform:scale(1.12)}
.disc:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:14px}
.xi-cards{position:sticky;top:96px;display:grid}
.xi-card{grid-area:1/1;display:grid;grid-template-columns:minmax(140px,36%) 1fr;gap:22px;align-items:start;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .35s,transform .6s var(--out)}
.xi-card.on{opacity:1;pointer-events:auto;transform:none}
.xi-card .por{max-width:none}
.xi-card h3{font-size:clamp(34px,3.6vw,56px);line-height:.95;margin:6px 0 12px}
.xi-card p{font-size:17px;line-height:1.45;color:var(--mute);margin-bottom:14px}
/* Contact: the week */
.tt{padding:var(--gap) var(--m) 0}
.tt-head{max-width:900px;margin-bottom:28px}.tt-head .next{margin-top:14px;color:#fff}
.tt-grid{display:grid;gap:8px}
.tt-day{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:start;padding:14px 0}
.tt-day b{font-size:clamp(28px,3vw,44px);line-height:1;padding-top:8px}
.tt-day.today b{color:var(--red)}
.tt-lane{position:relative;height:60px;background:var(--surface);border-radius:12px}
.tt-day[data-day="5"] .tt-lane{height:60px}
.tt-slot{position:absolute;left:calc(var(--s) / 2.5 * 100%);width:calc(var(--l) / 2.5 * 100%);top:6px;height:48px;display:grid;align-content:center;padding:0 14px;border-radius:9px;background:#fff;color:#000;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tt-slot i{display:block;font-style:normal;font-size:12px;font-weight:600;color:rgba(0,0,0,.6)}
.tt-slot.two{background:rgba(255,255,255,.85);top:66px}
.tt-slot.three{top:126px;background:var(--red);color:#fff}.tt-slot.three i{color:rgba(255,255,255,.75)}
.tt-note{margin-top:22px;font-size:15px;color:var(--mute);max-width:70ch}
@media (max-width:1100px){.xi-stage{grid-template-columns:1fr}.xi-cards{position:static}}
@media (max-width:900px){
  .ages-num{font-size:clamp(180px,60vw,300px);left:16px;top:24%}
  .ages-copy{left:var(--m);right:var(--m);width:auto;bottom:calc(24px + env(safe-area-inset-bottom))}
  .ages-copy li{padding:18px}.ages-copy h2{font-size:34px}
  .card{top:calc(80px + var(--i) * 8px);height:66svh;margin-bottom:12svh}.card-in h3{font-size:clamp(26px,7.6vw,40px)}
  .cycle-stage{grid-template-columns:1fr;align-content:center;gap:20px;padding-top:88px}
  .cycle-ring{width:min(72vw,46svh)}.cycle-mid b{font-size:clamp(64px,22vw,110px)}
  .corner{font-size:12px;padding:6px 10px}.c2{right:-10%}.c4{left:-10%}
  .cycle-copy .h2{font-size:30px}.cycle-copy .sub{font-size:15px;margin-top:8px}.cycle-steps{gap:6px;margin-top:14px}.cycle-steps li{font-size:14px}
  .kit,.calc{grid-template-columns:1fr;gap:28px}
  .lights-stage{padding-top:96px}.gw{height:36px;font-size:13px;padding:0 12px}
  .count b{font-size:clamp(44px,13vw,80px)}
  .tt-day{grid-template-columns:62px 1fr}.tt-day b{font-size:22px}.tt-slot{font-size:12px;padding:0 10px}.tt-slot i{font-size:11px}
  .xi-card{grid-template-columns:1fr}.xi-card .por{max-width:260px}
  .disc b{width:44px;height:44px;font-size:17px}.disc span{font-size:11px}
}

/* ═══ v7.6: more red, more touch ═══ */
.btn{background:var(--red);color:#fff}
.btn:hover{background:#fff;color:#000}
.btn:active,.door:active,.step:active,.tier:active,.fact:active,.pmore-grid a:active,.dcard a:active,.tt-slot:active,.disc:active b{transform:scale(.97)}
.btn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}.btn.ghost:hover{background:#fff;color:#000;border-color:#fff}
.btn.dark{background:#000;color:#fff}.btn.dark:hover{background:#fff;color:#000}
.fact{transition:background .3s,color .3s,transform .4s var(--out)}
.fact:first-child{background:var(--red);color:#fff}.fact:first-child span{color:rgba(255,255,255,.85)}
.fact:hover{background:var(--red);color:#fff}.fact:hover span{color:rgba(255,255,255,.85)}
.step,.tier{transition:background .3s,transform .4s var(--out)}
.step:hover,.tier:hover{background:var(--red)}.step:hover span,.tier:hover b,.tier:hover span{color:#fff}
.tier b{transition:color .3s}
.aim{background:var(--red);color:#fff}
.aim p{color:#fff}
.pmore-grid a::before{content:"";position:absolute;inset:0;background:var(--red);opacity:0;mix-blend-mode:multiply;transition:opacity .4s;z-index:1}
.pmore-grid a:hover::before{opacity:.75}
.pmore-grid .t{transition:transform .5s var(--out)}.pmore-grid a:hover .t{transform:translateY(-6px)}
.pmore-grid .t span{transition:color .3s}.pmore-grid a:hover .t span{color:#fff}
.policies a:hover{background:var(--red);color:#fff}
.gw.on{background:var(--red);color:#fff}
.calc-out{background:var(--red);color:#fff}.calc-price span,.calc-alt{color:rgba(255,255,255,.85)}
.calc-form input[type=range]::-webkit-slider-thumb{background:var(--red);box-shadow:0 0 0 4px rgba(226,35,26,.3)}.calc-form input[type=range]::-moz-range-thumb{background:var(--red)}
.calc-form label b{color:var(--red)}
.tt-slot{transition:background .25s,color .25s,transform .3s var(--out)}
.tt-slot:hover{background:var(--red);color:#fff}.tt-slot:hover i{color:rgba(255,255,255,.8)}
.tt-slot.three:hover{background:#fff;color:#000}.tt-slot.three:hover i{color:rgba(0,0,0,.6)}
.board tbody tr:not(.day){transition:background .25s}.board tbody tr:not(.day):hover{background:rgba(226,35,26,.18)}

.count b{color:var(--red)}

.cycle-mid b{color:var(--red)}
.stack-head .sub,.xi-head .sub,.tt-head .sub{color:var(--mute)}
.card-in h3{color:#fff}
.ages-num{color:var(--red);mix-blend-mode:screen}
.lights-copy .h2{color:#fff}
.xi-card .caps{color:var(--red)}
.pitch{background:#13200f}
.phero .crumb a{color:#fff}
.checks li{opacity:1}
.js .checks li[data-reveal]{opacity:0;transform:translateX(-14px);transition:opacity .5s var(--d,0ms),transform .7s var(--out) var(--d,0ms)}
.js .checks li[data-reveal].is-in{opacity:1;transform:none}
.js .checks li[data-reveal]::before{transform:scale(0);transition:transform .5s var(--out) calc(var(--d,0ms) + 120ms)}
.js .checks li[data-reveal].is-in::before{transform:scale(1)}
/* the kit switch */
.kit-pick{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.pick{height:40px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.1);font-size:14px;font-weight:600;transition:background .25s,color .25s}
.pick:hover{background:rgba(255,255,255,.2)}.pick[aria-pressed="true"]{background:var(--red);color:#fff}
.k-body{fill:var(--red)}.k-neck{fill:#070707}.k-sleeve{fill:#b51a13}.k-zip,.k-hood{display:none}
.shirt[data-kit="zip"] .k-body{fill:#111}.shirt[data-kit="zip"] .k-sleeve{fill:#000}.shirt[data-kit="zip"] .k-neck{fill:#E2231A}.shirt[data-kit="zip"] .k-zip{display:block;fill:#E2231A}
.shirt[data-kit="rain"] .k-body{fill:#0b0b0b}.shirt[data-kit="rain"] .k-sleeve{fill:#E2231A}.shirt[data-kit="rain"] .k-neck{fill:#0b0b0b}.shirt[data-kit="rain"] .k-hood{display:block;fill:#0b0b0b}.shirt[data-kit="rain"] .k-zip{display:block;fill:#fff}
.shirt{perspective:900px}
@media (prefers-reduced-motion:reduce){.js .checks li[data-reveal]{opacity:1;transform:none}.js .checks li[data-reveal]::before{transform:none}}

/* v7.7 fixes */
@media (max-width:900px){
  .pdoor{padding:var(--gap) var(--m) calc(var(--gap) * .6);gap:28px}
  .pdoor::after{background:linear-gradient(to top,rgba(7,7,7,.97) 0%,rgba(7,7,7,.9) 55%,rgba(7,7,7,.55))}
  .pdoor .contact{padding-top:4px}
}

/* ═══ v7.8: coach cards flip on phones, the kit builder, trial interest ═══ */
.shirt-no,.flip-hint{display:none}
@media (max-width:900px){
  .slide{position:relative;height:72svh;perspective:1200px;cursor:pointer;padding:10px var(--m) 0;-webkit-tap-highlight-color:transparent}
  .slide .por,.slide .info{position:absolute;left:var(--m);right:var(--m);top:10px;bottom:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .8s cubic-bezier(.32,.72,0,1)}
  .slide .por{max-width:none;aspect-ratio:auto;height:auto}
  .slide .por img{object-position:50% 10%}
  .shirt-no{display:block;position:absolute;right:14px;top:8px;font-size:clamp(90px,28vw,150px);line-height:.85;color:#fff;opacity:.92;text-shadow:0 2px 24px rgba(0,0,0,.5)}
  .flip-hint{display:inline-flex;position:absolute;left:14px;bottom:14px;height:36px;align-items:center;padding:0 14px;border-radius:999px;background:rgba(7,7,7,.75);font-size:13px;font-weight:600;color:#fff}
  .slide .info{transform:rotateY(180deg);background:var(--red);color:#fff;border-radius:18px;padding:22px;display:grid;gap:12px;align-content:center;overflow:auto}
  .slide .info .caps{color:#fff}.slide .info h3{font-size:clamp(40px,13vw,72px)}.slide .info p{color:#fff}.slide .info .pill{background:rgba(0,0,0,.25);color:#fff}
  .slide.flip .por{transform:rotateY(180deg)}.slide.flip .info{transform:rotateY(0)}
  .slide:focus-visible{outline:3px solid #fff;outline-offset:-6px;border-radius:18px}
}
.kit-form label+input{margin-top:0}
.kit-form label{margin-top:10px}
.kit-form label:first-child{margin-top:0}
.kit-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.kit-actions span{font-size:14px;color:var(--mute)}
.shirt-no{font-family:var(--fd);font-weight:800;font-size:120px;fill:rgba(255,255,255,.95)}
.shirt[data-kit] .shirt-no{display:block}
.interest{margin-top:clamp(28px,4vw,48px);padding:clamp(22px,3vw,36px);background:var(--bg);border-radius:18px;display:grid;gap:18px}
.interest-h{font-size:clamp(20px,1.8vw,26px);font-weight:700}
.interest-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.interest label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--mute)}
.interest input,.interest select{font:inherit;font-size:16px;color:#fff;background:var(--surface);border:0;border-radius:12px;padding:0 14px;height:52px;width:100%}
.interest select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}
.interest input:focus-visible,.interest select:focus-visible{outline:3px solid #fff;outline-offset:2px}
.interest-act{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.interest-note{font-size:14px;color:var(--mute);max-width:40ch}
@media (max-width:900px){.interest-row{grid-template-columns:1fr}}

/* ═══ v7.9 ═══ */
.door{transition:background .3s,color .3s,transform .5s var(--out),box-shadow .4s}
.door:hover{background:var(--red);color:#fff;box-shadow:0 0 0 2px rgba(226,35,26,.6),0 0 48px rgba(226,35,26,.45)}
.door:hover span{color:rgba(255,255,255,.85)}
.door span{transition:color .3s}
.pdoor{grid-template-columns:1fr;min-height:70svh;padding-bottom:var(--gap)}
.pdoor-after{padding:clamp(28px,4vw,48px) var(--m) var(--gap);background:var(--bg)}
.pdoor-after .contact{display:grid;gap:8px;font-size:17px;line-height:1.5;max-width:70ch}
.pdoor-after .contact a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.35)}
.pdoor-after .contact a:hover{text-decoration-color:#fff}
.lights-bg img{object-position:50% 40%}
@media (max-width:900px){.pdoor{padding-bottom:calc(var(--gap) * .7)}.pdoor-after{padding-top:20px}}

/* ═══ v8: audit fixes and the save ═══ */
.aim p+p{margin-top:18px}
.lights.flat .lights-stage{display:grid;align-content:start;gap:28px;min-height:0;padding-top:96px}
@media (max-width:900px){
  .board td:first-child{white-space:nowrap}.board table{font-size:14px}.board th,.board td{padding:10px 10px}
  .tt-day{grid-template-columns:1fr;gap:8px}.tt-lane,.tt-day[data-day="5"] .tt-lane{height:auto;background:none;display:grid;gap:6px}
  .tt-slot,.tt-slot.two,.tt-slot.three{position:static;width:auto;height:auto;padding:12px 14px;white-space:normal;font-size:15px;display:grid;gap:2px}
  .tt-slot i{font-size:13px}
}
/* the save */
.save{padding:var(--gap) var(--m);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:center}
.save .sub{margin-top:14px}
.save-score{margin-top:22px;font-size:18px;font-weight:700;min-height:1.4em}
.goal{position:relative;width:100%;aspect-ratio:16/11;border-radius:18px;overflow:hidden;background:#13200f;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.goal::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 10%,transparent 10% 20%)}
.goal-frame{position:absolute;left:10%;right:10%;top:9%;bottom:30%;border:6px solid #fff;border-bottom:0;border-radius:4px 4px 0 0;overflow:hidden}
.net{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:7% 11%}
.goal-frame::after{content:"";position:absolute;left:-6px;right:-6px;bottom:0;height:4px;background:rgba(255,255,255,.7)}
.zones{position:absolute;left:10%;right:10%;top:9%;bottom:30%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;z-index:3}
.zone{display:block;min-height:0;background:transparent;transition:background .15s;-webkit-tap-highlight-color:transparent}
.zone:hover{background:rgba(255,255,255,.06)}
.zone.cue{background:rgba(226,35,26,.35)}
.zone.hit{background:rgba(226,35,26,.75)}
.zone.got{background:rgba(255,255,255,.55)}
.zone:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.keeper{position:absolute;left:0;top:0;z-index:2;width:46px;height:70px;pointer-events:none;display:grid;justify-items:center;gap:4px;will-change:transform}
.keeper i{width:22px;height:22px;border-radius:50%;background:#f1d2b6}
.keeper b{width:46px;height:44px;border-radius:12px 12px 6px 6px;background:var(--red)}
.ball{position:absolute;left:0;top:0;z-index:4;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:inset -6px -6px 0 rgba(0,0,0,.18),0 10px 18px rgba(0,0,0,.45);pointer-events:none;opacity:0;will-change:transform}
.save-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;height:60px;padding:0 34px;font-size:18px}
.save-start[hidden]{display:none}
.save-result{position:absolute;inset:0;z-index:6;background:rgba(7,7,7,.9);display:grid;align-content:center;justify-items:start;gap:14px;padding:clamp(20px,4vw,40px);opacity:0;transition:opacity .4s}
.save-result.on{opacity:1}
.save-result[hidden]{display:none}
.save-big{font-size:clamp(44px,6vw,96px);line-height:.9}
.save-result p:not(.save-big){font-size:clamp(16px,1.3vw,20px);line-height:1.45;max-width:46ch}
@media (max-width:900px){.save{grid-template-columns:1fr;gap:20px}.goal{aspect-ratio:1/1;border-radius:14px}.keeper{width:38px;height:58px}.keeper b{width:38px;height:36px}.ball{width:26px;height:26px}.save-big{font-size:40px}}
/* audit: narrow phones, tap targets, overlay */
a[href^="mailto:"],a[href^="tel:"]{overflow-wrap:anywhere}
.kit-form input,.kit-form{width:100%;min-width:0;max-width:100%}
.kit-form{max-width:360px}
.por .light{pointer-events:none}
.more{min-height:40px;display:inline-flex;align-items:center}
.brand{display:inline-flex;align-items:center;min-height:44px}
.phero .crumb a{display:inline-flex;align-items:center;min-height:40px}
.arrow{min-width:44px;min-height:44px}
.keeper{width:60px;height:92px}.keeper i{width:28px;height:28px}.keeper b{width:60px;height:58px}
@media (max-width:380px){
  .h1,.phero .h1{font-size:10.2vw}.h2{font-size:9.8vw}
  .board{overflow-x:auto}.board table{font-size:13px}.board th,.board td{padding:8px 8px}
  .cblock{padding:18px}.pfacts{gap:6px}.fact{padding:14px}.fact b{font-size:20px}
}
@media (max-width:900px){.keeper{width:44px;height:68px}.keeper i{width:22px;height:22px}.keeper b{width:44px;height:42px}}

/* ═══ v8.1: which session is right for my child? ═══ */
.route-find{margin-top:24px}
.finder{padding:0;border:0;margin:auto;background:transparent;color:#fff;max-width:none;max-height:none;width:min(600px,100vw - 32px);overflow:visible}
.finder::backdrop{background:rgba(0,0,0,.7);opacity:0;transition:opacity .3s}
.finder.in::backdrop{opacity:1}
.finder-sheet{background:#111;border-radius:22px;padding:clamp(20px,3vw,32px);max-height:min(88svh,820px);overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .3s,transform .45s var(--out)}
.finder.in .finder-sheet{opacity:1;transform:none}
.finder-top{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px}
.finder-top h2{font-size:clamp(30px,4vw,44px);line-height:.95}
.finder-x{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);font-size:26px;line-height:1;display:grid;place-items:center;transition:background .25s}
.finder-x:hover{background:var(--red)}
.finder-q{margin-bottom:20px}
.finder-q[hidden]{display:none}
.finder-l{font-size:15px;font-weight:700;color:var(--mute);margin-bottom:10px}
.f-ages{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}
.f-age{height:48px;border-radius:14px;background:rgba(255,255,255,.08);font-family:var(--fd);font-weight:800;font-size:22px;transition:background .2s,color .2s,transform .3s var(--out)}
.f-age:hover{background:rgba(255,255,255,.18)}
.f-age[aria-pressed="true"]{background:var(--red);color:#fff;transform:scale(1.06)}
.f-club{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.f-opt{min-height:52px;padding:0 16px;border-radius:14px;background:rgba(255,255,255,.08);font-size:16px;font-weight:600;transition:background .2s,color .2s}
.f-opt:hover{background:rgba(255,255,255,.18)}
.f-opt[aria-pressed="true"]{background:#fff;color:#000}
.f-opt.f-gk{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}
.f-opt.f-gk::before{content:"";width:18px;height:18px;border-radius:5px;border:2px solid currentColor;transition:background .2s}
.f-opt.f-gk[aria-pressed="true"]::before{background:var(--red);border-color:var(--red)}
.f-age:focus-visible,.f-opt:focus-visible,.finder-x:focus-visible{outline:3px solid #fff;outline-offset:2px}
.finder-hint{font-size:17px;color:var(--mute);padding:18px 0 4px}
.finder-card{background:var(--red);border-radius:18px;padding:clamp(20px,3vw,28px);display:grid;gap:10px}
.finder-for{font-size:14px;font-weight:700;color:rgba(255,255,255,.85)}
.finder-card h3{font-size:clamp(34px,5vw,52px);line-height:.92}
.finder-when{font-size:18px;font-weight:700}
.finder-why{font-size:16px;line-height:1.45;color:rgba(255,255,255,.92);max-width:46ch}
.finder-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:8px}
.btn.white{background:#fff;color:#000}.btn.white:hover{background:#000;color:#fff}
.finder-more,.finder-route{font-size:15px;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.5);min-height:44px;display:inline-flex;align-items:center}
.finder-more:hover,.finder-route:hover{text-decoration-color:#fff}
.f-also-l{margin:20px 0 10px}
.finder-also{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.finder-also a{display:grid;gap:3px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.08);transition:background .25s}
.finder-also a:hover{background:rgba(255,255,255,.16)}
.finder-also b{font-size:16px;font-weight:700}.finder-also span{font-size:14px;color:var(--mute)}
.finder-pill{display:none}
.menu-finder{color:#fff}
html.finder-open{overflow:hidden}
@media (max-width:900px){
  .finder{width:100vw;margin:auto 0 0;max-width:100vw}
  .finder-sheet{border-radius:22px 22px 0 0;padding:20px 16px calc(24px + env(safe-area-inset-bottom));max-height:92svh;transform:translateY(100%)}
  .finder.in .finder-sheet{transform:none}
  .finder-top h2{font-size:30px}
  .f-ages{grid-template-columns:repeat(5,1fr)}
  .finder-also{grid-template-columns:1fr}
  .finder-pill{display:inline-flex;align-items:center;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:180;height:48px;padding:0 20px;border-radius:999px;background:var(--red);color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.45);opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .3s,transform .45s var(--out)}
  .finder-pill.on{opacity:1;transform:none;pointer-events:auto}
  html.finder-open .finder-pill{opacity:0;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){.finder-sheet,.finder::backdrop,.finder-pill{transition:none}}

/* the two glows meet end to end and cross-fade */
#hero-spine-glow,.p-glow{stroke-linecap:butt}

/* ═══ v8.2: QA pass ═══ */
/* phone menu: top-aligned when it doesn't fit, so nothing is pushed under the bar */
.menu{justify-content:flex-start}
.menu-links{margin-top:auto}
.menu-links a{font-size:clamp(28px,min(8.6vw,5.3svh),84px)}
/* touch screens can't hover: show the week card details */
@media (hover:none){.dcard .dw span{max-height:none;opacity:1}}
/* reduced motion: the three full-screen stations show their words */
@media (prefers-reduced-motion:reduce){
  .station.big .copy,.station.big .ghost{opacity:1!important;transform:none!important}
  .station.big .pic{clip-path:none!important}.station.big .pic::after{opacity:.9}
}
/* hidden layers leave the page properly */
.dd-menu{visibility:hidden;transition:opacity .25s,transform .4s var(--out),visibility 0s linear .4s}
.dd:hover .dd-menu,.dd-btn[aria-expanded="true"]+.dd-menu,.dd:focus-within .dd-menu{visibility:visible;transition:opacity .25s,transform .4s var(--out),visibility 0s}
.xi-card{visibility:hidden;transition:opacity .35s,transform .6s var(--out),visibility 0s linear .35s}
.xi-card.on{visibility:visible;transition:opacity .35s,transform .6s var(--out),visibility 0s}
.ages-copy li{visibility:hidden;transition:opacity .5s,transform .8s var(--out),visibility 0s linear .5s}
.ages-copy li.on,.ages.flat .ages-copy li{visibility:visible;transition:opacity .5s,transform .8s var(--out),visibility 0s}
/* spacing: the contact band under a booking photo doesn't stack a second full gap */
.pdoor-after{padding-bottom:clamp(40px,5vw,72px)}
/* timetable: readable size, solid colours */
.tt-slot i{font-size:13px}
.tt-slot.two{background:#dedede}
/* tablets: keep the three "keep going" tiles in one row, no orphan */
@media (min-width:901px) and (max-width:1100px){.pmore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* phones: the long route-header button wraps instead of pushing the page sideways */
@media (max-width:900px){.route-find .btn{white-space:normal;height:auto;min-height:52px;padding:12px 24px;text-align:left;line-height:1.25}}
/* trial board and training times: header text lines up with the table text */
@media (max-width:900px){.board-h,.board-f{padding-left:14px;padding-right:14px}.board th:first-child,.board td:first-child{padding-left:14px}.board th:last-child,.board td:last-child{padding-right:14px}}
/* a little air between a section headline and its first line */
.stack-head .sub{margin-top:14px}
/* the photo caption steps aside while the station is open, so it never sits under the words */
.station.big .pic .tag{transition:left .3s,bottom .3s,opacity .3s}
.station.big.open .pic .tag{opacity:0}
/* phones: the Skills Cycle fits on one screen, below the bar */
@media (max-width:900px){
  .cycle-stage{align-content:start;padding:92px var(--m) 16px;gap:22px}
  .cycle-ring{width:min(58vw,32svh)}
  .cycle-copy .sub{display:none}
  .cycle-steps{margin-top:12px;gap:6px}.cycle-steps li{font-size:14px;line-height:1.4}
}
/* narrowest phones: the trial table keeps inside its box */
@media (max-width:380px){.board table{table-layout:fixed}.board th,.board td{padding:8px 6px}.board th:first-child,.board td:first-child{padding-left:12px}.board th:last-child,.board td:last-child{padding-right:12px}.board-h,.board-f{padding-left:12px;padding-right:12px}}

/* ===== v9: audit fixes and polish (not deployed) ===== */
/* small red text: a lighter tint of the brand red so it reads (4.7:1 on the cards, 5:1 on the page) */
:root{--red-text:#E84038}
.caps,.station .age,.tier b,.xi-card .caps{color:var(--red-text)}
/* small text on a red fill: pure white */
.fact:first-child span,.fact:hover span,.calc-price span,.calc-alt,.finder-for,.finder-why,.tt-slot.three i,.tt-slot:hover i,.door:hover span{color:#fff}
/* timetable: the second row turns red on hover like the others */
.tt-slot.two:hover{background:var(--red);color:#fff}
/* aim blocks read at a comfortable width */
.aim p{max-width:58ch}
/* clubs list: still, wrapping, fades in once (nothing loops) */
.ticker{overflow:visible;white-space:normal;padding:18px var(--m) calc(18px + var(--gap) * .3)}
.ticker-in{display:flex;flex-wrap:wrap;row-gap:4px}
.ticker-in span{padding:0;font-size:clamp(20px,2.1vw,32px)}
.ticker-in span::after{margin:0 16px}
.ticker-in span:last-child::after{content:none}
.ticker-in.run{animation:none}
/* glass nav once you scroll */
.nav.solid{background:rgba(7,7,7,.72);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
/* counters keep their width while they count */
.counts{font-variant-numeric:tabular-nums}
/* headlines rise out of the mask and come into focus */
.js .ln>span,html.js .phero .ln > span{filter:blur(8px)}
/* sections and cards fade in from a soft blur, once (desktop) */
@media (hover:hover) and (pointer:fine){
  .js [data-reveal]{filter:blur(6px)}
  .js [data-reveal].is-in{filter:none;transition:opacity .9s var(--out) var(--d,0s),transform 1s var(--out) var(--d,0s),filter .9s var(--out) var(--d,0s)}
  .js .checks li[data-reveal]{filter:none}
}
/* a soft light follows the mouse across cards */
@property --sp{syntax:'<number>';inherits:false;initial-value:0}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .fact,.step,.tier,.door,.cblock,.quote{background-image:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,calc(var(--sp) * .07)),transparent 65%)}
  .fact,.step,.tier,.cblock,.quote{transition:--sp .35s,background-color .3s,color .3s,transform .4s var(--out)}
  .door{transition:--sp .35s,background-color .3s,color .3s,transform .5s var(--out),box-shadow .4s}
  .fact:hover,.step:hover,.tier:hover,.door:hover,.cblock:hover,.quote:hover{--sp:1}
}
@media (prefers-reduced-motion:reduce){
  .js .ln>span,html.js .phero .ln > span,.js [data-reveal]{filter:none!important}
}

/* ===== v10: redesign pass ===== */
/* route: shorter, and the line passes behind each full-screen photo instead of over it */
.station{min-height:62vh}
.station.big{height:150vh}
.station.big .sticky{position:sticky;z-index:6;background:var(--bg)}
@media (max-width:900px){.station.big,.station:nth-child(even of .station).big{height:145svh}}
/* station facts read as one quiet line, not a row of pills */

.pill,.station.big .copy .pill{height:auto;padding:0;border-radius:0;background:none;font-size:14px;font-weight:600;color:var(--mute);white-space:normal}
.pill.hot,.station.big .copy .pill.hot{background:none;color:#fff}
.pills{gap:6px 18px}
.pill::before{content:"";flex:none;width:5px;height:5px;margin-right:8px;background:rgba(255,255,255,.35)}
.pill.hot::before{background:var(--red)}
/* photo captions: small type on a soft shade along the bottom edge, not a floating pill */
.tag{left:0;right:0;bottom:0;padding:40px 16px 12px;border-radius:0;background:linear-gradient(to top,rgba(7,7,7,.72),rgba(7,7,7,0));font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.88)}
.station.big .pic .tag,.station.big.open .pic .tag{left:0;bottom:0}
/* photos: lighter overlays so the picture shows, a shade only where the words sit, and fine grain so every photo shares one finish */
.hero-bg img{opacity:.92}
.hero::after{background:linear-gradient(to top,var(--bg) 0%,rgba(7,7,7,.6) 26%,rgba(7,7,7,0) 62%),linear-gradient(90deg,rgba(7,7,7,.78) 0%,rgba(7,7,7,.42) 42%,rgba(7,7,7,0) 75%)}
.phero-bg img{opacity:.92}
.phero::after{background:linear-gradient(to top,var(--bg) 0%,rgba(7,7,7,.6) 28%,rgba(7,7,7,0) 64%),linear-gradient(90deg,rgba(7,7,7,.8) 0%,rgba(7,7,7,.45) 45%,rgba(7,7,7,0) 78%)}
.pic::before,.hero-bg::after,.phero-bg::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:url(../img/grain.png) repeat;background-size:140px;opacity:.07;mix-blend-mode:overlay}

/* ---- subpage heroes: three layouts ---- */
/* poster: the photo fills the screen, the headline is the poster */
.phero--poster{min-height:100svh}
.phero--poster .h1{font-size:clamp(56px,10vw,164px);line-height:.86}
.phero--poster .phero-in{max-width:none;grid-template-columns:minmax(0,1fr) auto;column-gap:56px;align-items:end}
.phero--poster .crumb,.phero--poster .h1{grid-column:1/-1}
.phero--poster .lede{grid-column:1;max-width:56ch}
.phero--poster .ctas{grid-column:2;justify-content:flex-end;align-self:end}
.phero--poster::after{background:linear-gradient(to top,var(--bg) 0%,rgba(7,7,7,.78) 32%,rgba(7,7,7,.1) 72%,rgba(7,7,7,.4) 100%)}
/* split: words on the left, a full-height photo on the right */
.phero--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;padding:0;min-height:94svh}
.phero--split .phero-bg{position:relative;inset:auto;grid-column:2;grid-row:1;min-height:94svh}
.phero--split .phero-in{grid-column:1;grid-row:1;align-self:end;padding:150px var(--m) clamp(48px,6vw,80px)}
.phero--split .h1{font-size:clamp(44px,5.4vw,92px)}
.phero--split::after{display:none}
.phero--split .phero-bg img{opacity:1}
/* frame: headline and words on top, then a wide cinematic photo */
.phero--frame{display:block;min-height:0;padding:150px var(--m) 0}
.phero--frame .phero-in{max-width:none;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"crumb crumb" "title lede" "title ctas";column-gap:clamp(32px,5vw,80px);row-gap:22px;align-items:end}
.phero--frame .crumb{grid-area:crumb}.phero--frame .h1{grid-area:title}.phero--frame .lede{grid-area:lede}.phero--frame .ctas{grid-area:ctas}
.phero--frame .phero-bg{position:relative;inset:auto;margin-top:clamp(36px,5vw,64px);aspect-ratio:21/9;border-radius:22px;overflow:hidden}
.phero--frame .phero-bg img{opacity:1}
.phero--frame::after{display:none}
@media (max-width:900px){
  .phero--poster{min-height:92svh}
  .phero--poster .phero-in{grid-template-columns:1fr}.phero--poster .ctas{grid-column:1;justify-content:flex-start}
  .phero--poster .h1{font-size:clamp(46px,13vw,84px)}
  .phero--poster::after,.phero::after{background:linear-gradient(to top,var(--bg) 0%,rgba(7,7,7,.86) 42%,rgba(7,7,7,.25) 72%,rgba(7,7,7,.45) 100%)}
  .phero--split{grid-template-columns:1fr;min-height:0}
  .phero--split .phero-bg{grid-column:1;grid-row:1;min-height:0;aspect-ratio:4/5;max-height:62svh;width:100%}
  .phero--split .phero-in{grid-row:2;padding:28px var(--m) 36px}
  .phero--split .h1{font-size:clamp(40px,11.5vw,72px)}
  .phero--frame{padding-top:112px}
  .phero--frame .phero-in{grid-template-columns:1fr;grid-template-areas:"crumb" "title" "lede" "ctas"}
  .phero--frame .phero-bg{aspect-ratio:4/3;border-radius:16px}
}

/* ---- the facts row under each hero: one ruled line of facts, no cards ---- */
.pfacts{gap:0;margin:clamp(28px,4vw,48px) var(--m) 0;padding:0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.fact,.fact:first-child,.fact:hover{background:none;color:#fff;border-radius:0;min-height:0;padding:24px 24px 24px 0}
.fact+.fact{border-left:1px solid rgba(255,255,255,.14);padding-left:24px}
.fact:first-child b{color:var(--red-text)}
.fact:first-child span,.fact:hover span{color:var(--mute)}
.fact:active{transform:none}
@media (max-width:900px){
  .pfacts{grid-template-columns:1fr 1fr}
  .fact,.fact:first-child,.fact:hover{padding:18px 14px 18px 0}
  .fact:nth-child(2n){border-left:1px solid rgba(255,255,255,.14);padding-left:16px}
  .fact:nth-child(2n+1){border-left:0;padding-left:0}
  .fact:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}
}
.phero--split .phero-bg img,.phero--frame .phero-bg img{position:absolute;inset:0}
.phero--frame{display:flex;flex-direction:column}
.phero--frame .phero-in{order:1}.phero--frame .phero-bg{order:2;flex:none;width:100%}
@media (max-width:900px){.phero--frame .phero-in{order:2;margin-top:24px}.phero--frame .phero-bg{order:1;margin-top:0}}
.phero--split .phero-bg::before{content:"";position:absolute;inset:0 0 auto;height:160px;z-index:1;background:linear-gradient(rgba(7,7,7,.65),rgba(7,7,7,0));pointer-events:none}

/* ---- lists: a ruled list in plain type instead of red tick badges ---- */
.checks{gap:0;margin-top:28px;border-top:1px solid rgba(255,255,255,.14)}
.checks li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14);color:var(--mute);font-size:17px;line-height:1.45}
.checks li::before,.js .checks li[data-reveal]::before{content:none}
.checks li b{color:#fff;font-weight:700}

/* ---- Ross: a dark feature with a timeline that echoes the route line ---- */
.ross{background:var(--bg);color:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;margin-top:0;padding:var(--gap) var(--m)}
.ross-pic{aspect-ratio:16/10}.ross-pic img{width:100%;height:100%;object-fit:cover}
.ross .caps{margin-bottom:14px}
.ross-steps{list-style:none;margin:32px 0 0;padding:0 0 0 30px;position:relative;display:grid;gap:26px}
.ross-steps::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:var(--red);box-shadow:0 0 12px rgba(226,35,26,.55)}
.ross-steps li{position:relative;display:grid;gap:6px}
.ross-steps li::before{content:"";position:absolute;left:-30px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--red)}
.ross-steps li:last-child::before{background:var(--red);border-color:#fff}
.ross-steps b{font-family:var(--fd);text-transform:uppercase;font-size:clamp(22px,2vw,30px);font-weight:800;line-height:1;letter-spacing:.005em}
.ross-steps span{color:var(--mute);font-size:17px;line-height:1.45;max-width:46ch}
.ross-steps a{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.4)}
.ross-cta{margin-top:32px}
@media (max-width:900px){.ross{grid-template-columns:1fr;gap:32px}}

/* ---- parent quotes: one big quote, the rest smaller, no boxes ---- */
.quotes{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 56px}
.quotes .quote{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.18);min-height:0;gap:18px;align-content:start}
.quotes .quote:first-child{grid-column:1/-1;border-top:0;padding-top:0}
.quotes .quote:first-child p{font-size:clamp(30px,3.6vw,56px);line-height:1.1;font-weight:600;letter-spacing:-.02em;max-width:26ch}
.quotes .quote:first-child p::before{content:"\201C";display:block;font-family:var(--fd);font-size:2.2em;line-height:.55;color:var(--red);margin-bottom:.12em}
.quotes .quote footer{color:var(--mute)}
@media (max-width:900px){.quotes{grid-template-columns:1fr;gap:28px}}

/* ---- clubs that sent scouts: a scoreboard of rows, not six boxes ---- */
.tiers{grid-template-columns:1fr;gap:0;border-top:1px solid rgba(255,255,255,.14)}
.tier,.tier:hover{grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:8px 32px;align-items:baseline;background:none;border-radius:0;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.tier b{font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.tier span,.tier:hover span{font-family:var(--fd);text-transform:uppercase;font-size:clamp(22px,2.5vw,38px);font-weight:700;line-height:1.05;letter-spacing:.005em;color:#fff}
.tier:hover b{color:var(--red-text)}
.tier:active{transform:none}
@media (max-width:900px){.tiers,.tier,.tier:hover{grid-template-columns:1fr}}
.quotes .quote:first-child p::before{font-family:var(--f);font-weight:800;font-size:2em}

/* ---- reading: softer grey lifted, intros a step larger, coach bios no smaller than 16px ---- */
:root{--mute:rgba(255,255,255,.8)}
.sub{font-size:clamp(17px,1.3vw,20px)}
.phero .lede,.hero .lede{font-size:clamp(17px,1.45vw,22px)}
.member p{font-size:16px}

/* ===== v11: the line stays in front and keeps to its own lane, so it never crosses words ===== */
/* big photos: the line runs down the left margin over the photo, beside the words, not behind them */
.station.big .sticky{z-index:auto;background:none}
.station.big .dot,.station:nth-child(odd of .station).big .dot,.station:nth-child(even of .station).big .dot{left:calc(var(--m) * .5)}
.station.big .copy{margin-left:calc(var(--m) + 18px)}
.head.tuck>span{opacity:0;transform:scale(.9)}
.head>span{transition:opacity .3s,transform .3s}
/* each programme carries its step number; the words light up as the line arrives */
.station{counter-increment:step}
#track{counter-reset:step}
.station h3::before{content:counter(step,decimal-leading-zero) " of 05";display:block;margin-bottom:12px;font-family:var(--f);font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--red-text)}
.station .copy{opacity:.38}
.station.on .copy,.station.big .copy{opacity:1}
.station:nth-child(odd of .station) .copy{justify-items:start;text-align:left}
.station:nth-child(odd of .station) .copy p{text-align:left}
.station:nth-child(odd of .station) .pills{justify-content:flex-start}
@media (max-width:900px){
  .station.big .dot,.station:nth-child(odd of .station).big .dot{left:10px}
  .station:nth-child(even of .station).big .dot{left:auto;right:10px}
  .station.big .copy{margin-left:54px}
  .station:nth-child(even of .station).big .copy{margin-left:20px}
}

/* ---- one light section for rhythm: what parents say, on white ---- */
:root{--paper:#f3f3f2;--ink-dark:#0b0b0b;--ink-soft:#4a4a4a}
.parents,.words{background:var(--paper);color:var(--ink-dark)}
.parents-bg{display:none}
.parents .h2,.words .h2{color:var(--ink-dark)}
.quotes .quote p,.wgrid .quote p{color:var(--ink-dark)}
.quotes .quote{border-top-color:rgba(0,0,0,.14)}
.quotes .quote footer,.wgrid .quote footer{color:var(--ink-soft)}
.parents .assure{color:var(--ink-soft)}
.parents .assure a{color:var(--ink-dark);text-decoration-color:rgba(0,0,0,.35)}
.wgrid{gap:0 40px}
.wgrid .quote{background:none;border-radius:0;padding:24px 0;border-top:1px solid rgba(0,0,0,.14)}
.quotes .quote:first-child p::before{color:var(--red)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.parents .quote,.words .quote{background-image:none}}

/* ===== v12: home page — trust strip, finder in the page, programme moments, next-trial card ===== */
/* trust strip, under the hero buttons */
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:clamp(22px,3vw,34px);padding-top:18px;border-top:1px solid rgba(255,255,255,.18);max-width:640px}
.trust li{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.86)}
.trust img{height:28px;width:auto;border-radius:3px}
.trust li+li:not(:has(img))::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--red);margin-right:2px}
@media (max-width:900px){.trust{gap:8px 16px}.trust li{font-size:12px}.trust img{height:24px}}

/* the session finder, in the page */
.route-finder{margin-top:26px;max-width:560px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.03)}
.rf-title{font-family:var(--fd);text-transform:uppercase;font-weight:800;font-size:clamp(22px,2vw,28px);line-height:1;margin-bottom:16px}
.route-finder .finder-q:last-of-type{margin-bottom:8px}
.route-finder .finder-also{grid-template-columns:1fr}
.route-finder .finder-l.f-also-l{margin-top:14px}
@media (max-width:900px){.route-finder{padding:18px;margin-top:20px}}

/* Development Centre: the floodlights switch on when the line arrives */
.pic.flood .dark{position:absolute;inset:0;z-index:1;background:#000;opacity:.86;pointer-events:none}
.pic.flood .lamp{position:absolute;top:-6%;left:var(--x);z-index:2;width:42%;height:95%;transform:translateX(-50%);pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse 36% 70% at 50% 0%,rgba(255,248,226,.5),rgba(255,248,226,.12) 45%,rgba(255,248,226,0) 72%)}
.pic.flood .lamp::before{content:"";position:absolute;left:50%;top:8%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fffbe8;box-shadow:0 0 14px 6px rgba(255,246,214,.8),0 0 50px 18px rgba(255,240,200,.35)}
.station.lit .pic.flood .dark{animation:flood-dark 1.7s .25s forwards}
.station.lit .pic.flood .lamp{animation:flood-lamp 1.1s var(--d) forwards}
@keyframes flood-dark{0%{opacity:.86}10%{opacity:.55}16%{opacity:.82}28%{opacity:.4}36%{opacity:.7}55%{opacity:.18}100%{opacity:.04}}
@keyframes flood-lamp{0%{opacity:0}12%{opacity:1}22%{opacity:.15}34%{opacity:.95}46%{opacity:.35}100%{opacity:.8}}
.pic .tag{z-index:3}

/* WeScoutU trials: a scout's report fills in when the line arrives */
.scout-card{position:absolute;right:14px;top:14px;z-index:3;width:min(196px,46%);padding:14px 16px 10px;border-radius:12px;background:var(--paper);color:var(--ink-dark);box-shadow:0 14px 34px rgba(0,0,0,.45);rotate:2deg;opacity:0;translate:0 12px;transition:opacity .5s var(--out),translate .6s var(--out)}
.scout-card b{display:block;font-family:var(--fd);text-transform:uppercase;font-size:17px;font-weight:800;letter-spacing:.02em;padding-bottom:8px;border-bottom:2px solid var(--ink-dark)}
.scout-card ol{list-style:none;margin:0;padding:0}
.scout-card li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.12);font-size:14px;font-weight:600}
.scout-card li:last-child{border-bottom:0}
.scout-card i{width:20px;height:20px;border:1.5px solid rgba(0,0,0,.35);border-radius:4px;display:grid;place-items:center}
.scout-card svg{width:18px;height:18px;fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}
.station.lit .scout-card{opacity:1;translate:0 0}
.station.lit .scout-card svg{transition:stroke-dashoffset .35s ease-out calc(var(--d) + .5s);stroke-dashoffset:0}

/* the pro contract: the signing photo settles like a pinned print, the partnership stamp lands */
.pic.contract{rotate:-2.5deg;transition:rotate .9s var(--out);box-shadow:0 0 0 8px var(--paper),0 22px 50px rgba(0,0,0,.5);margin:8px}
.station.lit .pic.contract{rotate:0deg}
.stamp{position:absolute;right:16px;top:16px;z-index:3;display:grid;justify-items:center;padding:8px 12px;border:3px solid var(--red);border-radius:8px;color:#fff;background:rgba(7,7,7,.55);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;rotate:-8deg;opacity:0;scale:1.6}
.stamp b{font-family:var(--fd);font-size:20px;letter-spacing:.02em;color:#fff}
.station.lit .stamp{animation:stamp .45s cubic-bezier(.2,1.4,.4,1) .6s forwards}
@keyframes stamp{0%{opacity:0;scale:1.6}100%{opacity:1;scale:1}}
.pro-stat{display:flex;align-items:baseline;gap:12px;margin-top:6px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.pro-stat b{font-family:var(--fd);font-weight:800;font-size:clamp(44px,4.4vw,64px);line-height:.9;color:var(--red-text);font-variant-numeric:tabular-nums}
.pro-stat span{font-size:15px;font-weight:600;color:var(--mute);max-width:22ch}

/* finished state with no script, and for anyone who prefers less motion */
html:not(.js) .pic.flood .dark{opacity:.04}html:not(.js) .pic.flood .lamp{opacity:.8}
html:not(.js) .scout-card{opacity:1;translate:0 0}html:not(.js) .scout-card svg{stroke-dashoffset:0}
html:not(.js) .pic.contract{rotate:0deg}html:not(.js) .stamp{opacity:1;scale:1}
@media (prefers-reduced-motion:reduce){
  .pic.flood .dark{animation:none!important;opacity:.04!important}.pic.flood .lamp{animation:none!important;opacity:.8!important}
  .scout-card{transition:none;opacity:1;translate:0 0}.scout-card svg{transition:none!important;stroke-dashoffset:0}
  .pic.contract{transition:none;rotate:0deg}.stamp{animation:none!important;opacity:1;scale:1}
}

/* next trial: a short card instead of the full price board */
.trials.tnext{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
.tcard{background:var(--surface);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:clamp(22px,2.6vw,34px);display:grid;gap:18px}
.tcard-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:0}
.tcard-facts div{display:grid;gap:4px}
.tcard-facts dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.tcard-facts dd{margin:0;font-size:17px;font-weight:600;line-height:1.35}
.tcard-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:6px}
.tcard-more{font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.4)}
@media (max-width:900px){.trials.tnext{grid-template-columns:1fr}.tcard-facts{grid-template-columns:1fr}}
@media (max-width:900px){
  .scout-card{width:min(150px,42%);padding:10px 12px 6px;right:10px;top:10px}.scout-card b{font-size:14px;padding-bottom:6px}.scout-card li{font-size:12px;padding:4px 0}.scout-card i{width:16px;height:16px}.scout-card svg{width:14px;height:14px}
  .stamp{right:10px;top:10px;padding:5px 9px;font-size:9px;border-width:2px}.stamp b{font-size:15px}
}
/* small laptops and tablets on their side: the age slider sits under the finder, so the line has the right-hand column to itself */
@media (min-width:901px) and (max-width:1200px){.route-head{grid-template-columns:minmax(0,1fr);max-width:min(600px,calc(60vw - var(--m) - 24px))}.route-head .jump{justify-self:stretch}}
/* phones: the hero grows with its content instead of pushing the headline up under the logo on short screens */
@media (max-width:900px){.hero{height:auto;min-height:100svh;padding-top:120px}}

/* ===== v13: the opening runs in the stylesheet from the first paint (nothing on screen waits for scripts) ===== */
:root{--in:.1s}
:root:has(#intro):not(.seen){--in:.6s}
html.arrive{--in:.45s}
@keyframes pp-up{from{transform:translateY(110%);filter:blur(8px)}to{transform:none;filter:none}}
@keyframes pp-fade{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes pp-nav{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pp-flick{0%{filter:brightness(0)}5%{filter:brightness(.5)}10%{filter:brightness(.05)}19%{filter:brightness(.8)}27%{filter:brightness(.25)}100%{filter:brightness(1)}}
@keyframes pp-curtain{to{clip-path:inset(0 0 100% 0);visibility:hidden}}
@keyframes pp-mark{0%{opacity:0;transform:scale(.92)}40%{opacity:1;transform:none}70%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-20px)}}
@keyframes pp-lift{from{transform:scaleY(1)}to{transform:scaleY(0)}}
@keyframes pp-settle{from{transform:scale(1.05);opacity:.35}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:no-preference){
  .js .intro{animation:pp-curtain .5s cubic-bezier(.7,0,.25,1) .45s forwards}
  .js .intro img{animation:pp-mark .55s ease-out both}
  .intro-line{display:none}
  .js .hero-bg{animation:pp-flick 1.1s ease-out calc(var(--in) - .05s) both}
  .seen .hero-bg{animation:pp-fade .6s ease-out both}
  .js .hero .ln>span,.js .phero .ln>span{animation:pp-up 1.1s var(--out) var(--in) both}
  .js .hero .ln:nth-child(2)>span,.js .phero .ln:nth-child(2)>span{animation-delay:calc(var(--in) + .1s)}
  .js .nav>*{animation:pp-nav .7s var(--out) calc(var(--in) + .2s) both}
  .js [data-hero]{animation:pp-fade .9s var(--out) calc(var(--in) + .3s) both}
  .js .hero-in>[data-hero]:nth-child(3),.js .phero-in>[data-hero]:nth-child(3){animation-delay:calc(var(--in) + .4s)}
  .js .hero-in>[data-hero]:nth-child(4),.js .phero-in>[data-hero]:nth-child(4){animation-delay:calc(var(--in) + .5s)}
  .js .phero-in>[data-hero]:nth-child(1){animation-delay:calc(var(--in) + .15s)}
  html.js.arrive .curtain-page{transform-origin:top;animation:pp-lift .75s cubic-bezier(.7,0,.25,1) .05s both}
  .js .phero-bg{animation:pp-settle 1.6s var(--out) calc(var(--in) - .1s) both}
}
/* reduced motion: everything in the opening is simply there (these beat the hidden starting states above) */
@media (prefers-reduced-motion:reduce){
  html.js .phero [data-hero],html.js .hero [data-hero],html.js [data-hero],html.js .nav>*{opacity:1!important;transform:none!important;animation:none!important}
  html.js .phero .ln>span,html.js .hero .ln>span,html.js .ln>span{transform:none!important;filter:none!important;animation:none!important}
  html.js .hero-bg,html.js .phero-bg{filter:none!important;animation:none!important;opacity:1!important;transform:none!important}
  html.js .intro{display:none!important}
  html.js.arrive .curtain-page{display:none!important}
}

/* narrow phones: the hero buttons always stack, so their layout never depends on which font has loaded */
@media (max-width:480px){.hero .ctas,.phero .ctas{flex-direction:column;align-items:flex-start}}

/* ===== v15: club first, live services, films ===== */
.hero-kicker{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red-text)}
/* the hero film: a framed portrait reel beside the words on wide screens, the whole background on phones */
.hero-film{position:absolute;z-index:2;right:max(var(--m),5vw);top:50%;width:min(25vw,340px);aspect-ratio:9/16;margin:0;border-radius:22px;overflow:hidden;background:#111;translate:0 -46%;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.14)}
.hero-film img,.hero-film video,.pic video,.phero-bg video,.book-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pic video,.phero-bg video{z-index:1}
.pic.flood .dark,.pic .tag,.scout-card{z-index:3}
.pic.flood .lamp{z-index:4}
@media (prefers-reduced-motion:no-preference) and (min-width:901px){.js .hero-film{animation:pp-fade 1s var(--out) calc(var(--in) + .2s) both}}
@media (max-width:900px){
  .hero-film{top:0;right:0;bottom:0;left:0;width:auto;height:auto;aspect-ratio:auto;border-radius:0;translate:none;box-shadow:none;z-index:0}
  .hero--film .hero-bg{display:none}
  .hero--film::after{background:linear-gradient(to top,var(--bg) 0%,rgba(7,7,7,.82) 42%,rgba(7,7,7,.25) 72%,rgba(7,7,7,.5) 100%)}
}
/* videos never show to people who asked for less motion: the still frame stays */
@media (prefers-reduced-motion:reduce){video[data-pv]{display:none}}
.phero-bg video{transform:none}

/* sponsors */
.sponsors{padding:clamp(48px,6vw,80px) var(--m);display:grid;gap:28px;justify-items:center;border-top:1px solid rgba(255,255,255,.08)}
.sponsors .caps{color:var(--mute);letter-spacing:.12em;text-transform:uppercase;font-size:13px}
.sponsor-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px clamp(32px,5vw,72px)}
.sponsor-row a{display:block;opacity:.85;transition:opacity .25s}.sponsor-row a:hover,.sponsor-row a:focus-visible{opacity:1}
.sponsor-row img{display:block;width:auto}
.sp-cu{height:60px}.sp-qp{height:22px}.sp-bp{height:32px}.sp-fl{height:42px}
.foot-partners{flex-wrap:wrap;gap:14px 22px}
.foot-partners img{filter:none;opacity:.85;height:28px}
.foot-partners img:first-child{height:44px}.foot-partners img:nth-child(2){height:16px}

/* enquiry form */
.enq{padding:var(--gap) var(--m);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:start;border-top:1px solid rgba(255,255,255,.08)}
.enq-copy{display:grid;gap:18px;position:sticky;top:110px}
.enq-call{font-size:16px;color:var(--mute)}.enq-call a{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.4)}
.enq-form{display:grid;gap:16px;padding:clamp(20px,3vw,32px);background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:20px}
.enq-row{display:grid;gap:6px}.enq-row[hidden]{display:none}
.enq-row.two{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}.enq-row.two>div{display:grid;gap:6px}
.enq-form label{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--mute)}.enq-form label small{font-weight:500;letter-spacing:0}
.enq-form input,.enq-form select,.enq-form textarea{font:inherit;font-size:16px;color:#fff;background:var(--bg);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:0 14px;height:50px;width:100%}
.enq-form textarea{height:auto;padding:12px 14px;resize:vertical;min-height:90px}
.enq-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:38px}
.enq-form input:focus-visible,.enq-form select:focus-visible,.enq-form textarea:focus-visible{outline:2px solid var(--red-text);outline-offset:1px;border-color:transparent}
.enq-form .btn{justify-self:start}
.enq-note{font-size:13px;color:var(--mute)}
@media (max-width:900px){.enq{grid-template-columns:1fr}.enq-copy{position:static}.enq-row.two{grid-template-columns:1fr}}

/* the booking band: five doors, with a film behind */
.book .doors{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.book-bg video{opacity:.35}

/* ===== v16: phones get their own design ===== */
@media (max-width:900px){
  /* each programme opens on its film or photo, then the words: a film strip, not a list */
  .station .pic{order:-1;margin-bottom:6px}
  .station .pic{aspect-ratio:4/5}
  .station .pic.contract{aspect-ratio:4/3}
  /* swipe rails: the next card peeks in, so it's obvious there's more */
  .quotes,.wgrid,.pmore-grid,.team{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-left:calc(var(--m) * -1);margin-right:calc(var(--m) * -1);padding:0 var(--m) 6px;scroll-padding-left:var(--m)}
  .quotes::-webkit-scrollbar,.wgrid::-webkit-scrollbar,.pmore-grid::-webkit-scrollbar,.team::-webkit-scrollbar{display:none}
  .quotes>*,.wgrid>*,.pmore-grid>*,.team>*{flex:0 0 84%;scroll-snap-align:start;min-width:0}
  .team{padding-bottom:var(--gap)}
  .quotes .quote,.quotes .quote:first-child{border-top:1px solid rgba(0,0,0,.14);padding-top:22px}
  .quotes .quote:first-child p{font-size:clamp(22px,6.4vw,28px)}
  .wgrid .quote{border-top:1px solid rgba(0,0,0,.14);padding-top:22px}
  .rail-hint{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;font-weight:600;color:var(--mute)}
  .rail-hint::after{content:"";width:28px;height:2px;background:currentColor;border-radius:2px;animation:rail-nudge 1.6s ease-in-out 2 both}
  .parents .rail-hint,.words .rail-hint{color:var(--ink-soft)}
  /* booking doors: all five on one screen */
  .book .doors{grid-template-columns:1fr 1fr!important}
  .book .doors .door{padding:16px}.book .doors .door:last-child{grid-column:1/-1}
  /* coaches: the shirt number stays, smaller */
  .shirt-no{font-size:clamp(64px,20vw,96px)}
  /* the booking bar: call or book, from anywhere on the page */
  .finder-pill.dock{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));height:auto;padding:6px;gap:6px;justify-content:stretch;border-radius:999px;background:rgba(7,7,7,.9);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}
  .dock a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:999px;font-size:15px;font-weight:700}
  .dock .dock-call,.dock .dock-wa{color:#fff;border:1.5px solid rgba(255,255,255,.35)}
  .dock .dock-book{background:var(--red);color:#fff}
  .dock .dock-call svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
}
@keyframes rail-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}
@media (min-width:901px){.rail-hint{display:none}}
@media (prefers-reduced-motion:reduce){.rail-hint::after{animation:none}}

/* ---------- v17: WhatsApp, the enquiry form sending, and book online ---------- */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.btn.wa{justify-self:start;gap:10px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.btn.wa:hover{background:#25D366;border-color:#25D366;color:#04140a}
.btn.wa svg,.dock .dock-wa svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.enq-status{font-size:16px;line-height:1.5;color:#fff;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.enq-status[hidden]{display:none}.enq-status a{text-decoration:underline;text-underline-offset:3px}
.enq-form.sent .enq-row,.enq-form.sent>.btn{display:none}
.enq-form.sent .enq-status{background:rgba(226,35,26,.12);border-color:rgba(226,35,26,.5)}
.enq-form .btn[disabled]{opacity:.6;cursor:progress}
.phero .lede a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.45)}

.booker{padding:var(--gap) var(--m);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);gap:clamp(28px,4vw,64px);align-items:start;border-top:1px solid rgba(255,255,255,.08)}
.bk-demo{grid-column:1/-1;font-size:15px;color:var(--mute);padding:12px 16px;border-radius:12px;border:1px dashed rgba(255,255,255,.28)}
.bk-demo b{color:#fff}
.bk-steps{display:grid;gap:clamp(28px,3.4vw,44px)}
.bk-step{border:0;display:grid;gap:16px;min-width:0}
.bk-step legend{display:flex;align-items:center;gap:14px;font-family:var(--fd);font-weight:800;font-size:clamp(26px,2.6vw,36px);line-height:1;text-transform:uppercase;margin-bottom:16px;padding:0}
.bk-step legend i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;font-style:normal;font-size:18px;font-family:var(--f);font-weight:700}
.bk-wait,.bk-note{font-size:15px;color:var(--mute)}.bk-wait[hidden],.bk-note[hidden],[data-for][hidden],.bk-days[hidden],.bk-times[hidden]{display:none}
.bk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bk-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bk-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bk-card,.bk-chip,.bk-day{position:relative;display:block;cursor:pointer}
.bk-card input,.bk-chip input,.bk-day input{position:absolute;inset:0;opacity:0;margin:0;cursor:inherit}
.bk-in{display:grid;gap:4px;height:100%;padding:16px;border-radius:16px;background:var(--surface);border:1.5px solid rgba(255,255,255,.12);transition:border-color .2s,background .2s,transform .2s var(--out,ease)}
.bk-card .bk-in{padding:20px 18px;gap:6px}
.bk-in b{font-size:18px;line-height:1.15}.bk-card .bk-in b{font-size:20px}
.bk-in span{font-size:14px;color:var(--mute)}
.bk-in em{font-style:normal;font-weight:700;font-size:15px;color:var(--red-text)}
.bk-card .bk-in em{margin-top:6px}
.bk-card:hover .bk-in,.bk-chip:hover .bk-in,.bk-day:hover .bk-in{border-color:rgba(255,255,255,.4)}
input:checked+.bk-in{border-color:var(--red);background:rgba(226,35,26,.12);box-shadow:0 0 0 1px var(--red) inset}
input:focus-visible+.bk-in{outline:2px solid #fff;outline-offset:3px}
input:disabled+.bk-in{opacity:.35;cursor:not-allowed;border-style:dashed}
.bk-chip input:disabled+.bk-in b{text-decoration:line-through}
.bk-time .bk-in{text-align:center;padding:14px 8px}.bk-time .bk-in em{color:var(--dim);font-weight:600;font-size:13px}
.bk-days{display:flex;gap:8px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);scroll-snap-type:x proximity;padding:2px 2px 10px;margin:0 -2px;scrollbar-width:thin}
.bk-day{flex:0 0 auto;scroll-snap-align:start}
.bk-day .bk-in{width:68px;text-align:center;padding:10px 6px;gap:2px}
.bk-day .bk-in b{font-size:24px;font-family:var(--fd);font-weight:800}
.bk-day .bk-in small{font-size:12px;font-weight:600;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.bk-party{display:grid;gap:12px}
.bk-count{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1.5px solid rgba(255,255,255,.12);font-weight:700}
.bk-stepper{display:flex;align-items:center;gap:6px}
.bk-stepper button{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);font-size:24px;line-height:1;transition:background .2s}
.bk-stepper button:hover{background:var(--red)}
.bk-stepper output{min-width:44px;text-align:center;font-size:24px;font-weight:800}
.bk-pack{font-size:16px;color:var(--mute)}
.bk-form{padding:0;background:none;border:0}
.bk-sum{position:sticky;top:110px;display:grid;gap:14px;padding:clamp(20px,2.4vw,28px);border-radius:20px;background:var(--surface);border:1px solid rgba(255,255,255,.12)}
.bk-sum-h{font-weight:800;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.bk-sum dl{display:grid;gap:10px}.bk-sum dl div{display:flex;justify-content:space-between;gap:16px;font-size:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.bk-sum dt{color:var(--mute)}.bk-sum dd{text-align:right;font-weight:600}
.bk-line{display:none}
.bk-total{display:flex;justify-content:space-between;align-items:baseline}.bk-total span{font-weight:700}
.bk-total b{font-family:var(--fd);font-weight:800;font-size:44px;line-height:1;color:#fff}
.bk-pay{width:100%}
.bk-left{font-size:14px;color:var(--mute)}.bk-left.nudge{animation:bk-nudge .4s}
@keyframes bk-nudge{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.bk-dlg h2{font-size:clamp(34px,4vw,48px);line-height:.95;text-transform:uppercase}
.bk-lock{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--mute);margin-bottom:8px}
.bk-lock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.bk-paysum{font-size:17px;line-height:1.5;margin-bottom:18px}
.bk-demo-box{font-size:15px;line-height:1.5;color:var(--mute);padding:14px 16px;border-radius:14px;border:1px dashed rgba(255,255,255,.3);margin-bottom:22px}.bk-demo-box b{color:#fff}
.bk-done[hidden],.bk-payview[hidden]{display:none}.bk-done:focus{outline:none}
.bk-tick{width:52px;height:52px;border-radius:50%;background:var(--red);display:grid;place-items:center;margin-bottom:14px}
.bk-tick svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.bk-ref{font-size:16px;color:var(--mute);margin-bottom:12px}.bk-ref b{color:#fff;letter-spacing:.06em}
.bk-next{font-size:15px;color:var(--mute);margin-bottom:22px}
@media (max-width:900px){
  .booker{grid-template-columns:1fr}
  .bk-cards{grid-template-columns:1fr}
  .bk-card .bk-in{grid-template-columns:1fr auto;align-items:center}.bk-card .bk-in em{grid-row:1/3;grid-column:2;margin:0}
  .bk-chips,.bk-times{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-days{margin:0 calc(var(--m) * -1);padding:2px var(--m) 10px;scroll-padding-left:var(--m)}
  .bk-sum{position:sticky;top:auto;bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:12px 12px 12px 18px;border-radius:20px;background:rgba(18,18,18,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.5)}
  .bk-sum-h,.bk-sum dl{display:none}
  .bk-line{display:block;grid-column:1;font-size:13px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bk-total{grid-column:1;grid-row:1}.bk-total span{display:none}.bk-total b{font-size:30px}
  .bk-pay{grid-column:2;grid-row:1/3;width:auto;height:48px;padding:0 20px}
  .bk-left{grid-column:1/-1;font-size:12px}
  .dock .dock-call,.dock .dock-wa{flex:0 0 auto;padding:0 14px}
}
@media (prefers-reduced-motion:reduce){.bk-left.nudge{animation:none}.bk-in{transition:none}}

/* ---------- v18: the club crest, the squad, and Pick your number ---------- */
.hero-crest,.phero-crest{display:block;width:clamp(64px,6vw,92px);height:auto;margin-bottom:18px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.55))}
@media (min-width:901px){
  .hero--film .hero-film{display:none}
  .hero--film .hero-bg img{object-position:50% 62%}
  .hero--film::after{background:linear-gradient(to top,var(--bg) 0%,rgba(7,7,7,.55) 24%,rgba(7,7,7,0) 55%),linear-gradient(90deg,rgba(7,7,7,.94) 0%,rgba(7,7,7,.8) 36%,rgba(7,7,7,.2) 62%,rgba(7,7,7,0) 80%)}
}
.sponsor-row .sp-cu{height:96px;width:auto;background:#fff;border-radius:10px;padding:6px}
.sp-text{display:grid;justify-items:center;gap:2px;font-family:var(--fd);font-weight:800;font-size:30px;line-height:1;text-transform:uppercase;letter-spacing:.02em;color:#fff}
.sp-text small{font-family:var(--f);font-weight:600;font-size:12px;letter-spacing:.12em;color:var(--mute)}
.foot-sp{font-family:var(--fd);font-weight:800;font-size:18px;text-transform:uppercase;color:#fff;align-self:center}
.station .more+.more{margin-left:18px}

.squad{position:relative;display:grid;align-items:end;min-height:min(92vh,820px);overflow:hidden;isolation:isolate}
.squad-pic{position:absolute;inset:0;margin:0;z-index:-1}
.squad-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.squad::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--bg) 4%,rgba(7,7,7,.72) 30%,rgba(7,7,7,0) 62%),linear-gradient(to bottom,var(--bg) 0%,rgba(7,7,7,0) 14%)}
.squad-copy{position:static;padding:var(--gap) var(--m) clamp(40px,6vw,80px);display:grid;gap:14px;max-width:760px}
.squad-crest{position:absolute;right:var(--m);bottom:clamp(40px,6vw,80px);width:clamp(70px,9vw,130px);height:auto;opacity:.9}
.squad-copy .sub{color:#fff}

.numpick{padding:var(--gap) var(--m);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;border-top:1px solid rgba(255,255,255,.08)}
.shirt-copy{display:grid;gap:18px}
.shirt-form{display:grid;gap:16px;max-width:460px}
.shirt-form label,.shirt-num>span{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--mute)}
.shirt-form input{font:inherit;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--surface);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:0 16px;height:56px;width:100%}
.shirt-form input::placeholder{text-transform:none;letter-spacing:0;font-weight:500;color:var(--dim)}
.shirt-form input:focus-visible{outline:2px solid var(--red-text);outline-offset:1px;border-color:transparent}
.shirt-num{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid rgba(255,255,255,.12)}
.shirt-num output{font-family:var(--fd);font-size:30px}
.shirt-note{font-size:13px;color:var(--mute)}
.shirt-stage{margin:0;display:grid;place-items:center;perspective:900px;position:relative}
.shirt-stage::before{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(closest-side,rgba(226,35,26,.38),rgba(226,35,26,0));filter:blur(10px);z-index:-1}
.shirt-svg{width:min(100%,460px);height:auto;transition:transform .5s var(--out);filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.sh-body{fill:var(--red);transition:fill .35s}
.sh-trim{stroke:#9e1610;transition:stroke .35s}
.shirt-svg text{text-anchor:middle;fill:#fff;transition:fill .35s}
.sh-club{font-family:var(--f);font-weight:600;font-size:13px;letter-spacing:3px;opacity:.8}
.sh-name{font-family:var(--fd);font-weight:800;letter-spacing:4px}
.sh-no{font-family:var(--fd);font-weight:800;transform-box:fill-box;transform-origin:50% 60%}
.sh-no.pop{animation:sh-pop .45s var(--out)}
@keyframes sh-pop{0%{transform:scale(.82);opacity:.4}100%{transform:none;opacity:1}}
.shirt-svg.keeper .sh-body{fill:#D4F23F}.shirt-svg.keeper .sh-trim{stroke:#1b1b1b}.shirt-svg.keeper text{fill:#111}
@media (max-width:900px){
  .numpick{grid-template-columns:1fr;gap:18px}.shirt-copy{display:contents}.numpick h2{order:1}.numpick .shirt-copy>.sub{order:2}.shirt-stage{order:3}.shirt-form{order:4}.shirt-svg{width:min(78vw,380px)}
  .squad{min-height:0;align-items:stretch}
  .squad-pic{position:relative;inset:auto;aspect-ratio:4/3}
  .squad::after{display:none}
  .squad-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,rgba(7,7,7,0) 45%),linear-gradient(to bottom,var(--bg) 0%,rgba(7,7,7,0) 14%)}
  .squad-copy{margin-top:-18vw;padding-top:0}
  .squad-crest{position:static;width:64px;order:-1}
}
@media (prefers-reduced-motion:reduce){.shirt-svg{transition:none}.sh-no.pop{animation:none}}
@media (min-width:901px){.js .hero--film .trust{border-top-color:transparent;padding-top:28px}}

/* Jason's own words on the club page, with the academy number */
.proof .proof-stat{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}
.proof .proof-stat b{font-family:var(--fd);font-weight:800;font-size:clamp(72px,9vw,128px);line-height:.85;color:#fff}
.proof .proof-stat span{font-weight:700;font-size:clamp(17px,1.5vw,21px);line-height:1.25;max-width:240px}
.proof .proof-line{font-family:var(--fd);font-weight:800;font-size:clamp(24px,2.4vw,32px);line-height:1;text-transform:uppercase}

/* ---------- v19: short screens, and Life at the Pumas ---------- */
@media (min-width:901px){.hero{height:auto;min-height:max(100svh,640px);padding-top:clamp(104px,13vh,132px);padding-bottom:clamp(40px,6vh,64px)}}
@media (min-width:901px) and (max-height:760px){.hero-crest{width:58px;margin-bottom:10px}.hero-in{gap:18px}}
.gallery{padding:var(--gap) var(--m)}
.gallery-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(28px,4vw,52px)}
.g-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(170px,16vw,250px);gap:12px}
.g{position:relative;margin:0;overflow:hidden;border-radius:18px;background:#111}
.g img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--out)}
@media (hover:hover){.g:hover img{transform:scale(1.04)}}
.g .tag{position:absolute;left:14px;bottom:14px;z-index:2}
.g-a{grid-column:1;grid-row:1/3}.g-b{grid-column:2/4;grid-row:1}.g-c{grid-column:4;grid-row:1/3}.g-d{grid-column:2;grid-row:2}
.g-e{grid-column:3;grid-row:2}.g-f{grid-column:1/3;grid-row:3}.g-g{grid-column:3;grid-row:3}.g-h{grid-column:4;grid-row:3}
@media (max-width:900px){
  .gallery-head{grid-template-columns:1fr}
  .g-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 calc(var(--m) * -1);padding:0 var(--m);scroll-padding:0 var(--m);scrollbar-width:none}
  .g-grid::-webkit-scrollbar{display:none}
  .g{flex:0 0 78%;aspect-ratio:4/5;scroll-snap-align:start;grid-area:auto}
}
@media (prefers-reduced-motion:reduce){.g img{transition:none}}
.gallery{padding-top:clamp(140px,15vw,200px)}

/* ---------- v20: Keep going as type, so the photos stay where they belong ---------- */
.pmore--text .pmore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pmore--text .pmore-grid a{position:relative;display:grid;align-content:end;gap:8px;min-height:190px;padding:26px 72px 26px 26px;border-radius:18px;background:var(--surface);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:background .3s,border-color .3s,transform .4s var(--out)}
.pmore--text .pmore-grid a b{font-size:clamp(28px,2.6vw,40px);line-height:.95;color:#fff}
.pmore--text .pmore-grid a span{font-size:15px;color:var(--mute);transition:color .3s}
.pmore--text .pmore-grid a i{position:absolute;right:22px;bottom:24px;width:40px;height:40px;border-radius:50%;background:var(--red);display:grid;place-items:center}
.pmore--text .pmore-grid a i::before{content:"";width:12px;height:12px;border-top:2.5px solid #fff;border-right:2.5px solid #fff;transform:translateX(-2px) rotate(45deg)}
@media (hover:hover){.pmore--text .pmore-grid a:hover{background:var(--red);border-color:var(--red)}.pmore--text .pmore-grid a:hover span{color:#fff}.pmore--text .pmore-grid a:hover i{background:#fff}.pmore--text .pmore-grid a:hover i::before{border-color:var(--red)}}
@media (max-width:900px){.pmore--text .pmore-grid{display:grid!important;grid-template-columns:1fr;overflow:visible}.pmore--text .pmore-grid>*{flex:none;min-height:0;padding:22px 70px 22px 22px}}
.squad-pic img{object-position:50% 62%}
.pmore--text .pmore-grid a{aspect-ratio:auto}
.pmore--text .pmore-grid a::after,.pmore--text .pmore-grid a::before{display:none}
@media (max-width:900px){.pmore--text .pmore-grid{margin:0!important;padding:0!important}}
@media (max-width:900px){.pmore--text .pmore-grid a{min-height:0;padding:22px 70px 22px 22px}}

/* ---------- v21: the numbers, and the sponsors given room ---------- */
.numbers{padding:clamp(56px,7vw,100px) var(--m);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.num-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.num-row li{display:grid;align-content:start;gap:12px;padding-top:20px;border-top:2px solid var(--red)}
.num-row b{font-family:var(--fd);font-weight:800;font-size:clamp(64px,7.4vw,118px);line-height:.85;color:#fff;font-variant-numeric:tabular-nums}
.num-row span{font-size:clamp(15px,1.2vw,17px);line-height:1.35;color:var(--mute);max-width:240px}
@media (max-width:900px){.num-row{grid-template-columns:1fr 1fr;row-gap:36px}}
.sponsors{justify-items:stretch;gap:clamp(24px,3vw,40px);padding:var(--gap) var(--m)}
.sp-head{display:grid;gap:12px}
.sp-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sp-cards li>a,.sp-cards li>div{display:grid;gap:4px;height:100%;padding:24px;border-radius:18px;background:var(--surface);border:1px solid rgba(255,255,255,.1);transition:border-color .3s,transform .4s var(--out)}
@media (hover:hover){.sp-cards li>a:hover{border-color:rgba(255,255,255,.4)}}
.sp-logo{display:grid;place-items:center;height:150px;margin-bottom:16px;border-radius:12px;background:#0d0d0d}
.sp-logo img{max-height:110px;max-width:80%;width:auto;height:auto}
.sp-logo--cu{background:#fff}.sp-logo--cu img{max-height:130px}
.sp-logo--type{font-family:var(--fd);font-weight:800;font-size:40px;line-height:.9;text-transform:uppercase;text-align:center;color:#fff}
.sp-cards b{font-size:19px}
.sp-cards small{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red-text)}
@media (max-width:900px){.sp-cards{grid-template-columns:1fr}.sp-logo{height:120px}}
.tt-day[data-day="4"] .tt-lane{height:122px}
@media (max-width:900px){.tt-day[data-day="4"] .tt-lane{height:auto}}

/* ---------- v22: lighter while scrolling. The glow is drawn as a soft wide stroke, not a blur filter,
   which had the browser re-blurring the whole line on every frame ---------- */
#hero-spine-glow,.p-glow{filter:none!important;stroke-width:16;opacity:.16}
@media (max-width:900px){#hero-spine-glow,.p-glow{stroke-width:13}}
.hero-bg picture{display:block;width:100%;height:100%}