/* Pride of Sport 2027 — extracted from inline <style>. */
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

:root{--bg:#1e1e1e;--bg2:#2a2a2a;--lime:#b8ff00;--ink:#fff;--dark:#1e1e1e;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;margin:0}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{background:var(--bg);color:var(--ink);font:300 clamp(15px,1.3vw,19px)/1.55 Poppins,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,.big{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:.005em}
.big{font-size:clamp(46px,10vw,150px)}
.lime{color:var(--lime)}.out{color:transparent;-webkit-text-stroke:2px #fff}
.light .out{-webkit-text-stroke-color:var(--dark)}
section{position:relative;min-height:100vh;padding:12vh 7vw;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
section.light{background:var(--lime);color:var(--dark)}
section.white{background:#fff;color:var(--dark)}
p{max-width:34em;margin-top:1.1em}
p b,.hl{font-weight:600}
.tag{font-family:Anton,sans-serif;font-size:clamp(18px,1.8vw,26px);text-transform:uppercase;line-height:1.1;margin-top:1.4em;max-width:26em}
.arch{position:absolute;left:0;bottom:0;width:clamp(110px,15vw,230px);height:clamp(220px,30vw,460px);z-index:0}
.light .arch rect{stroke:var(--dark)}
.ghost{position:absolute;right:-6vw;top:-5vh;font:400 60vw/1 Anton;color:rgba(255,255,255,.03);pointer-events:none}
section>*{position:relative;z-index:1}
#bar{position:fixed;top:0;left:0;height:4px;width:0;background:var(--lime);z-index:50}
nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;z-index:40;mix-blend-mode:difference}
nav b{font:400 22px Anton;letter-spacing:.04em;color:#fff}
nav a{font:600 12px Poppins;text-transform:uppercase;letter-spacing:.12em;border:2px solid #fff;color:#fff;padding:9px 16px;border-radius:40px;text-decoration:none}
.badge{position:absolute;right:5vw;bottom:5vh;font:600 12px Poppins;border:1.5px solid currentColor;padding:12px 14px;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);text-align:center;line-height:1.2;opacity:.9}
.badge i{display:block;font:italic 300 9px Poppins}
/* reveal */
.r{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.r.in{opacity:1;transform:none}
.r.d1{transition-delay:.12s}.r.d2{transition-delay:.24s}.r.d3{transition-delay:.36s}
.slide{display:block;overflow:hidden}.slide>span{display:inline-block;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.in .slide>span,.slide.in>span{transform:none}
/* hero */
#hero{align-items:center;text-align:center}
#hero .t1{font:300 clamp(48px,11vw,160px)/1 Poppins;text-transform:uppercase;color:var(--lime)}
#hero .t2{font:400 clamp(90px,22vw,330px)/.85 Anton;color:var(--lime);display:flex;justify-content:center;align-items:flex-end;gap:2vw}
#hero .t2 small{font:300 clamp(22px,4vw,56px)/1 Poppins;color:#fff;width:1.3em;text-align:left}
.ring{width:.55em;height:.8em;border:.06em solid #fff;border-radius:50%;box-shadow:0 0 0 .05em var(--bg),0 0 0 .1em #fff,0 0 0 .15em var(--bg),0 0 0 .2em #fff;margin:0 .1em .02em;display:inline-block;animation:pulse 3s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.07)}}
.scrollcue{position:absolute;bottom:4vh;left:50%;font:600 11px Poppins;letter-spacing:.2em;text-transform:uppercase;animation:cue 2s infinite}
@keyframes cue{50%{transform:translate(-50%,10px)}}
/* photo placeholders */
.ph{background:linear-gradient(135deg,#3a3a3a,#161616);border-radius:240px 240px 0 0;display:flex;align-items:flex-end;justify-content:center;color:#888;font:400 11px Poppins;padding:14px;text-align:center;min-height:280px;filter:grayscale(1)}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center}
.stats{display:flex;gap:5vw;flex-wrap:wrap;margin-top:2em}
.stats div{font:400 clamp(44px,7vw,100px)/1 Anton;color:var(--lime)}
.stats span{display:block;font:300 13px Poppins;color:#fff;text-transform:uppercase;letter-spacing:.1em}
ul.l{list-style:none;padding:0;margin-top:1.4em}
ul.l li{padding:.55em 0 .55em 1.6em;position:relative;font-weight:600;border-bottom:1px solid rgba(128,128,128,.25)}
ul.l li:before{content:"";position:absolute;left:0;top:1em;width:.7em;height:.7em;border:2px solid var(--lime)}
.light ul.l li:before,.white ul.l li:before{border-color:var(--dark)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4vw;margin-top:3em}
.cols h3{color:var(--lime);font-size:26px;border-bottom:1px solid var(--lime);padding-bottom:10px;margin-bottom:10px}
/* pinned horizontal legends */
.pin{height:420vh;padding:0;display:block;overflow:visible}
.pin .stick{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:8vh}
.pin h2{padding:0 7vw;font-size:clamp(46px,9vw,130px)}
.track{display:flex;gap:2.5vw;padding:4vh 7vw 0;will-change:transform}
.card{flex:0 0 clamp(220px,24vw,330px);border-top:3px solid var(--lime);padding-top:14px}
.card h3{color:var(--lime);font-size:30px;margin-bottom:8px}
.card p{font-size:14px;margin-top:0}
/* tributes */
.trib{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5vw;margin-top:3em}
.trib article{background:var(--bg2);padding:22px;border-radius:0 0 18px 18px;border-top:4px solid var(--lime)}
.trib h3{font-size:clamp(34px,4vw,54px);color:var(--lime)}
.trib em{font:italic 600 13px Poppins;display:block;margin:6px 0 14px}
.trib h4{font:italic 600 13px Poppins;text-transform:uppercase;color:var(--lime)}
.trib p{font-size:14px;margin-top:4px}
/* marquee */
.mq{overflow:hidden;white-space:nowrap;padding:4vh 0;background:var(--lime);color:var(--dark)}
.mq div{display:inline-block;font:400 clamp(40px,7vw,100px) Anton;text-transform:uppercase;will-change:transform}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:2em}
.chips span{font:600 14px Poppins;border:2px solid currentColor;padding:8px 18px;border-radius:40px;transition:.3s}
.chips span:hover{background:var(--dark);color:var(--lime)}
.steps{counter-reset:s;margin-top:2em;display:grid;gap:0}
.steps div{counter-increment:s;font:400 clamp(24px,3.4vw,46px) Anton;text-transform:uppercase;padding:.35em 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;gap:.8em;transition:.4s}
.steps div:before{content:counter(s,decimal-leading-zero);color:var(--lime)}
.steps div:hover{padding-left:.6em;color:var(--lime)}
footer{text-align:center;align-items:center}
.cta{display:inline-block;margin-top:2em;background:var(--dark);color:var(--lime);font:400 22px Anton;text-transform:uppercase;padding:16px 36px;text-decoration:none;border-radius:50px;transition:.3s}
.cta:hover{transform:scale(1.06)}
@media(max-width:800px){.split{grid-template-columns:1fr}.ph{min-height:220px}.badge{display:none}}
@media(prefers-reduced-motion:reduce){.r,.slide>span{transition:none;opacity:1;transform:none}.ring,.scrollcue{animation:none}}

:root{--logo:url(img/logo.webp);--pat:url(img/pattern.webp);--reach:url(img/reach-mark.webp)}
section{padding:12vh 2.5vw}.pin h2{padding:0 2.5vw}.track{padding:4vh 2.5vw 0}
.big{font-size:clamp(60px,15vw,300px);line-height:1.06;text-shadow:0 0 .1em rgba(30,30,30,.8)}
.light .big,.white .big{text-shadow:none}
.logo{background:var(--logo) center/contain no-repeat;aspect-ratio:2273/1007}
.logo.sm{height:38px}
#hero .logo{width:min(96vw,150vh);margin:6vh auto 0;animation:pop 1.3s cubic-bezier(.2,.8,.2,1) both}
@keyframes pop{from{opacity:0;transform:translateY(70px) scale(.94)}}
nav{mix-blend-mode:normal;background:rgba(30,30,30,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.fur{position:absolute;z-index:0;width:min(44vw,520px);aspect-ratio:2061/3310;background:var(--pat) center/contain no-repeat;pointer-events:none;opacity:.92}
.f1{left:-10vw;bottom:-16vh}.f2{right:-9vw;top:-12vh;}.f3{right:3vw;bottom:-24vh;width:min(34vw,400px)}.f4{left:34vw;top:-30vh;width:min(38vw,440px)}
.light .fur{filter:brightness(0)}.white .fur{opacity:.9}
#film{padding:0;min-height:0;display:block;overflow:visible;z-index:3;background:#000}
#film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transform-origin:center;will-change:transform}
#film .fur{z-index:6}
#snd{position:absolute;left:2.5vw;bottom:3vh;z-index:7;font:600 12px Poppins;letter-spacing:.12em;text-transform:uppercase;background:var(--lime);color:var(--dark);border:0;border-radius:40px;padding:10px 18px;cursor:pointer}
.split{display:block}.split>*+*{margin-top:3vh;position:relative;z-index:2}
.split>.ph:first-child{width:56vw;min-height:46vh}.split>.ph:first-child+*{margin-top:-7vw}
.split>.ph:not(:first-child){width:54vw;margin:4vh 0 0 auto;min-height:44vh}
ul.l{max-width:48em}
.trib article:nth-child(even){margin-top:6vw}.trib h3{position:relative;margin-top:-.5em!important}
.card h3{position:relative;margin-top:-.5em}
.reach{position:fixed;right:max(2vw,env(safe-area-inset-right,0px));bottom:calc(2vh + env(safe-area-inset-bottom,0px));width:clamp(64px,6vw,96px);aspect-ratio:1;background:var(--reach) center/contain no-repeat;z-index:45;transition:filter .3s}
.reach.dk{filter:brightness(0)}

#film{height:100vh;height:100svh;min-height:520px;padding:0;display:block;overflow:hidden;background:#000;z-index:1}
#film video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
#film:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.25) 50%,rgba(0,0,0,.55))}
#film .logo{position:absolute;z-index:3;left:50%;top:50%;width:min(max(38vw,250px),62vh);translate:-50% -50%;animation:pop 1.3s cubic-bezier(.2,.8,.2,1) both}
#film .scrollcue{z-index:3}
nav .logo{opacity:0;transition:opacity .4s}nav.on .logo{opacity:1}
.split>.ph.ath:first-child{width:auto;min-height:0;background:none;border-radius:0;filter:none;padding:0;display:block;margin-left:2vw}
.ath img{display:block;height:min(78vh,720px);width:auto}
#era p{margin-left:auto;margin-right:0}
.tick{background:#1e1e1e;border-block:1px solid rgba(255,255,255,.12);padding:3vh 0;overflow:hidden}
#tk{display:flex;width:max-content;will-change:transform}
#tk img{display:block;width:135vw;height:auto;flex:none}
.formsec{align-items:flex-start}
.pf{width:min(820px,100%);margin-top:5vh;display:grid;gap:22px}
.pf .row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pf label{font:400 17px Anton,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--lime);display:grid;gap:8px}
.pf input:not([type=checkbox]){font:300 17px Poppins,sans-serif;color:#fff;background:transparent;border:2px solid #fff;padding:16px 18px;border-radius:0;outline:0;transition:border-color .2s,background .2s;width:100%}
.pf input:focus{border-color:var(--lime);background:rgba(184,255,0,.06)}
.pf .chk{display:flex;gap:12px;align-items:flex-start;font:300 14px/1.5 Poppins,sans-serif;text-transform:none;letter-spacing:0;color:#fff}
.pf .chk input{accent-color:var(--lime);width:20px;height:20px;margin-top:2px}
.formsec .cta{justify-self:start;background:var(--lime);color:var(--dark);border:0;cursor:pointer;margin-top:0}
.foot{background:#000;min-height:0;padding:14vh 2.5vw 12vh;text-align:center;align-items:center;gap:6vh}
.fam{max-width:none;margin:0;font:300 clamp(30px,6vw,96px)/1.1 Poppins,sans-serif;color:#fff}
.fam b{font-weight:600;text-transform:uppercase}
.foot img{width:min(1100px,92vw);height:auto;display:block}
.reach.hid{opacity:0}
@media(max-width:800px){.pf .row{grid-template-columns:1fr}}

#era{display:block;padding:10vh 2.5vw 12vh;min-height:0}
.stage{position:relative;width:100%;aspect-ratio:1700/1458;margin-bottom:6vh}
.ath-img{position:absolute;left:4%;bottom:0;height:97%;width:auto;z-index:2}
.lns{position:absolute;left:0;top:var(--top,7%);width:100%;z-index:auto}
.ln{display:block;position:relative;z-index:1;white-space:nowrap;font:400 var(--F,15vw)/var(--lh,1) Anton,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;color:var(--lime)}
.l1{margin-left:31%}.l2{margin-left:37%}.l3{margin-left:20%;z-index:3}
.l4{margin-left:38%;color:transparent;-webkit-text-stroke:max(2px,.014em) #fff}
.copy{margin-left:auto;max-width:34em}
.copy p:first-child{margin-top:0}
.foot{padding:5vw 2.5vw 4.5vw;gap:2.2vw}
.fam{font:300 clamp(13px,1.6vw,24px)/1.2 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.foot img{width:clamp(280px,47vw,820px)}
.foot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.fam{margin:0 0 clamp(20px,2.6vw,40px)}
.foot img{margin-inline:auto}
#era .copy{margin-left:4%;margin-right:auto;max-width:min(34em,40vw);text-align:left}
#era .copy p{margin-left:0;margin-right:auto;max-width:none;text-align:left}

.tick{background:#000;border:0;padding:5vw 0 3vw}
.tick .fam{text-align:center;margin:0 0 clamp(20px,2.6vw,40px)}
.tick .bimg{display:block;width:clamp(280px,47vw,820px);height:auto;margin:0 auto clamp(28px,4vw,64px)}
.formsec h2.big.one{align-self:stretch;width:100%}
.formsec .sub{max-width:36em;margin-top:1.2em;font:300 clamp(17px,1.6vw,24px)/1.5 Poppins,system-ui,sans-serif;text-transform:none;letter-spacing:0;color:#fff}
.formsec .pf{margin-top:4vh}
nav a{transition:background .25s,color .25s,border-color .25s}
nav a:hover,nav a:focus-visible{background:var(--lime);border-color:var(--lime);color:var(--dark)}
.scrollcue{left:0;right:0;text-align:center;padding-left:.2em;transform:none}
@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
#film:before{background:radial-gradient(ellipse 55% 45% at 50% 50%,rgba(0,0,0,.32),transparent 72%),linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.42))}
.sfoot{background:#000;padding:9vh 2.5vw 4vh}
.fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:4vw}
.fcol h4{font:400 18px Anton,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--lime);margin:0 0 16px}
.fcol p,.fcol li{font:300 14px/1.6 Poppins,sans-serif;color:#fff}
.fcol p{margin:0 0 .6em;max-width:30em}
.fcol ul{list-style:none;padding:0;margin:0}.fcol li{margin-bottom:.6em}
.fcol a,.fbar a{color:inherit;text-decoration:none;transition:color .2s}
.fcol a:hover,.fbar a:hover{color:var(--lime)}
.rl{width:76px;aspect-ratio:1;background:var(--reach) center/contain no-repeat;margin-bottom:18px}
.fbar{margin-top:7vh;padding-top:2.5vh;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-wrap:wrap;gap:.8em;font:300 13px Poppins,sans-serif;color:rgba(255,255,255,.8)}
@media(max-width:800px){.fgrid{grid-template-columns:1fr 1fr}.fgrid .fcol:first-child{grid-column:1/-1}}
.sfoot,.sfoot .fcol,.sfoot .fcol p{text-align:left}
#film .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.sfoot{padding:4vh 2.5vw}.sfoot .fbar{margin:0;padding:0;border:0}
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,4.4vw,74px);margin-top:clamp(36px,5vw,80px)}
.pcard{position:relative;overflow:hidden;background:var(--lime);color:var(--dark);border-radius:26px 26px 0 0;text-align:center;padding:clamp(22px,2.4vw,40px) clamp(18px,1.9vw,32px) clamp(110px,11vw,190px)}
.pcard:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(rgba(30,30,30,0),#1e1e1e);pointer-events:none}
.pcard h3{text-transform:none;font-size:clamp(26px,2.9vw,50px);line-height:1;margin:0 0 .65em;color:var(--dark)}
.pcard p{margin:0;max-width:none;text-align:center;font:300 clamp(14px,1.35vw,21px)/1.4 Poppins,system-ui,sans-serif;color:var(--dark)}
.bx{transform:translateX(-80px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.bx.in{transform:none}
.bx:nth-child(2){transition-delay:.45s}.bx:nth-child(3){transition-delay:.9s}
@media(max-width:800px){.pcards{grid-template-columns:1fr}.bx:nth-child(n){transition-delay:0s}}
.pcard:after{height:clamp(110px,10vw,170px);background:linear-gradient(rgba(30,30,30,0),rgba(30,30,30,.78) 55%,#1e1e1e 92%)}
.pcard{padding-bottom:clamp(150px,14vw,240px)}
#era{padding-bottom:2vh}
.pframe{width:min(820px,100%);margin-top:4vh;background:var(--lime);border-radius:26px;padding:4px;overflow:hidden}
.pframe iframe{display:block;width:100%;height:640px;background:transparent;border-radius:22px}
.formsec .alt{font:300 14px Poppins,sans-serif;margin-top:14px;color:rgba(255,255,255,.75)}
.formsec .alt a{color:var(--lime)}
@media(max-width:800px){.pframe iframe{height:780px}}
#thanks{width:100%;margin-top:3vh}
#thanks h2{width:100%}
#tk img{width:102vw}
.pcards{max-width:min(1180px,92%);margin-inline:auto;margin-bottom:clamp(36px,5vw,80px)}
.pcard{border-radius:24px;padding:clamp(18px,1.9vw,30px) clamp(16px,1.6vw,26px) clamp(24px,2.4vw,40px)}
.pcard:after{display:none}
.pcard h3{font-size:clamp(24px,2.4vw,40px)}
.pcard p{font-size:clamp(13px,1.15vw,18px)}
.sfoot{padding:7vh 2.5vw 4vh;text-align:left}
.sfoot .rl{width:76px;aspect-ratio:1;background:var(--reach) center/contain no-repeat;margin-bottom:18px}
.sfoot .fbio{font:300 14px/1.6 Poppins,sans-serif;color:#fff;max-width:30em;margin:0 0 6vh;text-align:left}
.sfoot .fbar{margin-top:0;padding-top:2.5vh;border-top:1px solid rgba(255,255,255,.2)}
.cwrap{position:relative;overflow:hidden;margin-inline:-2.5vw;padding:3vw 2.5vw 0}
.cwrap>.copy,.cwrap>.pcards{position:relative;z-index:2}
#era .runner{position:absolute;z-index:1;left:50.5vw;top:.4vw;width:73vw;max-width:none;height:auto;pointer-events:none;transform:translateX(70vw);opacity:0;transition:transform 1.5s cubic-bezier(.2,.75,.2,1),opacity 1s ease}
#era .cwrap.in .runner{transform:none;opacity:1}
@media(max-width:800px){#era .runner{left:30vw;width:100vw}#era .cwrap.in .runner{opacity:.4}}
@media(prefers-reduced-motion:reduce){#era .runner{transition:none}}
.pcard .pic{display:block;width:clamp(19px,1.9vw,32px);height:auto;margin:0 auto .5em}
.formsec .tw{position:absolute;z-index:1;right:-1vw;top:50%;width:clamp(300px,44vw,720px);perspective:1400px;pointer-events:none;translate:0 -50%}
.formsec .t3d{display:none;width:100%;aspect-ratio:.7;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}.tw.is3d .t3d{display:block}.tw.is3d .trophy{display:none}
.trophy{display:block;width:100%;height:auto;transform-origin:50% 55%;will-change:transform;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));backface-visibility:visible}
.formsec .pframe,.formsec .alt{width:min(820px,58vw)}
@media(max-width:1000px){.formsec .tw{position:relative;right:auto;top:auto;translate:none;width:min(80vw,460px);margin:6vh auto 0;order:9}.formsec .pframe,.formsec .alt{width:100%}}