:root{--gold:#b5a064;--cream:#f5f0e1;--black:#0a0a0a;--green:#5a8f29}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;background:#fffdf7;color:var(--black);line-height:1.6}h1,h2,h3{font-family:'Oswald',sans-serif;font-weight:700;line-height:.95}nav{position:fixed;z-index:20;top:0;width:100%;padding:1rem 4rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,.92);color:var(--cream);backdrop-filter:blur(12px)}nav img{width:58px;height:58px;border:2px solid var(--gold);border-radius:50%;object-fit:cover}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:inherit;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.nav-cta,.button{display:inline-block;background:var(--gold);color:var(--black);padding:1rem 1.4rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.78rem}.sport-hero{min-height:82vh;padding:10rem 4rem 5rem;display:grid;align-items:end;color:var(--cream);background-position:center;background-size:cover}.sport-hero-inner{width:100%;max-width:1200px;margin:auto}.eyebrow{color:var(--gold);font-weight:700;letter-spacing:.24em;text-transform:uppercase;font-size:.75rem}.sport-hero h1{font-size:clamp(5rem,12vw,10rem);max-width:950px;margin:.8rem 0 1rem}.sport-hero p{max-width:650px;color:rgba(245,240,225,.8);font-size:1.15rem}.hero-buttons{display:flex;gap:1rem;margin-top:2rem}.button.alt{background:transparent;border:2px solid var(--cream);color:var(--cream)}.section{padding:7rem 4rem}.section-inner{max-width:1200px;margin:auto}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.intro-grid h2,.section-heading h2{font-size:clamp(3.5rem,7vw,6rem)}.intro-grid p,.section-heading p{color:rgba(10,10,10,.62);font-size:1.05rem}.benefit-grid,.programme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.benefit,.programme{background:white;border:1px solid rgba(10,10,10,.1);padding:2rem;box-shadow:0 16px 45px rgba(40,35,20,.08)}.benefit{border-top:5px solid var(--gold)}.benefit h3,.programme h3{font-size:2rem;margin-bottom:.7rem}.benefit p,.programme p{color:rgba(10,10,10,.62)}.programmes{background:var(--cream)}.programme{display:flex;flex-direction:column;min-height:310px}.programme .age{color:#756327;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.programme p{flex:1;margin:1rem 0}.programme a{color:var(--black);font-weight:800;text-decoration:none}.events-strip{background:var(--black);color:var(--cream)}.events-strip .section-heading p{color:rgba(245,240,225,.65)}.event-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.event-mini{border:1px solid rgba(181,160,100,.35);padding:1.5rem}.event-mini span{color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.event-mini h3{font-size:1.8rem;margin:.7rem 0}.event-mini a{color:var(--cream);font-weight:700}.faq-list{max-width:850px;margin:2.5rem auto 0}.faq-list details{background:white;border:1px solid rgba(10,10,10,.1);padding:1.3rem;margin-bottom:.8rem}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{color:rgba(10,10,10,.62);margin-top:.8rem}.join{background:var(--gold);text-align:center}.join h2{font-size:clamp(4rem,9vw,8rem)}.join p{max-width:600px;margin:1rem auto 2rem}.join .button{background:var(--black);color:var(--cream)}footer{background:var(--black);color:rgba(245,240,225,.6);padding:3rem 4rem;text-align:center}.mobile-book{display:none}@media(max-width:800px){body{padding-bottom:0}nav{padding:.75rem 1.2rem}.nav-links,.nav-cta{display:none}.sport-hero{min-height:72vh;padding:8rem 1.25rem 4rem}.sport-hero h1{font-size:clamp(4.5rem,22vw,7rem)}.hero-buttons{flex-direction:column}.section{padding:5rem 1.25rem}.intro-grid,.benefit-grid,.programme-grid,.event-list{grid-template-columns:1fr;gap:1.2rem}.mobile-book{display:none}}
@import url('site-nav.css');

@media(max-width:1024px){
    .sport-hero{min-height:68vh;padding:9rem 2rem 4rem}
    .section{padding:5rem 2rem}
    .intro-grid{gap:2rem}
    .benefit-grid,.programme-grid,.event-list{grid-template-columns:repeat(2,1fr);gap:1.2rem}
    .programme{min-height:0}
}
@media(max-width:640px){
    body{padding-bottom:0}
    .sport-hero{min-height:58vh;padding:7rem 1.1rem 3rem}
    .sport-hero h1{font-size:clamp(3.8rem,18vw,5.8rem)}
    .sport-hero p{font-size:1rem}
    .hero-buttons{flex-direction:column;gap:.7rem}
    .hero-buttons .button{width:100%;text-align:center}
    .section{padding:3.5rem 1.1rem}
    .intro-grid,.benefit-grid,.programme-grid,.event-list{grid-template-columns:1fr;gap:1rem}
    .intro-grid h2,.section-heading h2,.join h2{font-size:clamp(3rem,15vw,4.5rem)}
    .benefit,.programme,.event-mini{padding:1.25rem}
    .section-heading{display:grid;gap:.75rem}
    .faq-list details{padding:1.1rem}
}

/* Basketball uses its own session photography and crest while retaining the
   shared sport-page structure. */
body.basketball-page .sport-hero{
    position:relative;
    isolation:isolate;
    background-position:center 52%!important;
}
body.basketball-page .sport-hero::after{
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(90deg,rgba(10,10,10,.18),transparent 70%);
    pointer-events:none;
}
.basketball-brand{
    width:clamp(110px,11vw,160px);
    height:auto;
    position:absolute;
    z-index:2;
    top:clamp(8.5rem,13vw,10rem);
    right:max(clamp(1.1rem,5vw,4rem),calc((100% - 1200px)/2));
    display:block;
    border:5px solid var(--gold);
    border-radius:50%;
    background:#fff;
    box-shadow:0 18px 45px rgba(0,0,0,.3);
}
body.basketball-page .sport-hero-inner{position:relative;z-index:1;padding-right:clamp(0px,14vw,190px)}
.basketball-intro-photo{
    min-width:0;
    position:relative;
    overflow:hidden;
    aspect-ratio:4 / 3;
    align-self:center;
    background:#202b1a;
    box-shadow:18px 18px 0 rgba(181,160,100,.2);
}
.basketball-intro-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center 54%;
}
.basketball-intro-photo::after{
    content:'';
    position:absolute;
    inset:45% 0 0;
    background:linear-gradient(transparent,rgba(10,10,10,.72));
    pointer-events:none;
}
.basketball-intro-photo figcaption{
    position:absolute;
    z-index:1;
    right:clamp(1rem,3vw,1.5rem);
    bottom:clamp(1rem,3vw,1.5rem);
    left:clamp(1rem,3vw,1.5rem);
    color:var(--cream);
    font:700 clamp(1.55rem,3vw,2.25rem)/1.05 'Oswald',sans-serif;
    text-transform:uppercase;
}

@media(max-width:760px){
    body.basketball-page .sport-hero{
        min-height:620px;
        background-position:52% center!important;
    }
    body.basketball-page .sport-hero-inner{padding-right:0}
    .basketball-brand{
        width:88px;
        top:6.7rem;
        right:1.1rem;
        border-width:3px;
    }
    body.basketball-page .intro-grid{gap:2rem}
    .basketball-intro-photo{width:100%;box-shadow:10px 10px 0 rgba(181,160,100,.2)}
}

@media(max-width:420px){
    body.basketball-page .sport-hero h1{max-width:9ch;font-size:clamp(3.4rem,16.5vw,4.35rem)}
    body.basketball-page .sport-hero p{max-width:31rem}
}

/* Real football photography turns the page into a story: coaching first,
   belonging next, then the confidence built through playing. */
body[data-sport="football"] .sport-hero{background-position:center 54%!important}

.football-story{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
    grid-template-areas:"copy photo" "benefits photo";
    align-items:start;
    gap:clamp(2rem,5vw,4.5rem);
}
.football-story__copy{grid-area:copy;display:block}
.football-story__copy h2{margin-bottom:1.2rem}
.football-story__copy p{max-width:650px}
.football-story .benefit-grid{grid-area:benefits;grid-template-columns:1fr;margin-top:0;gap:.9rem}
.football-story .benefit{padding:1.4rem 1.5rem}
.football-story__photo{
    grid-area:photo;
    position:relative;
    overflow:hidden;
    aspect-ratio:2 / 3;
    background:#182414;
    box-shadow:18px 18px 0 rgba(181,160,100,.2);
}
.football-story__photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.football-story__photo::after{
    content:'';
    position:absolute;
    inset:55% 0 0;
    background:linear-gradient(transparent,rgba(10,10,10,.72));
    pointer-events:none;
}
.football-story__photo figcaption{
    position:absolute;
    z-index:1;
    right:1.4rem;
    bottom:1.4rem;
    left:1.4rem;
    color:var(--cream);
    font:700 clamp(1.65rem,3vw,2.4rem)/1.05 'Oswald',sans-serif;
    text-transform:uppercase;
}

.football-goalkeeper{
    height:clamp(400px,48vw,650px);
    position:relative;
    overflow:hidden;
    background:#07111b;
}
.football-goalkeeper img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%}
.football-goalkeeper::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(5,10,18,.78),rgba(5,10,18,.08) 70%),linear-gradient(0deg,rgba(5,10,18,.65),transparent 52%);
    pointer-events:none;
}
.football-goalkeeper figcaption{
    width:min(calc(100% - 2.2rem),1200px);
    position:absolute;
    z-index:1;
    right:0;
    bottom:clamp(1.75rem,5vw,4rem);
    left:0;
    margin:auto;
    color:var(--cream);
}
.football-goalkeeper figcaption span,
.football-goalkeeper figcaption strong{display:block}
.football-goalkeeper figcaption span{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.football-goalkeeper figcaption strong{max-width:680px;margin-top:.45rem;font:700 clamp(2.5rem,6vw,5rem)/.98 'Oswald',sans-serif;text-transform:uppercase}

@media(max-width:760px){
    body[data-sport="football"] .sport-hero{min-height:620px;background-position:57% center!important}
    .football-story{grid-template-columns:1fr;grid-template-areas:"copy" "photo" "benefits";gap:2rem}
    .football-story__photo{width:100%;max-height:none;box-shadow:10px 10px 0 rgba(181,160,100,.2)}
    .football-story .benefit-grid{gap:1rem}
    .football-goalkeeper{height:115vw;min-height:430px;max-height:610px}
    .football-goalkeeper img{object-position:68% center}
    .football-goalkeeper::after{background:linear-gradient(0deg,rgba(5,10,18,.78),transparent 65%)}
    .football-goalkeeper figcaption strong{font-size:clamp(2.35rem,12vw,3.7rem)}
}

.football-programmes-layout{
    display:grid;
    grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
    align-items:stretch;
    gap:clamp(1.5rem,4vw,3.5rem);
}
.football-programmes-layout .programme-grid{grid-template-columns:1fr;margin-top:0;gap:.85rem}
.football-programmes-layout .programme{min-height:0;padding:1.35rem 1.5rem;display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem}
.football-programmes-layout .programme-icon{grid-row:1 / 4;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(90,143,41,.35);background:rgba(90,143,41,.1);color:var(--green)}
.football-programmes-layout .programme-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.football-programmes-layout .programme .age,
.football-programmes-layout .programme h3,
.football-programmes-layout .programme p{grid-column:2}
.football-programmes-layout .programme p{margin:.45rem 0 1rem}
.football-programmes-layout .programme .card-action{grid-column:2;width:fit-content}
.football-action-photo{position:relative;overflow:hidden;min-height:620px;background:#182414;box-shadow:16px 16px 0 rgba(181,160,100,.2)}
.football-action-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.football-action-photo::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(10,10,10,.75));pointer-events:none}
.football-action-photo figcaption{position:absolute;z-index:1;right:1.4rem;bottom:1.4rem;left:1.4rem;color:var(--cream);font:700 clamp(1.8rem,3vw,2.7rem)/1.02 'Oswald',sans-serif;text-transform:uppercase}

.football-coaches-feature{background:#fffdf7}
.football-coaches-feature__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:clamp(2rem,6vw,5rem)}
.football-coaches-feature figure{overflow:hidden;aspect-ratio:3 / 2;box-shadow:16px 16px 0 rgba(181,160,100,.18)}
.football-coaches-feature img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 45%}
.football-coaches-feature h2{margin:.65rem 0 1rem;font-size:clamp(3.2rem,6vw,5.5rem);line-height:.96}
.football-coaches-feature p{max-width:520px;color:rgba(10,10,10,.64)}
.football-coaches-feature .button{margin-top:1.6rem;background:var(--black);color:var(--cream)}

.football-reassurance{display:grid;grid-template-columns:repeat(4,1fr);background:var(--gold)}
.football-reassurance>div{min-width:0;padding:1.4rem clamp(1rem,2.5vw,2.3rem);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .8rem;border-right:1px solid rgba(10,10,10,.18)}
.football-reassurance>div:last-child{border-right:0}
.football-reassurance svg{grid-row:1 / 3;width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.football-reassurance strong,.football-reassurance span{display:block}
.football-reassurance strong{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.football-reassurance span{color:rgba(10,10,10,.62);font-size:.75rem}

@media(max-width:900px){
    .football-programmes-layout{grid-template-columns:1fr}
    .football-action-photo{min-height:0;aspect-ratio:4 / 3;box-shadow:10px 10px 0 rgba(181,160,100,.2)}
    .football-action-photo img{object-position:center 46%}
    .football-coaches-feature__grid{grid-template-columns:1fr}
    .football-coaches-feature figure{box-shadow:10px 10px 0 rgba(181,160,100,.18)}
    .football-reassurance{grid-template-columns:repeat(2,1fr)}
    .football-reassurance>div:nth-child(2){border-right:0}
    .football-reassurance>div:nth-child(-n+2){border-bottom:1px solid rgba(10,10,10,.18)}
}

@media(max-width:560px){
    .football-programmes-layout .programme{padding:1.2rem;grid-template-columns:42px 1fr}
    .football-programmes-layout .programme-icon{width:42px;height:42px}
    .football-programmes-layout .programme .card-action{grid-column:1 / -1;width:100%}
    .football-coaches-feature figure{aspect-ratio:4 / 3}
    .football-coaches-feature h2{font-size:clamp(3rem,14vw,4.2rem)}
    .football-reassurance{grid-template-columns:1fr}
    .football-reassurance>div{border-right:0;border-bottom:1px solid rgba(10,10,10,.18)}
    .football-reassurance>div:nth-child(2){border-right:0}
    .football-reassurance>div:last-child{border-bottom:0}
}

.football-first-session{background:var(--cream)}
.football-first-session__steps{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;list-style:none}
.football-first-session__steps li{min-width:0;padding:clamp(1.35rem,3vw,2rem);display:grid;grid-template-columns:auto 1fr;align-items:start;gap:1rem;background:#fff;border-top:5px solid var(--green);box-shadow:0 14px 35px rgba(40,35,20,.07)}
.football-first-session__steps li>span{color:var(--gold);font:700 2.7rem/1 'Oswald',sans-serif}
.football-first-session__steps h3{margin:0 0 .55rem;font-size:clamp(1.7rem,3vw,2.1rem)}
.football-first-session__steps p{color:rgba(10,10,10,.64);font-size:.92rem}

.football-mobile-action{display:none}

@media(max-width:800px){
    body[data-sport="football"]{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
    .football-mobile-action{position:fixed;z-index:8500;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom,0px));left:1rem;min-height:52px;padding:.9rem 1rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(10,10,10,.2);background:var(--gold);color:var(--black);box-shadow:0 12px 30px rgba(0,0,0,.28);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-align:center;text-decoration:none;text-transform:uppercase}
    body[data-sport="football"] .site-footer{padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px))}
}

@media(max-width:760px){
    .football-first-session__steps{grid-template-columns:1fr}
}