/* SPORT 4 SUCCESS - approved homepage design. Part 1: fonts + design exactly as approved. Part 2 (end of file): WordPress-only additions. */
/* Schibsted Grotesk (SIL Open Font License 1.1) - self-hosted, same font the design was approved with */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-display:swap;font-weight:400 900;src:url(../fonts/schibsted-grotesk-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-display:swap;font-weight:400 900;src:url(../fonts/schibsted-grotesk-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--tm:#46bffc;--ftb:#002245;}
*{box-sizing:border-box;margin:0}
:root{--navy:#06193f;--n2:#0b2a63;--cy:#27b4f2;--gold:#f0a830;--ice:#dcecf7;--paper:#e9f1f8;--ink:#06193f;--bl:#0a6cb5;--f:'Schibsted Grotesk','Arial Black',system-ui,sans-serif;--b:'Schibsted Grotesk',system-ui,sans-serif;--g:clamp(1.25rem,5vw,5rem);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0a2250;--ink:#e6f1fb;--bl:#5cc6ff}}
:root[data-theme=dark]{--paper:#0a2250;--ink:#e6f1fb;--bl:#5cc6ff}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
body{background:var(--navy);color:var(--ice);font:400 1.0625rem/1.55 var(--b);overflow-x:clip}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
h1,h2,h3{font-family:var(--f);font-weight:800;line-height:.95;letter-spacing:-.03em}
.nv{background:var(--navy);color:var(--ice)}.lt{background:var(--paper);color:var(--ink)}
.sheet{position:relative;border-radius:2.5rem 2.5rem 0 0;margin-top:-2.5rem;padding:clamp(6rem,13vw,13rem) var(--g)}
.big{font-size:clamp(3rem,9vw,9.5rem)}
/* placeholder photography: duotone, to be replaced by real S4S photos */
.ph{position:relative;overflow:hidden;isolation:isolate;width:100%;height:100%;background:var(--g1,linear-gradient(160deg,#1a73d6,#06193f));transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.ph::before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.38),transparent 38%),radial-gradient(circle at 72% 78%,rgba(240,168,48,.45),transparent 30%),repeating-linear-gradient(115deg,rgba(255,255,255,.06) 0 2px,transparent 2px 24px)}
.ph::after{content:attr(data-l);position:absolute;left:1rem;top:1rem;font:700 .72rem var(--b);background:rgba(6,25,63,.72);color:var(--ice);padding:.3rem .7rem;border-radius:99px}
.im{overflow:hidden;border-radius:1.25rem}
/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:calc(1rem + env(safe-area-inset-top,0px)) var(--g) 1rem;transition:transform .5s,background .4s}
.nav.sc{background:rgba(6,25,63,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav.hide{transform:translateY(-100%)}
.logo{font:800 1.6rem var(--f);letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem;color:#fff}.logo b{color:var(--gold)}
.logo i{width:.7em;aspect-ratio:1;background:var(--cy);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.nr{display:flex;gap:1.5rem;align-items:center}.nr>a{font-weight:700;color:#fff}
.mb,.bn{display:inline-flex;align-items:center;gap:.7rem;background:var(--gold);color:var(--navy);border:0;border-radius:99px;padding:.8rem 1.4rem;font:700 .95rem var(--b);cursor:pointer;transition:transform .3s,background .3s}
.mb:hover,.bn:hover{transform:scale(1.06)}.bn.o{background:none;color:#fff;box-shadow:inset 0 0 0 2px #fff}
.menu{position:fixed;inset:0;z-index:60;background:var(--gold);color:var(--navy);display:flex;flex-direction:column;justify-content:center;padding:6rem var(--g) 3rem;clip-path:circle(0 at calc(100% - 4.5rem) 2.6rem);visibility:hidden;transition:clip-path .85s cubic-bezier(.7,0,.2,1),visibility 0s .85s}
.menu.o{clip-path:circle(150% at calc(100% - 4.5rem) 2.6rem);visibility:visible;transition-delay:0s}
.menu a{font:800 clamp(2.4rem,8vw,6.5rem)/1.02 var(--f);letter-spacing:-.03em;display:block;width:fit-content;transform:translateY(60%);opacity:0;transition:transform .8s cubic-bezier(.2,.7,.1,1),opacity .6s,padding .3s}
.menu.o a{transform:none;opacity:1;transition-delay:calc(.25s + var(--i)*70ms),calc(.25s + var(--i)*70ms),0s}
.menu a:hover{padding-left:1.2rem}
#mc{position:absolute;top:calc(1rem + env(safe-area-inset-top,0px));right:var(--g);background:var(--navy);color:#fff}
/* hero */
.hw{height:240svh;position:relative}
.hero{--p:0;position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding:0 var(--g) 9svh;background:radial-gradient(70% 60% at 25% 20%,#0f3f8e,transparent 70%),var(--navy);--it:14svh;--ir:var(--g);--ib:9svh;--il:60vw}
.hi{position:absolute;inset:0;clip-path:inset(calc(var(--it)*(1 - var(--p))) calc(var(--ir)*(1 - var(--p))) calc(var(--ib)*(1 - var(--p))) calc(var(--il)*(1 - var(--p))) round calc(2rem*(1 - var(--p))))}
.hi .ph{transform:scale(calc(1.3 - var(--p)*.3))}
.hi::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,25,63,.85),transparent 65%)}
.ring{position:absolute;left:-10vw;top:6svh;width:min(62vw,48rem);fill:none;stroke:var(--cy);stroke-width:2.4;stroke-linecap:round;opacity:.7;transform:translate(calc(var(--mx,0)*-30px),calc(var(--my,0)*-30px)) rotate(calc(var(--p)*160deg + 20deg))}
.st{position:absolute;width:var(--s);aspect-ratio:1;background:var(--c);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);transform:translate(calc(var(--mx,0)*var(--k)*1px),calc(var(--my,0)*var(--k)*1px)) rotate(calc(var(--p)*200deg))}
.ht{position:relative;z-index:2;transform:translateY(calc(var(--p)*-6svh));color:#fff}
.eb{font:700 1rem var(--b);color:var(--gold);margin-bottom:1.2rem}
.ht h1{font-size:clamp(3.2rem,11.2vw,12rem);text-transform:uppercase;line-height:.9}
.ht h1>span{display:block}.ht h1 b{color:var(--gold)}
.wd{height:.9em;overflow:hidden}.wd i{display:block;font-style:normal;transform:translateY(calc(var(--n,0)*-.9em));transition:transform .9s cubic-bezier(.7,0,.2,1)}.wd i span{display:block;height:.9em}
.sub{font:600 clamp(1.1rem,2vw,1.6rem) var(--f);margin-top:1.6rem}
.cue{position:absolute;right:var(--g);bottom:3svh;z-index:3;font-weight:700;color:#fff;display:flex;align-items:center;gap:.8rem}
.cue::after{content:"";width:1px;height:3rem;background:var(--gold);animation:cue 1.8s ease-in-out infinite;transform-origin:top}
@keyframes cue{50%{transform:scaleY(.2)}}
/* marquee */
.mq{position:relative;z-index:3;background:var(--gold);color:var(--navy);overflow:hidden;white-space:nowrap;width:104vw;margin:-1.5rem -2vw;padding:1.3rem 0;transform:rotate(-1.6deg)}
.mq div{display:inline-flex;gap:2.5rem;align-items:center;animation:mq 34s linear infinite;padding-right:2.5rem}
.mq span{font:800 clamp(1.6rem,3.5vw,3.2rem) var(--f);letter-spacing:-.02em}.mq i{width:1.4rem;aspect-ratio:1;background:var(--navy);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
@keyframes mq{to{transform:translateX(-50%)}}
/* purpose */
#stm{font:600 clamp(1.9rem,4.7vw,4.8rem)/1.1 var(--f);letter-spacing:-.025em;max-width:13em;position:relative;z-index:2}
.w{opacity:.18;display:inline-block;margin-right:.25em}
.fl{position:absolute;aspect-ratio:3/4;border-radius:1.25rem;overflow:hidden}.fl.a{right:var(--g);top:12%;width:clamp(8rem,20vw,19rem)}.fl.b{right:calc(var(--g) + 14vw);bottom:6%;width:clamp(7rem,14vw,13rem)}
/* what we do */
.wwd{padding:clamp(6rem,13vw,13rem) var(--g);position:relative}
.wwd h2{font-size:clamp(2.2rem,6.6vw,7rem);line-height:1.12;max-width:15em}
.wwd em{font-style:normal;color:var(--cy)}.wwd em.g{color:var(--gold)}
.pl{display:inline-block;width:0;height:.78em;border-radius:99px;vertical-align:-.03em;margin:0 .12em;overflow:hidden;transition:width 1.3s cubic-bezier(.7,0,.2,1) .3s}.pl .ph::after{display:none}
.in .pl{width:2.1em}.in .pl:hover{width:3.6em}
/* programmes: horizontal scroll */
.hz{position:relative}.stk{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center}
.tr{display:flex;gap:2rem;padding:0 var(--g);will-change:transform}
.pn{flex:none;width:min(58vw,54rem);height:68svh;position:relative;border-radius:1.5rem;overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding:2rem}
.pn .ph{position:absolute;inset:0}.pn:hover .ph{transform:scale(1.06)}
.pn h3{position:relative;font-size:clamp(2.6rem,6vw,6rem);z-index:1}.pn::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,25,63,.8),transparent 55%)}
.pn.in0{width:min(34vw,28rem);background:none;color:var(--ink);padding:0;align-items:center}.pn.in0::after{display:none}.pn.in0 h2{font-size:clamp(2.4rem,5vw,5rem)}
.pn.nx{border:2px dashed var(--bl);color:var(--bl);justify-content:center;align-items:center;text-align:center}.pn.nx::after{display:none}
.pg{position:absolute;left:var(--g);right:var(--g);bottom:5svh;height:3px;background:rgba(6,25,63,.15)}.pg i{display:block;height:100%;background:var(--bl);transform-origin:left;transform:scaleX(0)}
/* impact */
.imp{padding:clamp(6rem,13vw,13rem) var(--g);position:relative;overflow:hidden}
.tag{display:inline-block;background:var(--gold);color:var(--navy);font:700 .85rem var(--b);padding:.4rem .9rem;border-radius:99px;margin-bottom:2rem}
.sx{display:grid;grid-template-columns:1fr 1fr;gap:3rem 8vw;margin-top:6rem}
.stt{position:relative;display:grid;place-items:center;aspect-ratio:1;width:min(100%,26rem);text-align:center}.stt:nth-child(even){margin-top:7rem;justify-self:end}
.rg{position:absolute;inset:0;width:100%;fill:none;stroke-width:2;stroke-linecap:round}.rg circle{transform:rotate(-90deg);transform-origin:center}.rg .t{stroke:rgba(220,236,247,.14)}
.rg .v{stroke:var(--cy);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.2,.7,.1,1)}.stt:nth-child(even) .v{stroke:var(--gold)}.in .v{stroke-dashoffset:var(--o)}
.stt b{font:800 clamp(3.4rem,8vw,7.5rem)/1 var(--f);letter-spacing:-.04em;display:block}.stt p{font-weight:700}
/* testimonials */
.tst{background:var(--gold);color:var(--navy);padding:clamp(6rem,13vw,13rem) var(--g);display:grid;grid-template-columns:1.5fr 1fr;gap:6vw;align-items:center;position:relative;z-index:2;border-radius:2.5rem 2.5rem 0 0;margin-top:-2.5rem}
.qt{font:800 clamp(2.2rem,5.2vw,5.4rem)/1.02 var(--f);letter-spacing:-.035em}
.qt.go{animation:qin .9s cubic-bezier(.2,.7,.1,1)}@keyframes qin{from{clip-path:inset(0 0 100% 0);transform:translateY(30px)}}
.qa{font-weight:700;margin-top:2rem}
.qc{display:flex;gap:.8rem;margin-top:3rem}.qc button{width:3.6rem;height:3.6rem;border-radius:50%;border:2px solid var(--navy);background:none;color:var(--navy);font:700 1.2rem var(--b);cursor:pointer;transition:background .3s,color .3s}.qc button:hover{background:var(--navy);color:var(--gold)}
.qi{position:relative;aspect-ratio:4/5}.qi .im{height:100%;transform:rotate(3deg)}.qi .o2{position:absolute;width:42%;aspect-ratio:1;left:-14%;bottom:-8%;border-radius:50%;overflow:hidden;border:6px solid var(--gold)}
/* stories */
.hd{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}
.sg{display:grid;grid-template-columns:repeat(12,1fr);gap:3rem 2rem;margin-top:5rem}
.sg a{display:block}.sg h3{font-size:clamp(1.5rem,2.6vw,2.6rem);margin-top:1.2rem;line-height:1.02}.sg small{font-weight:700;color:var(--bl);display:block;margin-top:1.2rem}
.sg a:hover .ph{transform:scale(1.05)}.sg a:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.2em}
.s1{grid-column:1/8;grid-row:span 2}.s1 .im{aspect-ratio:4/4.7}.s2{grid-column:9/13;margin-top:6rem}.s2 .im,.s3 .im{aspect-ratio:4/3}.s3{grid-column:8/12}
.ar{font-weight:700;border-bottom:3px solid var(--gold);padding-bottom:.2rem}
/* get involved */
.inv{padding:clamp(6rem,13vw,13rem) 0 0}.inv>h2{padding:0 var(--g);margin-bottom:5rem}
.rw{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.2rem var(--g);border-top:1px solid rgba(220,236,247,.22);position:relative;overflow:hidden;isolation:isolate;transition:color .4s}
.rw:last-child{border-bottom:1px solid rgba(220,236,247,.22)}
.rw::before{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleY(0);transform-origin:bottom;transition:transform .55s cubic-bezier(.7,0,.2,1);z-index:-1}
.rw:hover,.rw:focus-visible{color:var(--navy)}.rw:hover::before,.rw:focus-visible::before{transform:none}
.rw b{font:800 clamp(2.4rem,8vw,8.5rem)/.98 var(--f);letter-spacing:-.035em;transition:transform .5s cubic-bezier(.2,.7,.1,1)}.rw:hover b{transform:translateX(1.5rem)}.rw small{max-width:15rem;font-size:1rem;text-align:right}
/* cta + footer */
.cta{background:var(--n2);padding:clamp(7rem,16vw,16rem) var(--g);position:relative;overflow:hidden;min-height:100svh;display:flex;align-items:center;margin-top:6rem}
.big4{position:absolute;right:-6vw;top:50%;font:800 min(80vw,60rem)/1 var(--f);color:transparent;-webkit-text-stroke:3px var(--gold);transform:translateY(-50%) rotate(var(--r,0deg)) scale(var(--sc,1));pointer-events:none}
.ct{position:relative;z-index:2}.ct h2{font-size:clamp(4rem,15vw,16rem);color:#fff}.bt{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3rem}
.ft{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding:3rem var(--g);font-size:.95rem;background:var(--navy)}.ft nav{display:flex;gap:1.5rem;flex-wrap:wrap}
.cur{position:fixed;left:0;top:0;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--gold);color:var(--navy);pointer-events:none;z-index:99;display:grid;place-items:center;font:700 .85rem var(--b);opacity:0;transition:width .3s,height .3s,margin .3s,opacity .3s}.cur.on{opacity:1}.cur.big{width:84px;height:84px;margin:-42px}
@media(pointer:coarse){.cur{display:none}}
/* reveal */
.js [data-r]{opacity:0;transform:translateY(40px);transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.1,1)}.js [data-r].in{opacity:1;transform:none}
.m{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em 0}.m>span{display:inline-block;transform:translateY(108%);transition:transform .95s cubic-bezier(.2,.7,.1,1) calc(var(--i)*70ms)}.in .m>span{transform:none}
@media(max-width:900px){
.hero{--il:var(--g);--ib:44svh;--it:13svh}
.ht h1{font-size:clamp(2.2rem,11.2vw,5.4rem)}.ring{width:90vw}
.nr>a{display:none}.fl.b{display:none}.fl.a{position:relative;right:auto;top:auto;margin:3rem 0 0 auto}
.hz{height:auto!important}.stk{position:static;height:auto;overflow:visible;display:block;padding:4rem 0 6rem}.tr{overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important}.pn{width:78vw;height:60svh;scroll-snap-align:start}.pn.in0{width:70vw}.pg{display:none}
.sx{grid-template-columns:1fr;gap:1rem}.stt:nth-child(even){margin-top:0;justify-self:start}
.tst{grid-template-columns:1fr}.qi{max-width:20rem}
.s1,.s2,.s3{grid-column:1/-1;grid-row:auto;margin-top:0}
.rw{flex-direction:column;align-items:flex-start;gap:.8rem}.rw small{text-align:left}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.hw{height:auto}.hero{position:relative}.hz{height:auto!important}.stk{position:static;height:auto;display:block;padding:4rem 0}.tr{overflow-x:auto;transform:none!important}.w{opacity:1}.js [data-r],.m>span,.pl{opacity:1;transform:none}.pl{width:2.1em}.rg .v{stroke-dashoffset:var(--o)}}

.pho{background-size:cover;background-position:center}.pho::before,.pho::after{display:none}
.logo{font:800 1rem var(--f);letter-spacing:.02em;text-transform:uppercase;gap:.7rem}.logo img{height:2.7rem;width:auto}.logo span{display:none}@media(min-width:640px){.logo span{display:inline}}
.ml{display:none}@media(min-width:900px){.ml{display:block;position:absolute;right:var(--g);bottom:3rem;height:min(42vh,24rem);width:auto;background:var(--navy);border-radius:1.2rem;padding:1.4rem}}
.menu>a{font-size:clamp(1.9rem,4.4vw,4rem)}.menu .msoc{display:flex;gap:.8rem;margin-top:2.2rem}.menu .msoc a{font:700 1rem var(--b);letter-spacing:0;border:2px solid var(--navy);border-radius:.4rem;padding:.6rem 1.2rem}
.vals{list-style:none;margin-top:5rem;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(220,236,247,.25)}
.vals li{position:relative;padding:1.8rem 1.6rem 0 0;font-size:.98rem}.vals b{display:block;font:800 clamp(1.2rem,1.8vw,1.7rem) var(--f);letter-spacing:-.02em;margin-bottom:.6rem;color:#fff}
.vals li::before{content:"";position:absolute;left:0;right:1.6rem;top:-2px;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.7,0,.2,1) calc(var(--i)*.14s + .3s)}.vals.in li::before{transform:scaleX(1)}
.pn::after{background:linear-gradient(to top,rgba(6,25,63,.93),rgba(6,25,63,.6) 55%,rgba(6,25,63,.1))}.pn p{position:relative;z-index:1;max-width:34rem}.pn.in0 p{max-width:none;font-size:1.1rem}
.lead{max-width:44rem;margin-top:2rem;font-size:1.2rem}
.top2{display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin-top:4rem}.top2 .stt{justify-self:center}.stt.lg{width:min(100%,30rem)}.stt.lg b{font-size:clamp(3.6rem,8vw,8rem)}.top2 .stt.au .v{stroke:var(--gold)}
.sx{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.sx .stt:nth-child(even){margin-top:0;justify-self:auto}.sx .stt{width:100%}.sx .stt .v{stroke:var(--cy)}
.stt b{font-size:clamp(2.2rem,4.6vw,4.6rem)}.stt p{font-size:clamp(.78rem,1.05vw,1rem);max-width:68%;margin:.3rem auto 0;line-height:1.2}
.qt{font-size:clamp(1.6rem,3.5vw,3.5rem);line-height:1.1;letter-spacing:-.03em;min-height:5.6em}.qt::before{content:"\201C"}.qt::after{content:"\201D"}
.fb4{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;border-top:2px solid var(--navy);padding-top:2rem}.fb4 b{display:block;font:800 clamp(2.6rem,5.6vw,5.6rem)/1 var(--f);letter-spacing:-.04em}.fb4 div>span{display:block;font-weight:700;margin-top:.5rem;max-width:14rem}
.team{background:var(--tm);color:var(--navy)}.team p{max-width:34rem;margin-top:1.5rem;font-size:1.15rem}.tm{margin-top:3.5rem}.tm img{display:block;width:100%;height:auto;border-radius:1rem}
.soon{position:relative}.soon::after{content:"Coming soon";position:absolute;inset:0;display:grid;place-items:center;background:rgba(6,25,63,.6);color:#fff;font:800 clamp(1.2rem,2vw,1.8rem) var(--f);letter-spacing:-.02em}.soon .ph{filter:grayscale(.5)}.cs-note{max-width:26rem;font-size:1.1rem}
.soc2{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:3.5rem}.soc2 a{border:2px solid currentColor;border-radius:.4rem;padding:.7rem 1.3rem;font-weight:700;transition:background .3s,color .3s}.soc2 a:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.cl{height:9rem;width:auto;display:block;margin-bottom:2rem}
.ft{display:block;background:var(--ftb);padding:clamp(4rem,8vw,7rem) var(--g) 2rem}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:4rem}.ft h3{font:800 1.1rem var(--f);letter-spacing:-.01em;color:var(--gold);margin:0 0 1rem}.ft p{margin-bottom:1rem;max-width:36rem;opacity:.9}.ft address{font-style:normal}.ft a:hover{color:var(--gold)}.fl1{height:9rem;width:auto;display:block;margin-bottom:2rem}.sup img{width:min(100%,16rem);height:auto;display:block}.ft .soc2{margin-top:0}.ft .soc2 a:hover{color:var(--navy)}.cp{margin-top:4rem;padding-top:1.5rem;border-top:1px solid rgba(220,236,247,.2);font-size:.9rem;opacity:.75}
@media(max-width:900px){.vals{grid-template-columns:1fr}.vals li{padding:1.4rem 0}.vals li::before{right:0}.top2{grid-template-columns:1fr 1fr;gap:1rem}.stt.lg b{font-size:clamp(2.4rem,11vw,3.6rem)}.sx{grid-template-columns:1fr 1fr;gap:1rem}.sx .stt{margin-top:0}.fb4{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr;gap:2.5rem}.cl,.fl1{height:7rem}}
@media(prefers-reduced-motion:reduce){.vals li::before{transform:scaleX(1)}}

.hi .ph{opacity:calc(.5 + var(--p)*.12)}
.hl{position:absolute;left:var(--g);top:calc(1.2rem + env(safe-area-inset-top,0px));z-index:3;width:clamp(11rem,23vw,21rem);opacity:calc(1 - var(--p)*8)}.hl img{display:block;width:100%;height:auto}
.nav .logo{visibility:hidden;opacity:0;transition:opacity .4s,visibility 0s .4s}.nav.sc .logo{visibility:visible;opacity:1;transition-delay:0s}.nav .logo img{height:2.6rem;width:auto}
.sub{color:var(--gold);font-size:clamp(1.25rem,2.3vw,1.9rem)}
.vals li{font-size:1.2rem;line-height:1.45}.vals b{font-size:clamp(1.5rem,2.2vw,2.1rem)}
@media(min-width:901px) and (max-width:1200px){.vals{grid-template-columns:repeat(3,1fr);row-gap:2.5rem}}
.pn{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.9rem}
.pn h3{font-size:clamp(1.9rem,3.3vw,3.3rem);line-height:1;max-width:16ch}.pn p{font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.5;max-width:36rem}
.pn.in0{width:min(42vw,36rem);justify-content:center}.pn.in0 h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.95}.pn.in0 p{font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.45;margin-top:1.5rem}
.rg{stroke-width:6}
.sx .stt:nth-child(1){--rc:#27b4f2}.sx .stt:nth-child(2){--rc:#f0a830}.sx .stt:nth-child(3){--rc:#dcecf7}.sx .stt:nth-child(4){--rc:#7aa5ff}.top2 .stt:first-child{--rc:#27b4f2}.top2 .stt:last-child{--rc:#f0a830}
.sx .stt .v,.top2 .stt .v{stroke:var(--rc)}.stt b{color:var(--rc)}.stt p{font-size:clamp(1.05rem,1.5vw,1.45rem);max-width:80%;color:var(--ice)}
.fb4{grid-template-columns:1fr 1fr;gap:2.6rem 5vw}.pb .pt{display:flex;align-items:baseline;gap:1.2rem}.fb4 .pt b{font-size:clamp(2.6rem,4.6vw,4.6rem)}.fb4 .pt>span{display:block;max-width:none;margin:0;font-size:clamp(1.15rem,1.7vw,1.6rem);line-height:1.2}
.pb i{display:block;height:1rem;border-radius:99px;background:rgba(6,25,63,.2);margin-top:1rem;overflow:hidden}.pb u{display:block;height:100%;width:var(--v);background:var(--navy);border-radius:99px;transform:scaleX(0);transform-origin:left;transition:transform 1.6s cubic-bezier(.2,.7,.1,1) .3s}.pb.in u{transform:scaleX(1)}
.team{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44rem);gap:1.5rem 5vw;align-items:center}.team h2{grid-column:1;align-self:end}.team p{grid-column:1;align-self:start;margin-top:0}.tm{grid-column:2;grid-row:1/3;margin:0}
.bn.xl{font-size:1.35rem;padding:1.3rem 2.8rem}
@media(max-width:900px){.stt p{font-size:.9rem;max-width:80%}.sx .stt b{font-size:clamp(2rem,9vw,3rem)}.fb4{grid-template-columns:1fr}.pb .pt{flex-wrap:wrap;gap:.3rem 1rem}.team{display:block}.tm{margin-top:2.5rem}.pn p{font-size:1rem}.pn.in0{width:76vw}.pn.in0 p{font-size:1.15rem}.hl{width:10rem}}
@media(prefers-reduced-motion:reduce){.pb u{transform:scaleX(1)}.hl{opacity:1}}

.hl{width:max(11rem,min(46vw,50rem,calc(2.73*(91svh - 1.8*min(11.2vw,12rem) - 12rem))))}
.team{display:block}.team p{margin-top:1.5rem}.tm{max-width:62rem;margin:3.5rem auto 0}
.fb4{grid-template-columns:repeat(4,1fr);gap:1.4rem;border-top:0;padding-top:1rem}
.pb{background:var(--navy);color:#fff;border-radius:1.2rem;padding:clamp(1.4rem,2.2vw,2.4rem);box-shadow:0 1.4rem 3rem -1.2rem rgba(6,25,63,.6)}
.js .pb{transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s}.js .pb.in{animation:pop .9s cubic-bezier(.3,1.4,.5,1) calc(var(--k)*.12s) both}@keyframes pop{from{opacity:0;transform:translateY(60px) scale(.94)}}
.js .pb.in:hover{transform:translateY(-8px);box-shadow:0 2rem 3.4rem -1rem rgba(6,25,63,.7)}
.pb b{display:flex;align-items:flex-start;font:800 clamp(3.6rem,6.4vw,7.2rem)/.9 var(--f);letter-spacing:-.05em;color:var(--gold)}.pb b small{font-size:.45em;color:var(--cy);margin:.12em 0 0 .06em;letter-spacing:0}
.pb p{margin:1rem 0 0;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:700;line-height:1.25;color:#fff}
.pb i{height:1.5rem;border-radius:0;background:rgba(255,255,255,.14);margin-top:1.6rem;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0,#000 calc(5% - 3px),transparent calc(5% - 3px),transparent 5%);mask-image:repeating-linear-gradient(90deg,#000 0,#000 calc(5% - 3px),transparent calc(5% - 3px),transparent 5%)}.pb u{background:var(--gold);border-radius:0}
@media(max-width:900px){.fb4{grid-template-columns:1fr 1fr;gap:1rem}.pb b{font-size:clamp(2.8rem,13vw,4rem)}.pb p{font-size:1rem}.hero{--it:17svh}.hl{width:min(62vw,16rem)}}

.nav{padding:calc(1.4rem + env(safe-area-inset-top,0px)) var(--g) 1.4rem}.nav .logo img{height:3.8rem}.nr{gap:2rem}.nr>a{font-size:1.15rem}.nav .mb{font-size:1.1rem;padding:1rem 1.8rem}
@media(min-width:901px){.hl{width:clamp(12rem,27vw,26rem)}}
.hero{padding-bottom:11svh}.sub{font-size:clamp(1.7rem,4.4vw,4.4rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-top:2rem}
.pn.in0{--hi:var(--bl)}.pn:nth-child(2){--hi:#f0a830}.pn:nth-child(3){--hi:#27b4f2}.pn:nth-child(4){--hi:#7aa5ff}
.pn h3{color:var(--hi,#fff)}.pn p strong{font-weight:800;color:var(--hi)}.pn mark{background:var(--gold);color:#06193f;font-weight:800;padding:.02em .35em;border-radius:.25em}
.pn.in0 h2,.pn.in0 p{margin-left:0;text-align:left}.pn.in0 h2{white-space:nowrap}
.pb{background:var(--cb,var(--navy));color:var(--ct,#fff)}.pb b{color:var(--cn,var(--gold))}.pb b small{color:var(--cs,var(--cy))}.pb p{color:var(--ct,#fff)}.pb u{background:var(--cf,var(--gold))}.pb i{background:var(--ctr,rgba(255,255,255,.14))}
.pb:nth-child(2){--cb:#0b2a63;--cn:#27b4f2;--cs:#f0a830;--cf:#27b4f2}
.pb:nth-child(3){--cb:#e9f1f8;--cn:#06193f;--cs:#0a6cb5;--ct:#06193f;--cf:#06193f;--ctr:rgba(6,25,63,.16)}
.pb:nth-child(4){--cb:#27b4f2;--cn:#06193f;--cs:#fff;--ct:#06193f;--cf:#06193f;--ctr:rgba(6,25,63,.2)}
@media(min-width:901px){.team{display:grid;grid-template-columns:minmax(12rem,18rem) minmax(0,62rem);justify-content:space-between;gap:1.5rem 3vw;align-items:center}.team h2{grid-column:1;align-self:end;width:min-content;font-size:clamp(2.6rem,6vw,6.4rem)}.team p{grid-column:1;align-self:start;margin-top:0}.tm{grid-column:2;grid-row:1/3;margin:0;max-width:none}}
.cta .ring{left:auto;right:-14vw;top:50%;width:min(70vw,56rem);margin-top:calc(min(70vw,56rem)/-2);opacity:.5}
.imp{background:radial-gradient(55% 45% at 88% 18%,rgba(39,180,242,.28),transparent 70%),radial-gradient(45% 40% at 8% 88%,rgba(240,168,48,.18),transparent 70%),var(--navy)}
.imp>*{position:relative;z-index:1}.imp>.bgd{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bgd svg{position:absolute;fill:none;stroke-linecap:round}.bgd .r1{right:-22vw;top:-14rem;width:min(78vw,64rem);stroke:var(--cy);stroke-width:1.2;opacity:.4;animation:bgspin 80s linear infinite}.bgd .r2{left:-18vw;bottom:-18rem;width:min(60vw,50rem);stroke:var(--gold);stroke-width:2.4;opacity:.35;animation:bgspin 60s linear infinite reverse}
@keyframes bgspin{to{transform:rotate(360deg)}}
.bgd .sk{position:absolute;height:.7rem;width:var(--w);border-radius:99px;background:linear-gradient(90deg,transparent,var(--c));opacity:.26;transform:rotate(-16deg);animation:drift var(--d) ease-in-out infinite alternate}@keyframes drift{to{translate:14vw 0}}
.bgd .sp{position:absolute;width:var(--s);aspect-ratio:1;background:var(--c);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:tw 3.6s ease-in-out infinite alternate}@keyframes tw{from{transform:scale(.6);opacity:.25}to{transform:scale(1.1) rotate(45deg);opacity:.85}}
.bgd .dt{position:absolute;width:.9rem;aspect-ratio:1;border-radius:50%;background:var(--gold);opacity:.55;animation:fl 6s ease-in-out infinite alternate}@keyframes fl{to{transform:translateY(-1.6rem)}}
@media(min-width:1101px){.fg{grid-template-columns:auto 1.7fr 1.1fr auto;gap:3.5rem;align-items:start}.fl1{height:11rem;margin-bottom:0}.sup img{width:14rem}}
@media(max-width:1100px){.fg{grid-template-columns:1fr 1fr}}@media(max-width:700px){.fg{grid-template-columns:1fr}}
@media(max-width:900px){.nav .logo img{height:3rem}.nav .mb{padding:.85rem 1.4rem}.cta .ring{width:110vw;right:-30vw;margin-top:-55vw}.pn.in0 h2{font-size:clamp(2.2rem,10vw,3rem)}}

.mo .cur{background:var(--navy);color:#fff}
.menu a:hover,.menu>a:focus-visible{color:#0a5bc4}
.soc2 a,.menu .msoc a{width:3.4rem;height:3.4rem;padding:0;border-radius:50%;display:grid;place-items:center}.soc2 svg,.menu .msoc svg{width:1.55rem;height:1.55rem}
.menu .msoc a:hover{padding:0;background:var(--navy);color:var(--gold)}
.pb i{-webkit-mask-image:none;mask-image:none;border-radius:99px;height:1.4rem}.pb u{border-radius:99px}.pn mark{border-radius:.4em}
@media(min-width:901px){.team{grid-template-columns:auto minmax(0,62rem)}.team h2{width:auto;white-space:nowrap}}
@media(min-width:1201px){.team p{white-space:nowrap}}

.mqw{position:relative;z-index:3;overflow-x:clip}
.vals{padding:0}.pn.in0{align-items:flex-start}.pl .ph{display:block}
.wd i span{opacity:0;transition:opacity .45s}.wd i span.on{opacity:1}
@media(prefers-reduced-motion:reduce){.wd i span:first-child{opacity:1}}
.qt{min-height:4.4em}
@media(min-width:901px){.ht h1{font-size:min(clamp(3.2rem,11.2vw,12rem),21svh)}.hl{width:min(clamp(12rem,27vw,26rem),44svh)}}
@media(min-width:901px) and (max-height:780px){.sub{font-size:clamp(1.4rem,3vw,2.8rem);margin-top:1.2rem}.hero{padding-bottom:7svh}}
@media(max-width:900px){.tr{scroll-padding:0 var(--g)}.stt.lg b{font-size:clamp(2rem,9vw,3rem)}.qi{margin-bottom:2.5rem}.qi .o2{left:2%;bottom:-6%;width:34%}.cta{min-height:auto;padding-block:6rem}}
@media(max-width:700px){.tm{overflow-x:auto;margin:2.5rem calc(var(--g)*-1) 0;padding:0 var(--g);-webkit-overflow-scrolling:touch}.tm img{width:640px;max-width:none}.tm::after{content:"Swipe to meet everyone";display:block;position:sticky;left:0;font-size:.9rem;font-weight:700;margin-top:.8rem}}

.hi .ph.hx{position:absolute;inset:0;opacity:0;transition:opacity .9s,transform 1s cubic-bezier(.2,.7,.1,1)}.hi .ph.hx.on{opacity:calc(.5 + var(--p)*.12)}
@media(max-width:900px){.hw{height:210svh}.hi .ph{transform:none}.hl{display:none}.nav .logo{visibility:visible;opacity:1}.nav .logo img{height:3.4rem}}
@media(max-width:900px){.hi::after{background:linear-gradient(to top,rgba(6,25,63,.96) 8%,rgba(6,25,63,.6) 42%,transparent 78%)}}.cta .st{opacity:.2}.cta .ring{opacity:.22}.cta .ct{z-index:3}


/* =====================================================================
   WORDPRESS-ONLY ADDITIONS
   Everything above this line is the approved homepage CSS, unchanged.
   Everything below is needed only because the design now lives in WordPress:
   skip link (replaces inline JS handlers), admin bar offsets, WP core
   helper classes, and the inner pages (pages, posts, archives, 404).
   None of it affects the homepage.
   ===================================================================== */
.skip-link{position:fixed;left:-99rem;z-index:99}
.skip-link:focus{left:1rem}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:var(--gold);color:var(--navy);clip:auto;clip-path:none;display:block;font:700 1rem var(--b);height:auto;left:1rem;padding:.8rem 1.4rem;top:1rem;width:auto;z-index:100000;border-radius:99px}

/* logged-in admin bar */
.admin-bar .nav{top:32px}
.admin-bar #mc{top:calc(32px + 1rem + env(safe-area-inset-top,0px))}
@media(max-width:782px){.admin-bar .nav{top:46px}.admin-bar #mc{top:calc(46px + 1rem + env(safe-area-inset-top,0px))}}
@media(max-width:600px){.admin-bar .nav{top:0}}

/* inner pages: same palette, type and nav as the homepage */
.s4s-hd{background:var(--navy);color:var(--ice);padding:clamp(8.5rem,14vw,12rem) var(--g) clamp(5rem,9vw,8rem)}
.s4s-hd h1{font-size:clamp(2.4rem,6.4vw,6rem);line-height:.98;max-width:20ch;overflow-wrap:anywhere}
.s4s-hd .eb{margin-bottom:1.4rem}
.s4s-hd--slim{padding:0;height:calc(7.5rem + env(safe-area-inset-top,0px))}
.s4s-bd{position:relative;background:var(--paper);color:var(--ink);border-radius:2.5rem 2.5rem 0 0;margin-top:-2.5rem;padding:clamp(3.5rem,8vw,7rem) var(--g) clamp(5rem,10vw,9rem);min-height:40vh}
.s4s-bd--builder{padding:0;background:#fff;color:#333;border-radius:0;margin-top:0;min-height:0}
.s4s-entry{max-width:46rem;margin-inline:auto;font-size:1.125rem;line-height:1.7}
.s4s-entry>*+*{margin-top:1.3em}
.s4s-entry h2,.s4s-entry h3,.s4s-entry h4{line-height:1.08;margin-top:2em}
.s4s-entry h2{font-size:clamp(1.8rem,3.4vw,2.8rem)}
.s4s-entry h3{font-size:clamp(1.4rem,2.4vw,2rem)}
.s4s-entry h4{font:800 1.2rem var(--f)}
.s4s-entry a{color:var(--bl);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}
.s4s-entry a:hover{color:var(--navy)}
.s4s-entry ul,.s4s-entry ol{padding-left:1.4em}
.s4s-entry li+li{margin-top:.4em}
.s4s-entry img,.s4s-entry video,.s4s-entry iframe{max-width:100%;height:auto;border-radius:1rem}
.s4s-entry figure{max-width:100%}
.s4s-entry figcaption,.wp-caption-text{font-size:.9rem;opacity:.75;margin-top:.6rem}
.s4s-entry blockquote{border-left:5px solid var(--gold);padding-left:1.2rem;font-weight:700;font-size:1.3rem;line-height:1.4}
.s4s-entry table{width:100%;border-collapse:collapse}
.s4s-entry th,.s4s-entry td{border-bottom:1px solid rgba(6,25,63,.2);padding:.6rem .8rem;text-align:left}
.s4s-entry hr{border:0;border-top:2px solid rgba(6,25,63,.15)}
.s4s-entry>.alignwide,.s4s-entry>.alignfull{max-width:none}
.s4s-feat{max-width:62rem;margin:0 auto 3rem}
.s4s-feat img{display:block;width:100%;height:auto;border-radius:1.25rem}
.alignleft{float:left;margin:.4em 1.5em 1em 0}
.alignright{float:right;margin:.4em 0 1em 1.5em}
.aligncenter{display:block;margin-inline:auto}
.wp-caption{max-width:100%}
.s4s-entry::after{content:"";display:table;clear:both}
.s4s-meta{font:700 1rem var(--b);color:var(--gold)}

/* posts / archives / search */
.s4s-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:3rem 2rem;max-width:80rem;margin-inline:auto}
.s4s-card{display:block}
.s4s-card .im{aspect-ratio:4/3;background:var(--navy)}
.s4s-card h2{font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.04;margin-top:1.1rem;overflow-wrap:anywhere}
.s4s-card small{font-weight:700;color:var(--bl);display:block;margin-top:1.1rem}
.s4s-card p{margin-top:.7rem;font-size:1rem}
.s4s-card:hover .ph{transform:scale(1.05)}
.s4s-card:hover h2{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.2em}
.s4s-pager{max-width:80rem;margin:4rem auto 0}
.s4s-pager .nav-links{display:flex;flex-wrap:wrap;gap:.6rem}
.s4s-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;padding:0 1.1rem;border-radius:99px;background:var(--navy);color:#fff;font:700 .95rem var(--b)}
.s4s-pager a.page-numbers:hover{background:var(--n2)}
.s4s-pager .page-numbers.current{background:var(--gold);color:var(--navy)}
.s4s-pager .page-numbers.dots{background:none;color:var(--ink)}
.s4s-search{display:flex;gap:.6rem;flex-wrap:wrap;max-width:36rem;margin-bottom:3rem}
.s4s-search input[type=search]{flex:1 1 14rem;min-width:0;border:2px solid var(--navy);background:#fff;color:var(--navy);border-radius:99px;padding:.8rem 1.3rem;font:500 1rem var(--b)}
.s4s-search button{border:0}
.s4s-empty{max-width:46rem;margin-inline:auto;font-size:1.2rem}
.s4s-empty .bn{margin-top:2rem}
.post-navigation{max-width:46rem;margin:4rem auto 0}
.post-navigation .nav-links{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;font:700 1.05rem var(--b)}
.post-navigation a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.post-navigation a:hover{color:var(--bl)}