:root{--blue:#2e5cb8;--orange:#f5a623;--ink:#0b1d38;--muted:#516077;--line:#dbe2ee;--paper:#fff;--soft:#f5f7fb;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.65}a{color:var(--blue);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(2.8rem,6vw,5rem);margin-bottom:24px}h2{font-size:clamp(1.65rem,3vw,2.4rem);margin-bottom:24px}h3{font-size:1.35rem;margin-bottom:18px}p{margin-bottom:20px}p:last-child{margin-bottom:0}.skip-link{position:absolute;left:16px;top:-100px;z-index:99;padding:12px;background:white}.skip-link:focus{top:8px}.review-banner{font-size:10px;letter-spacing:.16em;font-weight:800;background:var(--ink);color:white;padding:7px 4%;display:flex;justify-content:space-between}.review-banner span{font-weight:400;letter-spacing:.02em}.site-header{background:white;border-bottom:1px solid var(--line)}.brand-row{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:15px 0}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);font-weight:900;font-size:21px;letter-spacing:.035em}.brand img{object-fit:contain}.brand-sub{display:block;font-size:9px;letter-spacing:.2em;font-weight:700;color:var(--muted);margin-top:1px}.header-right{display:flex;align-items:center;gap:12px}.social{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink)}.social:hover{background:var(--soft)}nav{display:flex;justify-content:space-between;gap:5px;max-width:var(--max);margin:auto;border-top:1px solid var(--line)}nav a{white-space:nowrap;display:block;font-weight:650;font-size:13px;color:var(--ink);padding:18px 6px 15px;text-decoration:none;border-bottom:3px solid transparent}nav a:hover,nav a[aria-current]{color:var(--blue);border-bottom-color:var(--orange)}.menu-toggle{display:none;border:1px solid var(--line);background:white;color:var(--ink);padding:8px 12px;border-radius:4px}.hero{position:relative;min-height:580px;display:flex;align-items:center;background:#152b44;isolation:isolate;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2}.hero-shade{background:linear-gradient(90deg,rgba(5,20,41,.76),rgba(5,20,41,.28) 55%,transparent 82%);z-index:-1}.hero-copy{width:100%;max-width:var(--max);padding:65px 0;margin:auto;color:white}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--blue);margin-bottom:20px}.hero .eyebrow{color:#ffe3b2}.hero h1{font-size:clamp(3.5rem,6.7vw,6.3rem);line-height:.99;letter-spacing:-.055em;margin-bottom:25px;font-weight:900}.hero h1 span{color:var(--orange)}.hero-copy>p:not(.eyebrow){font-size:22px;line-height:1.4;font-weight:450}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--blue);color:white;text-decoration:none;padding:13px 21px;border:1px solid transparent;border-radius:3px;font-weight:750;font-size:14px;cursor:pointer;line-height:1.4}.button:hover{filter:brightness(.95)}.button-orange{background:var(--orange);color:var(--ink)}.button-outline{background:transparent;border-color:rgba(255,255,255,.6);color:white}.welcome-strip{background:var(--blue);color:white;display:flex;justify-content:center;gap:70px;padding:20px 24px;font-size:12px;letter-spacing:.025em;font-weight:650}.welcome-strip span::before{content:'●';color:var(--orange);font-size:8px;margin-right:12px}.page-content{max-width:var(--max);margin:auto;padding:60px 0 85px}.welcome{max-width:680px;margin:0 auto 46px;text-align:center}.welcome h2{font-size:42px;margin-bottom:20px}.welcome>p:not(.eyebrow){color:var(--muted);font-size:18px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:24px}.card{background:white;border:1px solid var(--line);border-top:4px solid var(--blue);padding:28px;display:flex;flex-direction:column;min-width:0}.card:nth-child(even){border-top-color:var(--orange)}.card-copy{color:var(--muted);font-size:15px;flex:1}.card-foot{padding-top:24px}.text-link{font-weight:750;font-size:14px;text-decoration:none;border-bottom:1px solid #a7bce6;display:inline-block}.contact-band{margin-top:60px;background:var(--soft);padding:42px;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-band>div{max-width:640px}.contact-band h2{margin-bottom:15px}.contact-band p{color:var(--muted)}.contact-band .button{flex-shrink:0}.page-intro{background:var(--soft);border-bottom:1px solid var(--line);padding:55px max(calc((100vw - var(--max))/2),32px) 50px}.page-intro h1{font-size:clamp(2.7rem,5vw,4.5rem)}.lead{font-size:20px;color:var(--muted);max-width:760px}.section{margin-bottom:54px}.section:last-child{margin-bottom:0}.section>p{max-width:850px;color:var(--muted)}.section+.section{padding-top:45px;border-top:1px solid var(--line)}.placeholder{background:var(--soft);border-style:dashed;border-top-style:solid}.placeholder h3:after{content:'AWAITING CONTENT';font-size:9px;letter-spacing:.08em;display:block;line-height:1.5;margin-top:15px;color:#687389}.notice{border-left:4px solid var(--orange);padding:24px 28px;background:#fff8ec;margin-bottom:48px}.notice strong{font-size:20px}.notice p{margin-top:8px;max-width:900px}.document-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.document-link{border:1px solid var(--line);padding:20px;color:var(--blue);font-weight:700;text-decoration:none;display:flex;justify-content:space-between;gap:20px}.document-link:hover{background:var(--soft)}.steps{list-style:none;counter-reset:steps;margin:0 0 35px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.steps li{counter-increment:steps;padding:24px 24px 24px 76px;position:relative;background:var(--soft)}.steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:22px;top:20px;font-size:26px;font-weight:850;color:var(--blue)}.steps p{color:var(--muted);font-size:15px}.enquiry-form{max-width:820px;background:var(--soft);padding:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-weight:700;font-size:14px;margin-bottom:20px}input,textarea{display:block;width:100%;padding:12px 14px;border:1px solid #bdc9db;background:white;color:var(--ink);border-radius:2px;margin-top:7px;min-width:0}textarea{resize:vertical}.small{font-size:13px;color:var(--muted)}.form-status{font-size:14px;margin-top:18px}.gallery-placeholder{border:1px dashed #b4c1d6;background:var(--soft);min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.gallery-placeholder>span{color:var(--blue);font-size:65px;font-weight:200}.gallery-placeholder p{color:var(--muted)}footer{background:var(--ink);color:#fff;padding:55px max(calc((100vw - var(--max))/2),32px) 25px;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer strong{font-size:30px;letter-spacing:-.035em;line-height:1.2;display:block}footer p{color:#bac7dd;margin-top:17px;font-size:14px}footer a{color:#dce7fa;display:block;font-size:14px;margin-bottom:12px}footer>div:nth-child(2){justify-self:end}.footer-bottom{grid-column:1/-1;border-top:1px solid #344159;padding-top:20px;font-size:11px;color:#bac7dd;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1320px){.brand-row,nav{margin-left:32px;margin-right:32px}.page-content{padding-left:32px;padding-right:32px}.hero-copy{padding-left:32px;padding-right:32px}}
@media(max-width:1100px){nav a{font-size:11px;padding-left:3px;padding-right:3px}.welcome-strip{gap:25px}.hero{min-height:540px}.card{padding:24px}.card-grid{gap:18px}.contact-band{padding:30px}}
@media(max-width:850px){.brand-row{margin:0;padding:14px 22px}.menu-toggle{display:block}nav{display:none;margin:0;padding:12px 22px 20px;grid-template-columns:1fr 1fr;gap:0}nav.is-open{display:grid}nav a{font-size:14px;padding:12px 8px;white-space:normal}.hero{min-height:530px}.hero-copy{padding:60px 26px}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(5,20,41,.8),rgba(5,20,41,.3))}.hero h1{font-size:clamp(3.5rem,9vw,5rem)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-strip{gap:12px;flex-wrap:wrap;font-size:11px;padding:16px}.page-content{padding:42px 24px 60px}.page-intro{padding:42px 24px}.contact-band{align-items:flex-start;flex-direction:column;gap:24px}.steps{grid-template-columns:1fr}.document-list{grid-template-columns:1fr}}
@media(max-width:520px){.review-banner span{display:none}.brand{gap:9px;font-size:16px}.brand img{width:43px;height:46px}.brand-sub{font-size:7px}.header-right{gap:6px}.social{width:32px;height:32px}.menu-toggle{font-size:12px;padding:7px}.brand-row{padding:12px 16px}.hero{min-height:530px}.hero h1{font-size:clamp(3rem,12vw,4rem)}.hero-copy{padding:44px 22px}.hero-copy>p:not(.eyebrow){font-size:21px}.hero-actions{gap:10px}.hero-actions .button{padding:12px 15px;font-size:12px}.welcome-strip{flex-direction:column;gap:5px;padding-left:24px}.card-grid{grid-template-columns:1fr}.page-content{padding:36px 20px 50px}.page-intro{padding:36px 20px}.lead{font-size:18px}.welcome h2{font-size:34px}.welcome>p:not(.eyebrow){font-size:16px}.form-row{grid-template-columns:1fr;gap:0}.enquiry-form{padding:22px}.card{padding:25px}.contact-band{padding:26px}.section{margin-bottom:36px}.section+.section{padding-top:35px}footer{grid-template-columns:1fr;padding:40px 24px 22px}footer>div:nth-child(2){justify-self:start}.footer-bottom{flex-direction:column;gap:8px}footer a{overflow-wrap:anywhere}.notice{padding:20px}.gallery-placeholder h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:520px){.hero-image{object-position:85% center}.hero-shade{background:linear-gradient(90deg,rgba(5,20,41,.88),rgba(5,20,41,.4))}}

/* Homepage review: navigation sits over the image; other pages keep their layout. */
.homepage .site-header{position:relative;z-index:20}
.homepage .home-menu-toggle{display:flex;padding:0;width:40px;height:40px;border-radius:50%;cursor:pointer}
.homepage .home-menu[hidden]{display:none}
.homepage .home-menu{position:absolute;right:max(24px,calc((100% - var(--max))/2));top:100%;width:min(440px,calc(100% - 32px));padding:18px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0;background:white;border:1px solid var(--line);box-shadow:0 18px 40px #07162f26;z-index:30}
.homepage .home-menu a{font-size:14px;padding:11px;white-space:normal}
.homepage .hero{min-height:650px;overflow:visible}
.homepage .hero-image{clip-path:inset(0);animation:hero-gentle-zoom 20s ease-in-out forwards;transform-origin:70% 55%}
.homepage .hero{overflow:hidden}
.homepage .hero-copy{padding-top:120px;padding-bottom:70px}
.homepage .hero-nav{position:absolute;top:0;left:0;right:0;z-index:5;max-width:none;margin:0;padding:0 max(26px,calc((100% - var(--max))/2));display:flex;justify-content:space-between;gap:8px;border:0;background:linear-gradient(#07162fb3,#07162f00)}
.homepage .hero-nav-item{position:relative}
.homepage .hero-nav-link{font-family:"Arial Narrow","Helvetica Neue",sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.025em;font-weight:650;color:white;padding:23px 3px 17px;white-space:nowrap}
.homepage .hero-nav-link:hover,.homepage .hero-nav-item:focus-within>.hero-nav-link{color:white;border-bottom-color:var(--orange)}
.homepage .nav-details{display:none;position:absolute;top:100%;left:0;min-width:235px;background:white;padding:19px;box-shadow:0 16px 32px #07162f40;border-top:3px solid var(--orange);color:var(--ink)}
.homepage .hero-nav-item:nth-last-child(-n+3) .nav-details{left:auto;right:0}
.homepage .nav-details p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin:0 0 9px;color:var(--muted)}
.homepage .nav-details a{font-size:13px;color:var(--ink);padding:9px 0;border:0;white-space:normal}
.homepage .nav-details a:hover{text-decoration:underline;color:var(--blue)}
.homepage .hero-nav-item:focus-within:not(.details-dismissed) .nav-details{display:block}
@media(hover:hover){.homepage .hero-nav-item:hover:not(.details-dismissed) .nav-details{display:block}}
.homepage .home-email-strip{align-items:center;justify-content:center;flex-direction:row}
.home-email-strip a{color:white;text-transform:uppercase;text-decoration:none;font-size:13px;letter-spacing:.06em;overflow-wrap:anywhere}
.home-email-strip a:hover{text-decoration:underline}
.hero-motion-toggle{position:absolute;right:20px;bottom:18px;z-index:3;color:white;background:#07162fa6;border:1px solid #ffffff66;border-radius:20px;font-size:11px;padding:6px 12px;cursor:pointer}
.homepage .hero.is-paused .hero-image{animation-play-state:paused}
@keyframes hero-gentle-zoom{from{transform:scale(1)}to{transform:scale(1.065)}}
@media(max-width:1100px){.homepage .hero-nav{gap:5px;padding-left:20px;padding-right:20px}.homepage .hero-nav-link{font-size:10px}}
@media(max-width:850px){.homepage .hero-nav{justify-content:center;flex-wrap:wrap;gap:0 18px;padding:8px 18px 15px;background:#07162fa8}.homepage .hero-nav-link{font-size:11px;padding:8px 0 6px}.homepage .hero-copy{padding-top:150px}.homepage .hero-nav-item .nav-details{position:fixed;left:20px;right:20px;top:205px;min-width:0}.homepage .hero{min-height:620px}}
@media(max-width:520px){.homepage .home-menu-toggle{width:32px;height:32px}.homepage .hero-nav{gap:0 14px;padding:10px 16px 14px}.homepage .hero-nav-link{font-size:10px}.homepage .hero-copy{padding-top:155px;padding-bottom:85px}.homepage .hero{min-height:610px}.homepage .home-email-strip{padding:17px 20px}.home-email-strip a{font-size:11px}.homepage .home-menu{right:16px}}
@media(prefers-reduced-motion:reduce){.homepage .hero-image{animation:none;transform:none}.hero-motion-toggle{display:none}}

/* Shared photo-led pages with a readable glass panel on the left. */
.home-email-strip{position:relative;z-index:1;gap:20px;flex-wrap:wrap}
.home-email-strip .privacy-link{text-transform:none;font-weight:500;letter-spacing:0;font-size:13px}
.home-email-strip .bar-divider{color:#d4e0fa}
.home-email-strip .bar-divider::before{content:none}
.content-scene{position:relative;isolation:isolate;min-height:calc(100vh - 185px);padding:1px 0 50px;background:#12243b}
.content-scene::before{content:"";position:fixed;inset:0;z-index:-2;background:url('images/netball-hero-players.webp') center center / cover no-repeat}
.content-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07162f55,#07162f08)}
.glass-wrap{max-width:var(--max);margin:96px auto 0;position:relative}
.glass-panel{width: min(790px,72%);padding:38px 40px 42px;background:rgba(255,255,255,.87);border:1px solid rgba(255,255,255,.8);border-radius:12px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 65px #05132938}
.glass-panel .page-intro{background:transparent;padding:0 0 26px;border-bottom:1px solid #9aaec055;margin-bottom:30px}
.glass-panel .page-intro h1{font-size:clamp(2.2rem,4vw,3.6rem);overflow-wrap:anywhere}
.glass-panel .lead{font-size:18px}
.glass-panel .page-content{padding:0;max-width:none}
.glass-panel h2{font-size:26px}
.glass-panel h3{font-size:20px}
.glass-panel .section{margin-bottom:34px}
.glass-panel .section+.section{padding-top:32px;border-color:#9aaec055}
.glass-panel .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.glass-panel .card{background:#ffffff70;padding:24px;border-left-color:#b8c8db;border-right-color:#b8c8db;border-bottom-color:#b8c8db}
.glass-panel .card-copy{color:#3b4b62}
.glass-panel .card-foot .button{padding:12px 16px}
.glass-panel .section>p,.glass-panel .lead{color:#3b4b62}
.glass-panel .enquiry-form{background:#ffffff70;padding:24px;border:1px solid #c4d0df}
.glass-panel .notice{background:#fff6e6c9}
.glass-panel .document-list,.glass-panel .steps{grid-template-columns:1fr}
.glass-panel .document-link{background:#ffffff66;border-color:#b8c8db}
.glass-panel .steps li,.glass-panel .gallery-placeholder{background:#ffffff70}
.glass-panel .placeholder{background:#ffffff50}
@media(min-width:1321px){.home-page .hero{min-height:calc(100vh - 185px)}}
@media(max-width:1320px){.glass-wrap{margin-left:32px;margin-right:32px}}
@media(max-width:1000px){.glass-panel{width:80%;padding:32px}}
@media(max-width:850px){.glass-wrap{margin:140px 24px 0}.glass-panel{width:100%;padding:30px}.content-scene::before{background-position:70% center}.content-scene .hero-nav{z-index:10}}
@media(max-width:520px){.glass-wrap{margin:135px 16px 0}.glass-panel{padding:25px 20px;border-radius:9px;background:rgba(255,255,255,.9)}.glass-panel .card-grid{grid-template-columns:1fr}.glass-panel .card{padding:22px}.glass-panel .page-intro h1{font-size:36px}.glass-panel .enquiry-form{padding:18px}.glass-panel .form-row{grid-template-columns:1fr}.content-scene{padding-bottom:28px}.homepage .home-email-strip{gap:8px 15px}.home-email-strip .privacy-link{font-size:12px}.home-email-strip .bar-divider{display:none}.home-email-strip a:first-child{flex-basis:100%;text-align:center}.glass-panel .small a{overflow-wrap:anywhere}}
@supports not (backdrop-filter:blur(1px)){.glass-panel{background:rgba(255,255,255,.95)}}
.review-banner{position:relative;z-index:21}

/* Full-bleed image behind the brand header and page content. */
.homepage{background:#10233c url('images/netball-hero-players.webp') center center / cover fixed no-repeat;min-height:100vh}
.homepage .site-header{background:linear-gradient(180deg,rgba(5,20,41,.82),rgba(5,20,41,.48));border-bottom:1px solid #ffffff26}
.homepage .brand,.homepage .brand-sub{color:white}
.homepage .brand img{filter:drop-shadow(0 1px 4px #ffffffaa)}
.homepage .social{color:white;border-color:#ffffff70;background:#07162f25}
.homepage .social:hover{background:#ffffff20}
.homepage .home-menu-toggle{background:#07162f25;color:white;border-color:#ffffff70}
.homepage .home-menu{background:#10233cf5;border-color:#ffffff40;backdrop-filter:blur(16px)}
.homepage .home-menu a{color:white}
.homepage .home-menu a:hover{color:#ffd082}
.home-page .hero{background:transparent;isolation:auto}
.home-page .hero-image{position:fixed;inset:0;z-index:-1;width:100vw;height:100vh;object-fit:cover}
.home-page .hero-shade{z-index:0;pointer-events:none}
.home-page .hero-copy{position:relative;z-index:1}
.home-page .hero-nav{z-index:5}
.inner-page .content-scene{background:transparent}
.inner-page .content-scene::before{display:none}
.homepage .review-banner{background:#07162fbd}
@media(max-width:850px){.homepage{background-position:70% center}}
@media(max-width:520px){.homepage{background-position:85% center}.home-page .hero-image{object-position:85% center}}
.homepage{isolation:isolate}

/* Homepage headings sit directly over the full-bleed photograph. */
.home-page .site-header,.home-page .hero-nav{background:transparent;border:0}
.home-page .hero-nav-link{ text-shadow:0 1px 5px rgba(0,0,0,.75) }

/* September review: continuous fades, section navigation and open page layouts. */
.homepage::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,36,86,.83),rgba(21,66,125,.38))}
.home-page .hero-image{z-index:-2}
.home-page .hero-shade{display:none}
.homepage .site-header{background:transparent;border:0}
.homepage .hero-nav{background:transparent}
.homepage .hero-nav-link{border:0;border-radius:999px;padding:8px 10px;margin:14px 0;color:white;transition:background .15s,color .15s}
.homepage .hero-nav-link:hover,.homepage .hero-nav-link[aria-current="page"],.homepage .hero-nav-item:focus-within>.hero-nav-link{background:var(--orange);color:#12243b;text-shadow:none;border:0}
@media(hover:hover){.homepage .hero-nav-item:hover>.hero-nav-link{background:var(--orange);color:#12243b;text-shadow:none}}
.homepage .hero-nav{gap:0;padding-left:max(16px,calc((100% - var(--max))/2));padding-right:max(16px,calc((100% - var(--max))/2))}
.homepage .hero-nav-item .nav-details{position:fixed;top:var(--dropdown-top,180px);left:var(--dropdown-left,20px);right:auto;width:var(--dropdown-width,360px);min-width:0;padding:22px;border-radius:12px;background:#f0f6fff5;border:1px solid #cad9ef;border-top:3px solid var(--orange);box-shadow:0 14px 38px #061b3d45;z-index:40}
.homepage .nav-details a{color:#ae4900}
.homepage .nav-details p{color:var(--blue)}
.homepage .hero-nav-item{padding-bottom:8px;margin-bottom:-8px}
.homepage h1,.homepage h2,.homepage h3{color:var(--blue)}
.home-page .hero h1,.home-page .hero h1 span{color:#88baff}
.inner-page{background-image:var(--page-image);background-color:#c5d9ee}
.inner-page::before{background:linear-gradient(90deg,rgba(221,237,253,.97) 0%,rgba(210,229,249,.93) 45%,rgba(68,110,162,.48) 100%)}
.inner-page .brand,.inner-page .brand-sub{color:#244c91}
.inner-page .social,.inner-page .home-menu-toggle{color:#244c91;border-color:#5479a780;background:#dcecff60}
.inner-page .hero-nav-link{color:#244c91;text-shadow:none}
.inner-page .content-scene::after{display:none}
.glass-panel{width:min(820px,74%);padding:0;background:none!important;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.glass-panel .card,.glass-panel .placeholder{background:transparent;border:0;border-top:2px solid var(--blue);padding:20px 0}
.glass-panel .card:nth-child(even){border-top-color:var(--orange)}
.glass-panel .page-intro{padding-bottom:20px;margin-bottom:24px}
.glass-panel .page-intro h1{margin-bottom:18px}
.inner-page a:not(.hero-nav-link):not(.brand):not(.social):not(.home-menu a),.inner-page .button,.home-page .hero-actions .button{color:#ac4800}
.inner-page .button,.home-page .hero-actions .button{background:#f8fbffba;border:1px solid #d97c36;border-radius:999px}
.inner-page .button:hover,.home-page .hero-actions .button:hover{background:#fff1d8;color:#8a3800}
.inner-page .text-link{border-bottom-color:#c77735}
.homepage .home-email-strip a{color:white!important}
.squad-list{list-style:none;margin:14px 0 0;padding:0}
.squad-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #9bb8d780}
.squad-list strong{color:var(--blue)}
.page-matches .glass-wrap{margin-top:82px}
.page-matches .page-intro{border:0;padding:0;margin:0 0 10px}
.page-matches .lead{font-size:16px;line-height:1.55}
.invitation-label{color:#a64700;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px}
.page-matches .section{margin-bottom:22px}
.page-matches .section+.section{padding-top:20px}
.page-matches h2{margin-bottom:10px}
.training-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}
.training-table th,.training-table td{padding:14px 10px;border-bottom:1px solid #9bb8d780;vertical-align:top}
.training-table th{color:var(--blue)}
@media(max-width:1150px){.homepage .hero-nav-link{font-size:10px;padding:7px 7px}}
@media(max-width:850px){.homepage .hero-nav-link{margin:3px 0}.homepage .hero-nav{padding:14px 16px;gap:4px 6px;background:#c2d9f226}.glass-panel{width:100%}.page-matches .glass-wrap{margin-top:140px}.homepage .hero-nav-item .nav-details{width:var(--dropdown-width,280px)}.inner-page::before{background:rgba(216,234,252,.91)}}
@media(max-width:520px){.glass-panel{padding:0}.glass-wrap{margin-left:22px;margin-right:22px}.squad-list li{align-items:flex-start;flex-direction:column;gap:3px}.training-table th,.training-table td{padding:11px 5px;font-size:12px}.homepage .hero-nav-link{padding:6px 7px}.page-matches .glass-wrap{margin-top:135px}}

/* Keep shared navigation available over the continuous blue photo treatment. */
.sticky-header{position:sticky;top:0;z-index:60;transition:background .2s}
.sticky-header.is-scrolled{background:rgba(7,26,55,.97)}
.homepage .sticky-header .hero-nav{position:relative;top:auto;left:auto;right:auto;background:transparent!important;z-index:25}
.homepage .sticky-header .site-header{background:transparent}
.homepage .hero-nav-item .nav-details{max-height:calc(100dvh - var(--dropdown-top,180px) - 12px);overflow-y:auto}
.inner-page::before{background:linear-gradient(90deg,rgba(8,36,86,.91),rgba(21,66,125,.58))}
.inner-page{color:#f2f6ff}
.inner-page .brand,.inner-page .brand-sub,.inner-page .hero-nav-link{color:white}
.inner-page .social,.inner-page .home-menu-toggle{color:white;border-color:#ffffff70;background:#07162f25}
.inner-page h1,.inner-page h2,.inner-page h3,.inner-page .eyebrow,.squad-list strong,.training-table th{color:#88baff}
.inner-page .glass-panel .lead,.inner-page .glass-panel .section>p,.inner-page .glass-panel .card-copy,.inner-page .small{color:#f2f6ff}
.inner-page a:not(.hero-nav-link):not(.brand):not(.social):not(.home-menu a),.inner-page .button,.invitation-label{color:#ffc165}
.inner-page .nav-details a{color:#ac4800!important}
.inner-page .button,.inner-page .glass-panel .document-link,.inner-page .glass-panel .steps li,.inner-page .glass-panel .gallery-placeholder,.inner-page .glass-panel .enquiry-form{background:#071a3780;color:#f2f6ff}
.inner-page .button:hover{background:#122f57;color:#ffd38c}
.inner-page .hero-nav-link[aria-current="page"],.inner-page .hero-nav-link:hover,.inner-page .hero-nav-item:focus-within>.hero-nav-link{color:#12243b}
@media(hover:hover){.inner-page .hero-nav-item:hover>.hero-nav-link{color:#12243b}}
.homepage .glass-wrap{margin-top:35px}
.homepage .hero-copy{padding-top:65px}
.homepage .hero{min-height:calc(100dvh - var(--sticky-height,160px) - 65px)}
html{scroll-padding-top:calc(var(--sticky-height,180px) + 24px)}

/* Homepage calls to action: club orange, blue lettering and gentle motion. */
.home-page .hero-actions .button{background:var(--orange);color:#153b79;border:2px solid var(--orange);display:inline-flex;align-items:center;gap:12px}
.home-page .hero-actions .button span{font-size:1.3em;line-height:1}
.home-page .hero-actions .button:hover,.home-page .hero-actions .button:focus-visible{background:#ffb83f;color:#153b79;border-color:#ffb83f;animation:none}




/* The main menu must sit above the page navigation and its dropdowns. */
.homepage .sticky-header .site-header{z-index:50}

/* A single, scrollable menu with useful club resources grouped at the end. */
.homepage .home-menu{grid-template-columns:minmax(0,1fr);width:min(390px,calc(100% - 32px));max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain}
.homepage .home-menu a{padding:9px 11px;overflow-wrap:anywhere}
.home-menu .menu-divider{width:100%;border:0;border-top:1px solid #ffffff45;margin:12px 0}

/* A once-per-session brand entrance; the site remains usable without JavaScript. */
.brand-intro{position:fixed;inset:0;z-index:200;pointer-events:none;background:#10233c;}
.brand-intro-logo{position:fixed;object-fit:contain;filter:drop-shadow(0 2px 10px #ffffff80)}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none}}

/* Compact section dropdowns show only their destination links. */
.homepage .hero-nav-item .nav-details{padding:10px 16px;border-radius:8px}
.homepage .nav-details a{display:block;padding:9px 0;line-height:1.4}
.homepage .nav-details a+a{border-top:1px solid #244c9115}
.homepage .hero-nav-item:nth-last-child(-n+3) .nav-details{left:var(--dropdown-left,12px);right:auto}

/* Orange headings provide a consistent contrast against the blue imagery. */
.homepage h1,.homepage h2,.homepage h3,.homepage h4,.homepage h5,.homepage h6,
.home-page .hero h1,.home-page .hero h1 span,
.inner-page h1,.inner-page h2,.inner-page h3,
.homepage .eyebrow,.inner-page .eyebrow,
.homepage .brand,.homepage .brand-sub,
.homepage .hero-nav-link,.inner-page .hero-nav-link,
.squad-list strong,.training-table th{color:var(--orange)}
.homepage .hero-nav-link:hover,.homepage .hero-nav-link[aria-current="page"],
.homepage .hero-nav-item:focus-within>.hero-nav-link{color:#12243b}
@media(hover:hover){.homepage .hero-nav-item:hover>.hero-nav-link{color:#12243b}}

/* Balance orange accents with blue titles and white supporting text. */
.homepage .nav-details a,.inner-page .nav-details a{color:var(--blue)!important}
.homepage .home-menu a{color:#88baff}
.home-page .hero-copy .eyebrow,.homepage .brand-sub{color:#fff}
.home-page .hero h1,.home-page .hero h1 span{color:#88baff}
.home-page .hero-actions .button,.home-page .hero-actions .button:hover,.home-page .hero-actions .button:focus-visible{color:#fff}

/* Match the homepage title to the dropdown link blue. */
.home-page .hero h1,.home-page .hero h1 span{color:var(--blue)}

/* Slightly offset club-orange blocks behind each word of the hero title. */
.home-page .hero h1 .title-block{display:inline-block;position:relative;isolation:isolate;max-width:100%}
.home-page .hero h1 .title-block::before{content:"";position:absolute;z-index:-1;inset:.14em -.06em .01em .04em;background:var(--orange);transform:translate(.025em,.025em);pointer-events:none}

/* Broader overlapping title blocks and white-outlined homepage buttons. */
.home-page .hero h1 .title-block{isolation:auto;z-index:auto}
.home-page .hero h1{position:relative;isolation:isolate}
.home-page .hero h1 .title-block::before{inset:-.06em -.38em -.08em -.04em;transform:translate(.025em,.025em)}
.home-page .hero-actions .button,.home-page .hero-actions .button:hover,.home-page .hero-actions .button:focus-visible{border-color:#fff}
@media(max-width:380px){.home-page .hero h1 .title-block::before{right:-.22em}}

/* Blue lettering and outlines on the orange homepage buttons. */
.home-page .hero-actions .button,.home-page .hero-actions .button:hover,.home-page .hero-actions .button:focus-visible{color:var(--blue);border-color:var(--blue)}

/* Squad registration reads as a four-step flow on desktop. */
.page-matches .glass-panel{width:100%}
.page-matches .page-intro,.page-matches #our-squads,.page-matches #fixtures-match-venue{max-width:820px}
.page-matches .page-intro .invitation-label{color:var(--orange);margin-bottom:16px}
.page-matches .glass-panel .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.page-matches .steps li{padding:65px 20px 24px;border-top:2px solid var(--orange)}
.page-matches .steps li:before{color:var(--orange);left:20px;top:14px}
.page-matches .steps li:not(:last-child):after{content:'→';position:absolute;right:-20px;top:20px;color:var(--orange);font-size:22px}
.page-matches .steps p{color:#fff}
@media(max-width:1000px){.page-matches .glass-panel .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.page-matches .steps li:nth-child(2):after{display:none}}
@media(max-width:580px){.page-matches .glass-panel .steps{grid-template-columns:1fr}.page-matches .steps li:after{display:none}}

/* Supplier photography remains uncropped so the kit is easy to inspect. */
.kit-photo{margin:0 0 20px}
.kit-photo img{display:block;width:100%;height:280px;object-fit:contain;background:white}
.kit-photo figcaption{font-size:12px;line-height:1.5;margin-top:8px;color:#f2f6ff}
.kit-photo-pending{height:280px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #ffffff70;background:#071a3750;padding:24px;margin-bottom:20px;color:#fff}

/* Shared rounded links use the homepage button treatment. */
.homepage a.button,.homepage a.button:hover,.homepage a.button:focus-visible{background:var(--orange);color:var(--blue)!important;border:2px solid var(--blue);border-radius:999px}
.homepage a.button span{color:inherit}

/* Brand subtitle and footer refinements. */
.homepage .brand-sub{font-size:.62em;letter-spacing:.19em;line-height:1.5}
.home-email-strip .copyright{color:#fff;font-size:11px;font-weight:400;letter-spacing:0;text-align:center}
.home-email-strip .copyright::before{content:none}
.home-page .hero-copy .eyebrow{margin-top:30px}

/* Equal side columns keep the email centred independently of side text length. */
.homepage .home-email-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);gap:20px;width:100%}
.home-email-strip .copyright{justify-self:end;text-align:right}
.home-email-strip .footer-email{justify-self:center;text-align:center}
.home-email-strip .privacy-link{justify-self:start}
.homepage .home-email-strip .bar-divider{display:block}
@media(max-width:850px){.homepage .home-email-strip{gap:10px;padding:18px 16px}.home-email-strip .footer-email{font-size:10px}.home-email-strip .copyright{font-size:10px}.home-email-strip .privacy-link{font-size:11px}}
@media(max-width:580px){.homepage .home-email-strip{grid-template-columns:1fr;gap:12px}.home-email-strip .copyright,.home-email-strip .footer-email,.home-email-strip .privacy-link{justify-self:center;text-align:center}.homepage .home-email-strip .bar-divider{font-size:0;width:48px;border-top:1px solid #d4e0fa}}
.footer-privacy{justify-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.cookie-settings{border:0;background:none;color:#fff;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer;padding:0}
.cookie-banner{position:fixed;bottom:18px;left:18px;right:18px;max-width:620px;margin:auto;z-index:300;background:#10233c;color:#fff;border:1px solid #f5a623;border-radius:12px;padding:22px;box-shadow:0 8px 40px #0008;max-height:85dvh;overflow:auto}
.cookie-banner[hidden]{display:none}
.homepage .cookie-banner h2{font-size:22px;color:#f5a623;margin-bottom:10px}
.cookie-banner p{font-size:14px;line-height:1.6}.homepage .cookie-banner a{color:#ffc165!important}
.cookie-actions{display:flex;gap:12px;flex-wrap:wrap}.cookie-actions button{flex:1;border:2px solid #2e5cb8;border-radius:999px;background:#f5a623;color:#153b79;font-weight:700;padding:10px 16px;cursor:pointer}
@media(max-width:580px){.footer-privacy{justify-self:center;justify-content:center}.cookie-banner{padding:18px;bottom:10px;left:10px;right:10px}}

/* Consistent footer typography and a distinct privacy/settings separator. */
.homepage .home-email-strip .copyright,.homepage .home-email-strip a,.homepage .home-email-strip .cookie-settings{font-family:inherit;font-size:12px;font-weight:500;line-height:1.6;letter-spacing:0;text-transform:none;color:#fff;text-decoration:none}
.homepage .home-email-strip a:hover,.homepage .home-email-strip .cookie-settings:hover{text-decoration:underline}
.home-email-strip .footer-privacy{display:flex;flex-wrap:nowrap;gap:12px;align-items:center}
.home-email-strip .privacy-divider{color:#d4e0fa;font-size:12px}
.home-email-strip .privacy-divider::before{content:none}
.home-email-strip .privacy-link,.home-email-strip .cookie-settings{white-space:nowrap}
@media(max-width:1100px){.homepage .home-email-strip{grid-template-columns:1fr;gap:12px}.home-email-strip .copyright,.home-email-strip .footer-email,.home-email-strip .footer-privacy{justify-self:center;text-align:center}.homepage .home-email-strip>.bar-divider{font-size:0;width:48px;border-top:1px solid #d4e0fa;justify-self:center}}

/* Frosted section menus with crisp edges and restrained depth. */
.homepage .hero-nav-item .nav-details{background:rgba(248,252,255,.84);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border:1px solid rgba(255,255,255,.8);border-top:2px solid var(--orange);border-radius:4px;box-shadow:0 12px 30px #07162f30,inset 0 1px 0 #ffffffcc;padding:10px}
.homepage .nav-details a{padding:10px 9px;transition:background .15s ease;border-radius:2px}
.homepage .nav-details a:hover,.homepage .nav-details a:focus-visible{background:#ffffff80;text-decoration:none}
/* Generous, staggered title backplates inspired by the supplied reference. */
.home-page .hero h1 .title-block:first-child::before{inset:-.18em -1.55em -.15em -.28em;transform:none}
.home-page .hero h1 .title-block:last-child::before{inset:-.10em -1.55em -.18em -.14em;transform:none}
.home-page .hero-copy .eyebrow{margin-top:38px}
@media(max-width:850px){.home-page .hero h1 .title-block:first-child::before{left:-.20em;right:-.75em}.home-page .hero h1 .title-block:last-child::before{left:-.07em;right:-1.1em}}
@media(max-width:380px){.home-page .hero h1 .title-block:first-child::before{right:-.40em}.home-page .hero h1 .title-block:last-child::before{right:-.8em}}

/* Restore the previous title blocks with larger, tighter lettering. */
.home-page .hero h1{font-size:clamp(3rem,7.5vw,7rem);line-height:.92}
.home-page .hero h1 .title-block:first-child::before,.home-page .hero h1 .title-block:last-child::before{inset:-.06em -.38em -.08em -.04em;transform:translate(.025em,.025em)}
@media(max-width:520px){.home-page .hero h1{font-size:clamp(2.9rem,12.6vw,4rem)}}
@media(max-width:380px){.home-page .hero h1 .title-block:first-child::before,.home-page .hero h1 .title-block:last-child::before{right:-.22em}}

/* Open navigation becomes a connected orange tab above frosted glass. */
.homepage .hero-nav-item .nav-details{background:linear-gradient(135deg,rgba(255,255,255,.67),rgba(229,241,255,.48));backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);border:1px solid #ffffffa6;border-top:14px solid var(--orange);border-radius:0 0 6px 6px;box-shadow:0 18px 40px #06172e38,inset 0 1px 0 #ffffffb3}
.homepage .hero-nav-item:focus-within:not(.details-dismissed)>.hero-nav-link{border-radius:24px 24px 0 0;background:var(--orange);color:#12243b}
@media(hover:hover){.homepage .hero-nav-item:hover:not(.details-dismissed)>.hero-nav-link{border-radius:24px 24px 0 0;background:var(--orange);color:#12243b}}
.homepage .nav-details a{font-weight:650;text-shadow:0 1px 0 #ffffff30}

/* Crisp joined tabs over a uniform, neutral glass surface. */
.homepage .hero-nav-item .nav-details{background:rgba(255,255,255,.64);border:0;border-top:14px solid var(--orange);border-radius:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 14px 30px #06172e30,inset 1px 0 0 #ffffff70,inset -1px 0 0 #ffffff70,inset 0 -1px 0 #ffffff70}
.homepage .hero-nav-item:focus-within:not(.details-dismissed)>.hero-nav-link{border-radius:8px 8px 0 0}
@media(hover:hover){.homepage .hero-nav-item:hover:not(.details-dismissed)>.hero-nav-link{border-radius:8px 8px 0 0}}
.homepage .nav-details a{border-radius:0;text-shadow:none}

/* Clearer glass, no white outline, and one solid orange across the join. */
.homepage .hero-nav-item .nav-details{background:rgba(255,255,255,.32);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);border:0;border-top:14px solid #f5a623;box-shadow:0 12px 28px #06172e28}
.homepage .hero-nav-link{transition:none}
.homepage .hero-nav-link[aria-current="page"],.homepage .hero-nav-item:focus-within>.hero-nav-link{background:#f5a623;filter:none;opacity:1}
@media(hover:hover){.homepage .hero-nav-item:hover>.hero-nav-link{background:#f5a623;filter:none;opacity:1}}
.homepage .nav-details a{color:#143d80!important;text-shadow:0 1px 1px #ffffff45}

/* Final spacing and contrast refinements. */
.homepage .nav-details a{color:#5da0ff!important;text-shadow:0 1px 2px #07162f80}
.home-page .hero h1{line-height:.84}
.home-page .hero h1 .title-block:first-child::before,.home-page .hero h1 .title-block:last-child::before{left:-.15em}
.homepage .brand-sub{margin-top:-3px;line-height:1.1}
@media(max-width:520px){.homepage .brand-sub{margin-top:-2px}}

/* Match dropdown lettering to the homepage title. */
.homepage .nav-details a{color:var(--blue)!important;text-shadow:none}

/* White dropdown lettering for the current design comparison. */
.homepage .nav-details a,.inner-page .nav-details a{color:#fff!important;text-shadow:0 1px 2px #07162f55}

/* Gently rounded dropdown edges with a clean tab connection. */
.homepage .hero-nav-item .nav-details{border-radius:0 6px 8px 8px}

/* Compare a fine orange edge with a short orange-to-glass transition. */
.homepage .hero-nav-item:nth-child(-n+6) .nav-details{border-top:3px solid #f5a623;background:rgba(255,255,255,.32)}
.homepage .hero-nav-item:nth-child(n+7) .nav-details{border-top:0;background:linear-gradient(to bottom,#f5a623 0,rgba(245,166,35,.65) 5px,rgba(255,255,255,.32) 24px);padding-top:25px}

/* Add breathing room around the homepage title without changing its lettering. */
.home-page .hero h1 .title-block:first-child::before,.home-page .hero h1 .title-block:last-child::before{top:-.12em;bottom:-.15em;left:-.20em;right:-.52em}
@media(max-width:380px){.home-page .hero h1 .title-block:first-child::before,.home-page .hero h1 .title-block:last-child::before{right:-.28em}}

/* Consistent fine orange edge with a short return down the right side. */
.homepage .hero-nav-item:nth-child(n) .nav-details{border-top:3px solid #f5a623;background:rgba(255,255,255,.32);padding-top:10px}
.homepage .hero-nav-item .nav-details::after{content:"";position:absolute;right:0;top:0;width:3px;height:22px;background:#f5a623;pointer-events:none}

/* Slightly tighter orange backplates around both title words. */
.home-page .hero h1 .title-block:first-child::before,.home-page .hero h1 .title-block:last-child::before{top:-.12em;bottom:-.15em;left:-.20em;right:-.52em}
@media(max-width:520px){.home-page .hero h1 .title-block:first-child::before,.home-page .hero h1 .title-block:last-child::before{left:-.18em;right:-.38em}}
@media(max-width:380px){.home-page .hero h1 .title-block:first-child::before,.home-page .hero h1 .title-block:last-child::before{right:-.26em}}

/* Let the orange corner return taper softly into the glass edge. */
.homepage .hero-nav-item .nav-details::after{height:28px;background:linear-gradient(to bottom,#f5a623 0%,rgba(245,166,35,.65) 35%,rgba(245,166,35,0) 100%);clip-path:polygon(0 0,100% 0,100% 100%)}

/* A lightweight illustrated netball approaches the viewer before the logo reveal. */
.brand-intro{overflow:hidden}
.intro-netball{position:absolute;left:50%;top:50%;width:min(70vw,65vh,480px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.06);opacity:0;filter:drop-shadow(12px 22px 20px #0006);will-change:transform,opacity}
.intro-netball svg{display:block;width:100%;height:100%}

/* Align the homepage brand, navigation, title plates and actions to one guide. */
.home-page{--home-gutter:max(32px,calc((100vw - var(--max))/2));--nav-inset:10px;--title-inset:.175em}
.home-page .brand-row{max-width:none;margin-left:var(--home-gutter);margin-right:var(--home-gutter);padding-left:0;padding-right:0}
.home-page .hero-copy{max-width:none;padding-left:var(--home-gutter);padding-right:var(--home-gutter)}
.home-page .hero-nav{margin-left:0;margin-right:0;padding-left:calc(var(--home-gutter) - var(--nav-inset));padding-right:var(--home-gutter)}
.home-page .hero h1{margin-left:var(--title-inset)}
@media(max-width:1150px){.home-page{--nav-inset:7px}}
@media(max-width:850px){.home-page{--home-gutter:26px}.home-page .hero-nav{justify-content:flex-start}}
@media(max-width:520px){.home-page{--home-gutter:22px;--title-inset:.155em}}

/* Centre the compact two-line wordmark against the logo on every page. */
.homepage .brand{align-items:center}
.homepage .brand>span{display:block;line-height:1.05}
.homepage .brand .brand-sub{margin-top:-2px;line-height:1.05}

/* Final two menus open towards the left with a mirrored orange return. */
.homepage .hero-nav-item.nav-align-right .nav-details{border-radius:6px 0 8px 8px}
.homepage .hero-nav-item.nav-align-right .nav-details::after{left:0;right:auto;clip-path:polygon(0 0,100% 0,0 100%)}

/* Revised homepage action: defender marking the ball holder. */
.home-page{background-image:url('images/netball-hero-clear-court.webp')}

/* Reveal more of the players on the right by shifting the photograph left. */
.home-page{background-position:85% center}
.home-page .hero-image{object-position:85% center}

/* Lower the action and crop the foreground ball into the bottom corner. */
.home-page .hero-image{height:130vh;object-position:85% top;transform-origin:85% 0}

/* Place the shooter alongside the title, with a clear foreground court. */
.home-page{background-position:45% center}
.home-page .hero-image{object-position:45% top;transform-origin:45% 0}

/* A compact mobile navigation retaining the desktop visual language. */
.homepage .mobile-more{display:none}
@media(max-width:850px){
 .homepage .hero-nav-item{display:none}
 .homepage .hero-nav .nav-about,.homepage .hero-nav .nav-membership,.homepage .hero-nav .nav-matches,.homepage .hero-nav .nav-training,.homepage .hero-nav .mobile-more{display:block}
 .homepage .hero-nav{flex-wrap:nowrap;justify-content:space-between;gap:0;padding:8px 15px}
 .homepage .hero-nav .nav-about{order:0}.homepage .hero-nav .nav-membership{order:1}.homepage .hero-nav .nav-matches{order:2}.homepage .hero-nav .nav-training{order:3}.homepage .hero-nav .mobile-more{order:4}
 .homepage .mobile-more button{cursor:pointer;background:transparent;line-height:inherit}
 .homepage .mobile-more:not(.more-open) .nav-details{display:none}
 .homepage .mobile-more.more-open .nav-details{display:block}
 .homepage .mobile-more.more-open>button{background:var(--orange);color:#12243b;border-radius:8px 8px 0 0}
 .home-page .hero-image{object-position:75% top;transform-origin:75% 0}
 .home-page{background-position:75% center}
}

/* Review tidy-up: accessible small button text and comfortable touch targets. */
.homepage a.button,.homepage a.button:hover,.homepage a.button:focus-visible{color:#153b79!important;border-color:#153b79;min-height:44px}
.homepage .nav-details a{min-height:44px;display:flex;align-items:center}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:850px){
 .homepage .hero-nav-link{min-height:44px;display:flex;align-items:center;justify-content:center}
 .homepage .social,.homepage .home-menu-toggle{min-width:44px;min-height:44px}
 .homepage .header-right{gap:4px}
 .homepage .home-menu a{min-height:44px}
}
@media(max-width:380px){.homepage .brand{font-size:14px;gap:5px}.homepage .brand img{width:34px;height:40px}.homepage .brand-row{padding-left:12px;padding-right:12px}.home-page .brand-row{margin-left:12px;margin-right:12px;padding-left:0;padding-right:0}}

/* Keep the visible club address distinct; other enquiries use CTA buttons. */
.homepage .home-email-strip a.footer-email{color:#f5a623;font-weight:700}

.page-coaches #coaching-opportunities p > strong{color:#f5a623}

.page-self-development .coming-soon-page{min-height:35vh;display:flex;align-items:center;padding:2rem 0}
.page-self-development .coming-soon-page h2{font-size:clamp(3rem,9vw,8rem);line-height:1.05;margin:0;color:#f5a623}