@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.ttf) format('truetype')}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0f0f10;color:#f2f2f2;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{max-width:100%;display:block}
.D{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em}.r{color:#4a74e0}
nav.top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 48px;z-index:5;background:linear-gradient(#0f0f10e6,#0f0f1000)}
.logo{font-size:30px}.logo i{font-style:normal;font-weight:300;opacity:.85}
.links{display:flex;gap:26px;font-size:17px;letter-spacing:.06em}.links a:hover{color:#4a74e0}
.right{display:flex;align-items:center;gap:18px}.langw{position:relative}
.lang{border:1px solid #2251c9;font-size:14px;padding:7px 12px;letter-spacing:.1em}.lang:hover{background:#2251c9}
#langmenu{position:absolute;right:0;top:110%;background:#0f0f10;border:1px solid #2251c9;list-style:none;min-width:150px}#langmenu button{display:block;width:100%;text-align:left;padding:9px 14px;font-size:16px;letter-spacing:.05em}#langmenu button:hover,#langmenu button.on{background:#2251c9}
.burger{display:none;width:30px;height:18px;position:relative}.burger span,.burger:before,.burger:after{content:"";position:absolute;left:0;right:0;border-top:2px solid #fff}.burger:before{top:0}.burger span{top:8px}.burger:after{bottom:0}
.hero{height:100vh;min-height:640px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#1c2747,#0f0f10 65%)}
.hero .ph{position:absolute;right:2%;bottom:0;height:88%;max-width:68%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 0 40px rgba(34,81,201,.35))}
.hero h1{position:absolute;left:48px;bottom:16%;font-size:min(21vh,190px);line-height:.82;z-index:2}.hero h1 .o{-webkit-text-stroke:3px #2251c9;color:transparent}
.hero .tag{position:absolute;left:52px;bottom:10%;font-size:20px;letter-spacing:.15em;color:#c79a6b;z-index:2}
.hero .ctl{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:13px;color:#888;letter-spacing:.2em}
.brown{position:absolute;left:48px;bottom:calc(16% - 18px);width:120px;height:4px;background:#8a5a3b;z-index:2}
.ticker{background:#2251c9;white-space:nowrap;overflow:hidden;font-size:42px;padding:10px 0}.tk{display:flex;width:max-content;animation:tk 40s linear infinite;will-change:transform}.tkh{display:flex;align-items:center;flex:none}.tkh .ti{padding:0 .45em}@keyframes tk{to{transform:translateX(-50%)}}
section{padding:110px 48px;position:relative;scroll-margin-top:60px}section.alt{background:#111}
.big{font-size:150px;line-height:.85;color:#1b1d24;position:absolute;top:30px;left:40px;pointer-events:none;white-space:nowrap;overflow:hidden;max-width:calc(100% - 40px)}
.h2{font-size:64px;position:relative;margin-bottom:12px;line-height:1}.sub{color:#949494;font-size:18px;margin-bottom:40px;position:relative}
.bio{position:relative;max-width:900px;font-size:21px;color:#d6d6d6;margin:10px 0 48px}
.facts{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #8a5a3b;border-bottom:1px solid #8a5a3b;position:relative}.facts div{padding:22px 18px;border-right:1px solid #8a5a3b}.facts div:last-child{border-right:0}.facts small{color:#c79a6b;letter-spacing:.15em;font-size:13px}.facts p{font-size:24px;margin-top:6px;line-height:1.1}
.tl{display:grid;grid-template-columns:90px 260px 1fr;align-items:center;column-gap:24px;border-bottom:1px solid #8a5a3b;padding:22px 0;position:relative}
.crest{width:72px;height:72px;display:flex;align-items:center;justify-content:center}.crest img{max-height:72px;object-fit:contain}.crest b{width:64px;height:64px;border:2px solid #8a5a3b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed';color:#c79a6b;font-size:20px}
.tl em{color:#c79a6b;font-style:normal;font-size:20px}.tl h3{font-family:'Barlow Condensed';font-size:40px;text-transform:uppercase;line-height:1}.tl p{color:#949494;grid-column:3}
.tl h3{grid-column:3;grid-row:1}.tl em{grid-column:2;grid-row:1/3}.crest{grid-row:1/3}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:2px;position:relative}.stat{background:#161616;border-top:3px solid #8a5a3b;padding:36px 28px}.stat b{font-size:96px;display:block;line-height:1}.stat span{color:#c79a6b;text-transform:uppercase;letter-spacing:.12em;font-size:15px}
.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;position:relative}.card .pitch{aspect-ratio:2/3;background:#14301f;border:1px solid #2a4a36;position:relative;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#ffffff22,#ffffff22),linear-gradient(#ffffff22,#ffffff22);background-size:100% 1px,40% 1px;background-position:center,center 12%;background-repeat:no-repeat}.card .pitch .n{font-family:'Barlow Condensed';font-size:34px;color:#ffffff40}.card img{aspect-ratio:2/3;object-fit:cover;width:100%}.card p{font-size:13px;color:#999;margin-top:6px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.gal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.feat{aspect-ratio:16/9;max-width:1100px;background:#1a1a1a;position:relative}.feat iframe,.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ft{font-size:30px;margin:14px 0 40px}
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.thumb{aspect-ratio:16/9;width:100%;position:relative;background:#1c1c1c;display:block;margin-bottom:10px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;opacity:.8}.thumb span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#2251c9;display:flex;align-items:center;justify-content:center;font-size:20px}.thumb:hover img{opacity:1}
.vid h4{font-size:19px;line-height:1.25}.vid small{color:#949494}.chan{margin-top:40px}.chan a{border:1px solid #2251c9;padding:14px 22px;display:inline-block;letter-spacing:.1em}.chan a:hover{background:#2251c9}
.contact{background:#2251c9}.eyebrow{letter-spacing:.2em;color:#0f0f10;margin-bottom:14px}.contact .h2{font-size:120px;line-height:.85}.lead{font-size:20px;margin-top:22px;max-width:700px}
.btns{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap}.btns a{background:#0f0f10;padding:18px 28px;font-size:18px;letter-spacing:.1em}.btns a:first-child{background:#8a5a3b}.btns a:hover{outline:2px solid #fff}
footer{padding:30px 48px;color:#777;font-size:13px;display:flex;justify-content:space-between;gap:12px}
#intro{position:fixed;inset:0;z-index:10;background:#0f0f10;overflow:hidden;display:flex;align-items:center;justify-content:center;animation:wipe .7s cubic-bezier(.7,0,.3,1) 2.75s forwards}
#intro .sweep{position:absolute;top:-20%;bottom:-20%;width:45%;left:-60%;background:linear-gradient(90deg,transparent,rgba(34,81,201,.25) 30%,#2251c9 50%,rgba(74,116,224,.25) 70%,transparent);transform:skewX(-18deg);filter:blur(6px);animation:sweep 1.1s ease-in-out forwards}
#intro .nine{position:absolute;font-size:96vh;line-height:1;color:transparent;-webkit-text-stroke:3px #8a5a3b;opacity:0;animation:fade9 1s ease-out .55s forwards}
#intro .pos{position:absolute;bottom:14vh;font-size:5vh;letter-spacing:1.1em;padding-left:1.1em;color:#c79a6b;opacity:0;animation:fadeS .8s ease-out 1.1s forwards}
#intro .nm{position:relative;text-align:center;line-height:.8;z-index:2}#intro .k,#intro .f{display:block;font-size:26vh;opacity:0}
#intro .k{animation:slam .38s cubic-bezier(.2,1.4,.4,1) .75s forwards}#intro .f{color:#4a74e0;animation:slam .38s cubic-bezier(.2,1.4,.4,1) 1.05s forwards}
#intro .bar{position:absolute;left:0;bottom:0;height:6px;background:#2251c9;width:0;animation:bar 2.75s linear forwards}
#skip{position:absolute;top:22px;right:26px;z-index:3;border:1px solid #2251c9;padding:8px 16px;font:700 14px 'Barlow Condensed',sans-serif;letter-spacing:.2em;text-transform:uppercase}#skip:hover{background:#2251c9}
body.intro{overflow:hidden}body.intro .hero h1,body.intro .hero .tag,body.intro .brown,body.intro .hero .ph,body.intro nav.top{opacity:0}
body.revealed .hero h1,body.revealed .hero .tag,body.revealed .brown{animation:rise .7s ease-out both}body.revealed .hero .tag{animation-delay:.12s}body.revealed .hero .ph{animation:photo 1s ease-out both}body.revealed nav.top{animation:rise .6s ease-out .2s both}
@keyframes sweep{to{left:115%}}@keyframes slam{0%{opacity:0;transform:scale(2.6);filter:blur(8px)}70%{opacity:1;transform:scale(.96);filter:blur(0)}100%{opacity:1;transform:scale(1)}}
@keyframes fade9{0%{opacity:0;transform:scale(1.15)}100%{opacity:.35;transform:scale(1)}}@keyframes fadeS{to{opacity:1}}@keyframes bar{to{width:100%}}
@keyframes wipe{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:none}}@keyframes photo{0%{opacity:0;transform:translateX(60px) scale(1.04)}100%{opacity:1;transform:none}}
@media(max-width:1100px){.links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0f0f10;padding:16px 20px;gap:14px;border-bottom:2px solid #2251c9}.links.open{display:flex}.burger{display:block}.facts{grid-template-columns:repeat(4,1fr)}.facts div{border-bottom:1px solid #8a5a3b}.grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){nav.top{padding:14px 20px}.logo{font-size:24px}.hero{height:auto;min-height:760px}.hero h1{font-size:96px;left:20px;bottom:110px}.hero .tag{left:22px;bottom:70px;font-size:14px;right:16px}.brown{left:20px;bottom:96px}.hero .ph{max-width:100%;height:60%;top:80px;bottom:auto;right:0}
#intro .k,#intro .f{font-size:22vw}#intro .nine{font-size:70vh}#intro .pos{font-size:4vw}
.ticker{font-size:26px}section{padding:80px 20px}.big{font-size:72px;left:16px}.h2{font-size:44px}.bio{font-size:18px}.facts{grid-template-columns:repeat(2,1fr)}.facts div:nth-child(2n){border-right:0}.facts p{font-size:20px}
.tl{grid-template-columns:56px 1fr;column-gap:16px}.crest{width:52px;height:52px}.crest img{max-height:52px}.crest b{width:48px;height:48px;font-size:15px}.tl em{grid-column:2;grid-row:1;font-size:16px}.tl h3{grid-column:2;grid-row:2;font-size:28px}.tl p{grid-column:2}.crest{grid-row:1/4}
.stats{grid-template-columns:1fr 1fr}.stat b{font-size:64px}.grid{grid-template-columns:repeat(2,1fr)}.gal{grid-template-columns:1fr 1fr}.vids{grid-template-columns:1fr}.ft{font-size:22px}.contact .h2{font-size:64px}footer{flex-direction:column;padding:24px 20px}}
@media(prefers-reduced-motion:reduce){#intro{display:none}.tk{animation:none}html{scroll-behavior:auto}body.revealed *{animation:none!important}}
.dd{position:relative}.ddm{display:none;position:absolute;top:100%;left:-10px;background:#0f0f10;border:1px solid #2251c9;padding:8px 12px;flex-direction:column;gap:6px;white-space:nowrap;font-size:14px}.dd:hover .ddm{display:flex}
.bests,.mts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;margin-bottom:28px}.mts{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));margin-bottom:20px}
.mt{background:#16181f;border-left:3px solid #8a5a3b;padding:14px 16px}.bests .mt{background:#2251c9;border-left-color:#8a5a3b}.mt b{display:block;font-size:40px;line-height:1;color:#fff}.bests .mt b{font-size:56px}.mt b i{font-style:normal;font-size:.45em;margin-left:3px;color:#9fb6f5}.mt small{display:block;color:#c99a72;font-size:14px}.bests .mt small{color:#e8c7a8}.mt span{display:block;color:#aaa;font-size:14px;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.bests .mt span{color:#e5ebfb}
.match{background:#121318;border:1px solid #23262f;padding:28px;margin-bottom:24px;position:relative}.mh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #8a5a3b;padding-bottom:10px;margin-bottom:18px}.mh h3{font-size:40px;color:#7ea0f0}.mh small{color:#888;letter-spacing:.15em;text-transform:uppercase}
.chs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.ch{background:#16181f;padding:12px}.ch figcaption{font-size:14px;color:#bbb;margin-bottom:6px}.ch svg{width:100%;height:auto}.ch polyline{fill:none;stroke:#4a74e0;stroke-width:2.5}.ch circle{fill:#c99a72}.ch text{fill:#ddd;font-size:10px;text-anchor:middle}.ch text.ax{fill:#777;font-size:9px}.ch .avg{stroke:#8a5a3b;stroke-dasharray:4 3}
.ts{margin:12px 0}.ts h4,.zone h4{color:#7ea0f0;text-transform:uppercase;letter-spacing:.08em;font-size:16px;margin-bottom:6px}.ts p{color:#ccc;font-size:15px}.ts b{color:#c99a72}
.zone{margin-top:16px}.zone h4 small{color:#888;text-transform:none;letter-spacing:0;font-weight:400}.zps{display:flex;gap:20px}.zp{width:160px}.zp svg{width:100%}.zp p{text-align:center;color:#c99a72;font-size:14px}.pf{fill:#14301f;stroke:#ffffff55}.pln{fill:none;stroke:#ffffff55}.pc{fill:#fff;font-size:18px;font-weight:700;text-anchor:middle}.pl{fill:#ffffffcc;font-size:8px;text-anchor:middle}.note{color:#aaa;font-size:15px;margin-top:10px;max-width:640px}
.shots{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.shot{width:220px}.shot figcaption{color:#aaa;font-size:13px}
@media(max-width:700px){.bests{grid-template-columns:1fr 1fr}.bests .mt b{font-size:38px}.mt b{font-size:30px}.match{padding:16px}.mh h3{font-size:30px}.mts{grid-template-columns:1fr 1fr}.zp{width:46%}}
@media(max-width:700px){.chs{grid-template-columns:1fr}}
.stats2{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-template-rows:180px 180px;gap:2px;position:relative;max-width:1100px}
.stats2 .stat.gtile{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,#1a3a8f 0%,#161616 70%);border-top-color:#5b8cff}
.stats2 .stat.gtile b{font-size:200px;color:#fff}.stats2 .stat.gtile span{font-size:20px;color:#9cc0ff}
.stats2 .stat b{font-size:72px}.stats2 .stat{padding:26px 24px;display:flex;flex-direction:column;justify-content:flex-end}.stats2 .stat.wide{grid-column:span 2}.stats2 .stat.gtile b{line-height:.85}
.rates{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;max-width:1100px;margin-top:2px}
.rates .stat{padding:24px 20px;border-top-color:#2f5fd0}.rates .stat b{font-size:48px}.rates .stat span{font-size:12px}
.snote{color:#888;font-size:13px;margin-top:14px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:800px){.stats2{grid-template-columns:1fr 1fr}.stats2{grid-template-rows:none;grid-auto-rows:auto}.stats2 .stat.gtile{grid-column:span 2;grid-row:auto}.stats2 .stat.wide{grid-column:span 2}.stats2 .stat.gtile b{font-size:120px}.stats2 .stat b{font-size:52px}.rates{grid-template-columns:1fr 1fr}.rates .stat:last-child{grid-column:span 2}.rates .stat b{font-size:40px}}

.hero .ph{left:auto;right:0;top:0;bottom:0;height:100%;width:62%;max-width:none;object-fit:cover;object-position:50% 25%;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
#intro .iph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;opacity:0;filter:grayscale(.3) brightness(.45);animation:fadeIph 1.2s ease-out .4s forwards}
@keyframes fadeIph{to{opacity:.55}}
.shot{width:200px}.shot img{width:100%;border-radius:8px;display:block}
@media(max-width:600px){.hero .ph{width:100%;height:62%;top:70px;bottom:auto;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}.shot{width:calc(50% - 8px)}}
.tk .tb{font-size:.5em;display:inline-block;line-height:1;vertical-align:middle;position:relative;top:-.12em}
/* v04: top bar backdrop */
nav.top{transition:background .25s,backdrop-filter .25s}
body.scrolled nav.top,.links.open{background:rgba(15,15,16,.86)}body.scrolled nav.top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 #2251c955}
#langmenu a{display:block;padding:9px 14px;font-size:16px;letter-spacing:.05em}#langmenu a:hover,#langmenu a.on{background:#2251c9}
/* reveals */
.js .rv{opacity:0;transform:translateY(56px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
/* back to top */
#totop{position:fixed;right:20px;bottom:20px;width:52px;height:52px;z-index:6;border-radius:50%;background:#0f0f10cc;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s,transform .3s;display:flex;align-items:center;justify-content:center}
#totop.show{opacity:1;transform:none;pointer-events:auto}#totop svg{position:absolute;inset:0;transform:rotate(-90deg)}#totop circle{fill:none;stroke-width:3}#totop .rt{stroke:#ffffff26}#totop .rp{stroke:#4a74e0;stroke-dasharray:131.95;stroke-dashoffset:131.95}#totop span{font-size:20px;line-height:1}#totop:hover .rp{stroke:#c79a6b}
/* letter loader */
#ldr{position:fixed;inset:0;z-index:20;background:#000;display:none;align-items:center;justify-content:center;flex-direction:column}
body.ldr #ldr{display:flex}#ldr.out{animation:ldrout .35s ease forwards}
#ldr .lw{font-size:min(26vw,220px);line-height:.85;letter-spacing:.02em;display:flex}#ldr .lw span{opacity:0;transform:translateY(.25em);animation:ltr .28s cubic-bezier(.2,.7,.2,1) forwards}
#ldr .lg{position:absolute;bottom:34px;font-size:18px;letter-spacing:.08em;opacity:.7}#ldr .lg i{font-style:normal;font-weight:300}
#ldr.q .lw{font-size:min(18vw,140px)}
body.ldr #intro,body.ldr #intro *{animation-play-state:paused!important}
@keyframes ltr{to{opacity:1;transform:none}}@keyframes ldrout{to{opacity:0;visibility:hidden}}
/* phone fixes */
@media(max-width:600px){nav.top{background:rgba(15,15,16,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{font-size:22px}.right{gap:14px;margin-left:16px}.lang{padding:6px 10px;font-size:13px}
.stat span,.mt span{font-size:12px;letter-spacing:.06em;line-height:1.3;display:block;text-wrap:balance;hyphens:auto}
.stats2 .stat,.rates .stat{padding:18px 16px}.stats2 .stat.gtile{min-height:0;padding-top:28px}.stats2 .stat.gtile b{font-size:104px}#totop{right:14px;bottom:14px;width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}#ldr{display:none!important}}