/* KRAKJAW / OVERDRIVE. Original extreme-sports direction, palette 01. */
:root{--ink:#10120f;--line:#303628;--paper:#f0efdf;--muted:#8b957b}
body{background:#10120f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.032' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-blend-mode:screen}
.announcement{height:26px;font-size:8px;letter-spacing:2px;background:#10120f;color:var(--lime);border-bottom:1px solid #34411e}.nav{position:sticky;top:0;padding:17px 4%;background:#10120ff5;backdrop-filter:blur(12px);border-bottom:2px solid var(--lime)}.wordmark{font-style:normal;font-size:39px;letter-spacing:-1.5px;gap:11px}.wordmark img{transform:none;width:40px;height:40px;border:0}.wordmark>span{display:none}.nav nav{font-size:10px;letter-spacing:1px}.nav .nav-play{background:var(--lime);border:0;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);font-size:11px;padding:15px 25px}
.hero{max-width:none;min-height:800px;min-height:min(900px,calc(100svh - 90px));padding:45px 5% 0;grid-template-columns:1fr 1fr;gap:0;isolation:isolate;overflow:hidden;position:relative;background:radial-gradient(ellipse at 78% 40%,#26341b85,transparent 55%)}
.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#10120f 8%,#10120feb 30%,#10120f40 80%),linear-gradient(0deg,#10120f,transparent 60%),url('/site/arena.webp') center 40%/cover;filter:grayscale(1);opacity:.5}.hero:after{content:'';position:absolute;bottom:45px;left:-10%;right:-10%;height:2px;background:var(--lime);transform:rotate(-5deg);opacity:.25;z-index:-1}.hero-copy{z-index:5;padding:0 0 55px;align-self:center;pointer-events:none}.hero-copy a{pointer-events:auto}.hero .eyebrow{margin-bottom:25px;font-size:8px;letter-spacing:1.8px;color:var(--lime);max-width:500px}.hero .eyebrow>span:last-child{display:none}.hero h1{font-size:clamp(145px,17.5vw,290px);font-style:normal;line-height:.69;letter-spacing:-8px;transform:none;text-shadow:6px 6px 0 #10120f;position:relative;width:max-content}.hero h1>span:not(.period){display:block;color:var(--lime);margin-left:18px}.hero .period{color:var(--paper)}.hero-manifesto{font:900 clamp(19px,2.2vw,33px)/1 var(--display);font-style:italic;letter-spacing:1px;margin-top:29px;border-left:4px solid var(--lime);padding-left:13px}.hero-intro{font-size:16px;margin:18px 0 24px;max-width:360px;color:#b3b9a6}.hero .small{font-size:7px;letter-spacing:1.2px;color:#869276}.hero-actions{gap:20px}.button{font-style:italic;border:0;box-shadow:none;padding:20px 29px;min-height:60px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font-size:20px;letter-spacing:.7px}.button:hover{transform:translateY(-3px);box-shadow:none;filter:brightness(1.15)}.text-link{font-size:8px;letter-spacing:.7px}.hero-stage{position:absolute;right:-1%;top:12%;width:63%;height:82%;margin:0;transform:none;box-shadow:none;border:0;background:transparent;z-index:2;pointer-events:none}.stage-top{position:absolute;right:9%;top:-35px;z-index:3;background:none;color:#afc98b;font-size:8px;letter-spacing:1px;border-bottom:1px solid #647549;padding:11px 0;width:55%}.stage-top>span:first-child{gap:7px}.stage-top i{color:var(--lime)}.stage-art{position:absolute;inset:0;aspect-ratio:auto;background:none;overflow:visible}.stage-art:after{display:none}.impact-disc{position:absolute;inset:9% 9% 8% 13%;z-index:-1;background:var(--lime);clip-path:polygon(4% 18%,79% 0,100% 73%,24% 100%);opacity:.95;transform:rotate(-7deg);background-image:repeating-linear-gradient(115deg,transparent 0 50px,#10120f14 50px 52px)}.impact-disc:after{content:'';position:absolute;inset:10px;border:1px solid #151e0960;clip-path:inherit}.stage-art canvas{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 17px 0 #0009);transform:rotate(-2deg);z-index:3}.stage-burst{left:22%;top:-2%;font:900 clamp(150px,24vw,390px)/1 var(--display);font-style:italic;letter-spacing:-14px;color:transparent;-webkit-text-stroke:2px #a1bc79;opacity:.35;transform:rotate(-11deg);text-shadow:none;z-index:-1}.stage-vs{top:42%;left:48%;font-size:75px;font-style:italic;color:var(--ink);text-shadow:none;z-index:4;transform:rotate(-8deg)}.stage-sticker{right:8%;bottom:8%;background:#10120f;color:var(--lime);border:2px solid var(--lime);padding:13px 22px;box-shadow:5px 5px 0 #10120f88;font-style:italic;font-size:23px;transform:rotate(-7deg);z-index:5}.arena-coordinates{position:absolute;right:1%;top:20%;font:700 8px/1.9 var(--mono);letter-spacing:2px;writing-mode:vertical-rl;color:#8aa26b;z-index:5}.stage-bottom{position:absolute;right:8%;bottom:0;background:none;padding:10px 0;border-top:1px solid #778d54;color:var(--paper);font-size:7px;width:65%;z-index:5;pointer-events:auto}.stage-bottom a{color:var(--lime)}.hero-index{position:absolute;bottom:0;left:5%;right:5%;border:0;z-index:6;padding:17px 0;font-size:7px;letter-spacing:1.5px;color:#91a279}.ticker{background:var(--lime);border:0;margin:0;padding:15px 0;font-style:italic;font-size:28px;letter-spacing:1px}.ticker>div{animation-duration:45s}
h2{font-style:italic;letter-spacing:-1.8px;font-size:clamp(56px,7vw,110px)}h3{font-style:italic}.section{padding-top:85px;padding-bottom:85px}.section-top{border-color:#303b23;margin-bottom:42px}.section-top .eyebrow{color:var(--lime);letter-spacing:1.5px;font-size:9px}.section-top>.mono{font-size:7px}.world-head{grid-template-columns:1.5fr 1fr}.world-head>p{font-size:17px;max-width:400px}.path-grid{border:0;gap:30px}.path-grid article{padding:27px 0 0;border-top:3px solid #637a3d;position:relative}.path-grid article+article{border-left:0}.path-grid article:before{content:'';position:absolute;top:-3px;left:0;width:60px;height:3px;background:var(--lime)}.path-no{position:absolute;right:0;top:20px;font:900 60px/1 var(--display);font-style:italic;color:#2d3722}.path-grid svg{margin:15px 0 25px;fill:var(--lime)!important;width:60px;height:60px}.path-grid h3{font-size:35px}.path-grid p{font-size:15px;color:#a3ae95}.tag{background:var(--lime);font-size:7px}.demo{background:#11170d;border-block:1px solid #364b23;position:relative;overflow:hidden}.demo:before{content:'PLAY';position:absolute;right:-30px;top:35px;color:#d4ff3706;font:900 360px/.8 var(--display);font-style:italic;pointer-events:none;transform:rotate(-7deg)}.demo-title{position:relative;z-index:1}.demo-title>div{font-size:16px}.cabinet{padding:0;border:1px solid #6d8f3e;box-shadow:10px 10px #000;position:relative;z-index:1}.cabinet-marquee{background:#10120f;color:var(--lime);border-bottom:3px solid var(--lime);padding:20px 25px;letter-spacing:1px}.cabinet-marquee>span:first-child{font-style:normal;font-size:34px}.cabinet-marquee b{background:var(--lime);color:var(--ink);font-size:15px;letter-spacing:1px;display:inline-block;transform:skew(-9deg)}.demo-cover{background:radial-gradient(ellipse at center,#25361b,transparent 65%),repeating-linear-gradient(125deg,#d4ff3703 0 1px,transparent 1px 10px)}.demo-cover h3{font-size:90px;font-style:italic;letter-spacing:-2px}.pixel-star{transform:rotate(-15deg);font-size:55px}.demo-cover .button{font-size:24px;padding:22px 40px}.demo-screen{border-width:12px}.cabinet-controls{padding:17px 15px;background:#10120f}.clubs>h2{margin-bottom:45px}.club-grid{gap:30px;grid-template-columns:1.1fr 1fr}.club-card{border:0;border-bottom:4px solid var(--lime);min-height:520px;padding:25px 30px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.club-card h3{font-size:58px}.soreheads{background:linear-gradient(0deg,#10120f 5%,#10120f55 70%),url('/site/arena.webp') center/cover}.club-fighters{height:230px}.club-fighters canvas{height:230px;width:190px;filter:drop-shadow(0 10px #0007)}.soreheads>img{width:300px;margin-top:25px}.next-club{background:#161e10;border:1px solid #394a26;border-bottom:4px solid #556a36}.next-club .club-plus{font-size:165px;color:var(--lime);line-height:1;margin:15px 0 5px}.next-club h3{font-size:68px}.club-card .button{margin-top:auto;padding:18px 23px}.standings-layout{gap:7%}.board{background:#10160b;border:1px solid #405a28;box-shadow:8px 8px #000}.board-tabs{border-color:#405a28}.board-tabs button{border-color:#405a28;font-style:italic;font-size:23px}.board-row{padding:25px 0}.board-row strong{font-style:italic;font-size:27px}.board-row small{font-size:9px}.partners{background:#11170c;color:var(--paper);position:relative;border-block:1px solid #344720;gap:8%;overflow:hidden}.partners:before{content:'';position:absolute;left:-80px;top:0;width:15px;height:100%;background:var(--lime);box-shadow:20px 0 0 #d4ff3722;transform:skew(-15deg)}.partners .eyebrow{color:var(--lime)}.partners h2>span{color:var(--lime)}.partners h2{font-size:clamp(62px,6.5vw,105px)}.partner-copy>p:not(.eyebrow){color:#afbba0;font-size:16px}.partners li{border-color:#3a4d27;color:#c3cdb8}.partners li:before{color:var(--lime)}.partners .ink{background:var(--lime);color:var(--ink)}.partner-poster{transform:rotate(-4deg);box-shadow:12px 12px #000;background:var(--lime);color:var(--ink);border:0;clip-path:polygon(0 0,96% 0,100% 6%,100% 100%,0 100%)}.poster-top{border-color:#10120f50;font-size:8px}.poster-ring{border-color:var(--ink);background:repeating-linear-gradient(0deg,transparent 0 21px,var(--ink) 21px 25px,transparent 25px 34px)}.poster-ring span{background:var(--lime);color:var(--ink);font-style:italic}.partner-poster em{color:var(--ink);-webkit-text-stroke:1px var(--ink)}.poster-bottom{border-color:#10120f70}.poster-bottom>span:last-child{color:var(--ink)}.faq summary{font-style:italic;font-size:25px}.faq details p{color:#9fad90}.final-call{background:#10120f;position:relative;overflow:hidden;border-bottom:8px solid var(--lime)}.final-call:before{content:'';position:absolute;width:80%;height:70%;left:10%;top:20%;background:repeating-linear-gradient(110deg,transparent 0 60px,#d4ff3708 60px 62px);transform:skew(-10deg);pointer-events:none}.final-call h2{font-size:clamp(100px,19vw,280px);font-style:italic;letter-spacing:-8px;line-height:.8}.final-call>div{position:relative}.footer-brand{font-style:normal;font-size:55px}footer{border-top:0;padding-block:40px}.dialog-close{clip-path:none}.entry-intro{color:#545c46}
@media(min-width:1700px){.hero{padding-inline:calc((100vw - 1530px)/2)}.hero-stage{right:3%;width:58%}}
@media(max-width:1050px) and (min-width:701px){.hero{min-height:760px}.hero h1{font-size:19vw;letter-spacing:-6px}.hero-stage{width:70%;right:-12%;top:20%;height:72%}.hero-copy{padding-bottom:75px}.hero-actions{align-items:start;flex-direction:column;gap:18px}.hero-manifesto{font-size:25px}.hero-intro{font-size:14px;max-width:280px}.stage-top{right:20%;width:50%}.stage-sticker{right:20%;font-size:20px}.stage-bottom{right:21%;width:54%}.stage-vs{font-size:60px}.club-card h3{font-size:46px}.next-club h3{font-size:56px}.path-grid h3{font-size:28px}.nav nav{gap:16px}}
@media(max-width:700px){.announcement{height:25px;font-size:7px;letter-spacing:1.3px}.nav{padding:12px 5%;position:sticky}.wordmark{font-size:32px;letter-spacing:-1px}.wordmark img{width:33px;height:33px}.menu-toggle{border:1px solid #526d2d;font-size:8px;background:#11180b}.nav nav{font-size:10px}.nav .nav-play{padding:15px 20px}.hero{display:block;min-height:0;padding:30px 5% 0;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,#26341b88,transparent 60%)}.hero:before{background:linear-gradient(0deg,#10120f,transparent 70%),linear-gradient(90deg,#10120fbb,#10120f66),url('/site/arena.webp') center 30%/auto 100%;opacity:.4}.hero-copy{padding-bottom:0;position:relative;z-index:5}.hero .eyebrow{font-size:7px;letter-spacing:1.2px;margin:0 0 26px}.hero h1{font-size:clamp(135px,35vw,235px);letter-spacing:-6px;line-height:.7;z-index:5;text-shadow:3px 3px #10120f}.hero h1>span:not(.period){margin-left:12px}.hero-manifesto{font-size:clamp(20px,5.1vw,29px);margin-top:25px;padding-left:10px;border-left-width:3px;letter-spacing:.5px}.hero-intro{font-size:14px;margin:15px 0 20px;max-width:280px}.hero-actions{flex-direction:column;align-items:start;gap:18px}.hero .button{font-size:22px;padding:19px 26px;min-height:59px}.hero .small{font-size:6px;margin-top:16px;letter-spacing:.8px}.hero-stage{position:relative;inset:auto;width:115%;height:380px;margin:-2px -7.5% 0;z-index:2}.stage-art{inset:0}.impact-disc{inset:10% 10% 9% 16%;transform:rotate(-9deg)}.stage-art canvas{transform:rotate(-2deg);height:100%;width:100%}.stage-burst{font-size:68vw;left:20%;top:-3%;letter-spacing:-12px;-webkit-text-stroke-width:1px}.stage-top{display:none}.stage-vs{top:43%;left:49%;font-size:48px}.stage-sticker{bottom:4%;right:11%;font-size:19px;padding:12px 16px;border-width:1px}.arena-coordinates{right:7%;font-size:6px;top:25%;letter-spacing:1.5px}.stage-bottom{bottom:0;left:10%;right:12%;width:auto;transform:none;font-size:6px;padding:8px 0;background:#10120f}.stage-bottom>a{font-size:6px}.hero-index{position:relative;inset:auto;padding:22px 0 15px;margin-top:7px;font-size:6px;letter-spacing:1px;gap:10px}.hero:after{bottom:55px}.ticker{font-size:24px;padding:13px 0}.section{padding:53px 5%}.section-top{margin-bottom:28px;padding-bottom:18px}.section-top .eyebrow{font-size:7px;letter-spacing:1.2px}h2{font-size:clamp(52px,12.5vw,84px);letter-spacing:-1.5px}.world-head{grid-template-columns:1fr;gap:23px;margin-bottom:32px}.world-head>p{font-size:16px}.path-grid{gap:22px}.path-grid article{padding:23px 0 0;grid-template-columns:55px 1fr;border-top-width:2px;gap:14px}.path-grid article+article{border-top:2px solid #637a3d}.path-grid article:before{height:2px;top:-2px;width:45px}.path-no{position:static;grid-column:1;font-size:42px;grid-row:2;color:#70894b;align-self:center}.path-grid svg{display:none}.path-grid h3{font-size:31px;grid-column:2}.path-grid p{font-size:14px;grid-column:2}.path-grid .tag{font-size:6px;margin-top:0}.demo-title>div{font-size:15px}.demo:before{font-size:230px;right:-45px;top:90px}.cabinet{box-shadow:5px 5px #000}.cabinet-marquee{padding:15px 12px;font-size:6px;gap:6px}.cabinet-marquee>span:first-child{font-size:24px}.cabinet-marquee b{font-size:10px;padding:4px;letter-spacing:0}.demo-screen{border-width:5px}.demo-cover{min-height:470px}.demo-cover h3{font-size:70px;letter-spacing:-1px}.demo-cover .button{font-size:21px;padding:20px 24px}.cabinet-controls{padding:13px 6px;gap:10px;font-size:6px}.cabinet-controls kbd{font-size:7px;margin-left:3px;padding:2px}.club-grid{grid-template-columns:1fr;gap:27px}.club-card{min-height:0;padding:22px;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,0 100%)}.club-card-top{font-size:7px}.soreheads>img{width:255px;height:95px;margin-top:25px}.club-fighters{height:210px}.club-fighters canvas{height:210px;width:170px}.club-card h3{font-size:55px}.club-card p{font-size:15px}.club-card .button{font-size:18px;min-height:56px}.next-club .club-plus{font-size:130px;margin:8px 0}.next-club h3{font-size:65px}.standings-layout{grid-template-columns:1fr;gap:30px}.standings-layout>div>p{font-size:15px}.board-row{padding:21px 0}.board-row strong{font-size:25px}.board-row small{font-size:8px}.board-tabs button{font-size:21px}.board .board-note{font-size:6px}.partners{display:flex;gap:45px;padding-top:60px;padding-bottom:65px}.partners h2{font-size:clamp(60px,13vw,84px)}.partner-copy>p:not(.eyebrow){font-size:16px}.partners li{font-size:13px}.partners .button{font-size:18px;padding-inline:20px}.partner-poster{transform:rotate(-3deg);padding:24px;width:calc(100% - 10px);box-shadow:7px 7px #000}.partner-poster h3{font-size:clamp(55px,13vw,80px)}.poster-top{font-size:7px}.poster-ring{height:130px;margin-block:27px}.faq-layout{gap:22px}.faq summary{font-size:24px}.faq details p{font-size:14px}.final-call h2{font-size:25vw;letter-spacing:-4px;margin:28px 0 33px}.final-call>div{gap:14px}.final-call .button{font-size:21px}.final-call>.eyebrow{font-size:6px}.footer-brand{font-size:46px}footer{gap:28px;padding:32px 5%}.demo-loading{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hero-stage,.impact-disc{transform:none!important}}