@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;600;700;800&display=swap');
:root{--yellow:#ffd400;--black:#080808;--dark:#111;--gray:#a7a7a7;--line:#282828}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Inter,Arial,sans-serif}.nav{height:76px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(8,8,8,.94);backdrop-filter:blur(10px);z-index:10}.brand{font-weight:800;letter-spacing:-.04em;color:#fff;text-decoration:none}.brand span,.brand b{color:var(--yellow)}nav{display:flex;gap:30px}nav a{color:#fff;text-decoration:none;font-weight:700;font-size:.85rem;text-transform:uppercase}nav a:hover{color:var(--yellow)}
.hero{min-height:650px;display:flex;align-items:center;padding:90px 7%;background:radial-gradient(circle at 80% 45%,#302800 0,transparent 32%),linear-gradient(120deg,#080808 55%,#111 55%)}.hero-content{max-width:760px}.eyebrow{color:var(--yellow);font-weight:800;letter-spacing:.18em;font-size:.76rem;margin:0 0 15px}.hero h1,.intro h2,.section-head h2{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:.92;letter-spacing:.02em;font-size:clamp(4rem,10vw,8.5rem);margin:0}.hero h1 span,.intro h2 span,.section-head h2 span{color:var(--yellow)}.lead{max-width:590px;color:var(--gray);font-size:1.08rem;line-height:1.7;margin:28px 0}.button{display:inline-flex;gap:22px;align-items:center;background:var(--yellow);color:#000;padding:17px 24px;font-weight:900;text-decoration:none;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.intro{padding:105px 7%;max-width:1000px}.intro h2{font-size:clamp(3rem,7vw,6rem)}.intro>p:last-child{color:var(--gray);max-width:650px;line-height:1.8;font-size:1rem}
.wods{padding:80px 7%;background:#0d0d0d;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-head h2{font-size:clamp(3rem,6vw,5.5rem)}.drop-note{color:var(--gray);font-size:.85rem;margin:14px 0 0;max-width:460px;line-height:1.6}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter{background:transparent;border:1px solid #3a3a3a;color:#bbb;padding:10px 14px;font-weight:800;text-transform:uppercase;font-size:.7rem;cursor:pointer}.filter:hover,.filter.active{background:var(--yellow);border-color:var(--yellow);color:#000}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#151515;border:1px solid var(--line);padding:28px;min-height:310px;transition:.2s}.card:hover{transform:translateY(-5px);border-color:var(--yellow)}.card.hidden{display:none}.tag{display:inline-block;color:#000;background:var(--yellow);font-size:.65rem;font-weight:900;padding:6px 9px}.card h3{font-family:Anton,Impact,sans-serif;font-size:2.1rem;letter-spacing:.03em;margin:25px 0 6px}.format{color:#777;font-size:.7rem;font-weight:800;letter-spacing:.12em}.card ul{list-style:none;padding:10px 0 0;margin:0;border-top:1px solid var(--line)}.card li{padding:7px 0;color:#ddd;font-size:.9rem}.card li:before{content:"//";color:var(--yellow);font-weight:900;margin-right:9px}footer{padding:40px 7%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#666;font-size:.7rem;font-weight:800;letter-spacing:.12em}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column}.filters{justify-content:flex-start}}@media(max-width:600px){.nav{padding:0 5%;height:68px}.hero{min-height:600px;padding:70px 5%}.intro,.wods{padding:75px 5%}.grid{grid-template-columns:1fr}.hero h1{font-size:4.5rem}footer{padding:35px 5%;flex-direction:column;gap:15px;align-items:flex-start}}