:root{--black:#07080a;--panel:#101216;--white:#f4f1e9;--muted:#9a9ca3;--gold:#d5a83d;--line:#292b30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.nav{height:88px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:48px;height:48px;border:1px solid var(--gold);display:grid;place-items:center;font:900 19px 'Barlow Condensed';clip-path:polygon(50% 0,100% 16%,92% 76%,50% 100%,8% 76%,0 16%)}.brand strong,.brand small{display:block;font-family:'Barlow Condensed';letter-spacing:1.5px}.brand strong{font-size:18px}.brand small{font-size:9px;color:var(--gold);margin-top:2px}.nav nav{display:flex;gap:35px}.nav nav a,.menu-btn{font:600 12px Inter;color:#ddd;text-decoration:none;letter-spacing:1.2px}.nav nav a:hover{color:var(--gold)}.menu-btn{display:none;background:none;border:0}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 9vw 80px;overflow:hidden;background:radial-gradient(circle at 73% 42%,#32343a 0,#17191e 19%,#08090b 49%)}.grain{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.moon{position:absolute;width:620px;height:620px;border-radius:50%;right:6vw;top:12%;background:radial-gradient(circle at 39% 34%,#c9c9c4,#777981 35%,#24262b 71%);opacity:.25;box-shadow:0 0 100px #aaa5}.hero-copy{position:relative;z-index:4;max-width:740px}.eyebrow,.section-tag{font:700 11px Inter;letter-spacing:3px;color:var(--gold)}h1,h2{font-family:'Barlow Condensed';margin:0;line-height:.83;letter-spacing:-2px}h1{font-size:clamp(74px,10.2vw,154px);font-weight:900}h1 em,h2 em{color:var(--gold);font-style:normal}h1 em{-webkit-text-stroke:1px var(--gold);color:transparent}.lead{max-width:520px;font-size:16px;line-height:1.75;color:#bbb;margin:32px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{height:52px;padding:0 23px;display:inline-flex;align-items:center;gap:30px;text-decoration:none;font:800 11px Inter;letter-spacing:1.3px}.primary{background:var(--gold);color:#090909}.ghost{border:1px solid #666;color:#ddd}.wolf-lines{position:absolute;z-index:2;right:13vw;top:32%;width:420px;height:400px;border:1px solid #ffffff10;clip-path:polygon(6% 0,30% 23%,50% 12%,70% 23%,94% 0,83% 67%,50% 100%,17% 67%);background:linear-gradient(145deg,#ffffff0c,#00000033)}.eye{position:absolute;width:80px;height:10px;top:46%;background:var(--gold);box-shadow:0 0 20px #d5a83d;opacity:.8}.eye.left{left:20%;transform:rotate(10deg)}.eye.right{right:20%;transform:rotate(-10deg)}.snout{position:absolute;bottom:20%;width:100%;text-align:center;font:900 100px 'Barlow Condensed';color:#ffffff09}.hero-number{position:absolute;right:3vw;bottom:-20px;font:900 160px 'Barlow Condensed';color:#ffffff06}.scroll{position:absolute;bottom:35px;left:4.5vw;font-size:9px;letter-spacing:2px;color:#777;transform:rotate(-90deg);transform-origin:left}.scroll span{display:inline-block;width:42px;border-top:1px solid #777;margin:0 0 3px 10px}.manifesto,.squad{padding:110px 8vw}.manifesto-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:10vw;margin-top:40px}.manifesto h2,.section-heading h2,.history h2,.cta h2{font-size:clamp(52px,6.2vw,96px);font-weight:800}.manifesto h2 span{color:#555}.manifesto-grid p{line-height:1.8;color:#aaa;margin:0 0 20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:85px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats article{padding:35px 20px;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats strong,.stats small{display:block}.stats strong{font:800 47px 'Barlow Condensed';color:var(--gold)}.stats small{font-size:9px;letter-spacing:1.5px;color:#777;margin-top:7px}.squad{background:#0c0e11}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{margin-top:20px}.section-heading p{color:#777;line-height:1.7;font-size:13px}.filters{display:flex;gap:7px;margin:45px 0 24px}.filters button{background:transparent;border:1px solid #2b2e33;color:#777;padding:12px 18px;font:700 9px Inter;letter-spacing:1px;cursor:pointer}.filters button.active{background:var(--white);color:#111}.players{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#292b30;border:1px solid #292b30}.player{min-height:205px;background:linear-gradient(150deg,#171a20,#0d0f12);padding:22px 18px;position:relative;overflow:hidden;transition:.25s}.player:hover{background:#1d2025;transform:translateY(-4px);z-index:2}.player .num{font:900 70px 'Barlow Condensed';color:#ffffff08;position:absolute;right:9px;top:-8px}.player .role{font-size:8px;color:var(--gold);letter-spacing:1.4px}.player h3{font:800 25px 'Barlow Condensed';margin:105px 0 0;text-transform:uppercase}.player p{font-size:9px;color:#666;letter-spacing:1px;margin:4px 0}.history{display:grid;grid-template-columns:1fr 1.25fr;min-height:840px}.history-art{position:relative;background:radial-gradient(circle,#24272d,#090a0d 65%);display:grid;place-items:center;overflow:hidden}.history-art span{font:900 280px 'Barlow Condensed';color:#ffffff05;transform:rotate(-12deg)}.history-art p{position:absolute;bottom:70px;left:60px;font:800 33px 'Barlow Condensed';color:#777}.history-copy{padding:110px 8vw 80px 7vw}.history-copy h2{margin:25px 0 60px}.timeline{border-left:1px solid #35373b}.timeline article{display:grid;grid-template-columns:90px 1fr;padding:0 0 45px 26px;position:relative}.timeline article:before{content:"";position:absolute;width:7px;height:7px;background:#555;border-radius:50%;left:-4px;top:7px}.timeline article.active:before{background:var(--gold);box-shadow:0 0 15px var(--gold)}.timeline b{font:800 16px 'Barlow Condensed';color:var(--gold)}.timeline h3{font:800 18px 'Barlow Condensed';margin:0 0 8px}.timeline p{font-size:12px;line-height:1.6;color:#777;margin:0}.cta{text-align:center;padding:130px 20px;position:relative;background:linear-gradient(#0c0d10e8,#0c0d10e8),radial-gradient(circle,#4a3b17,#08090b 60%);overflow:hidden}.cta>p{font:700 10px Inter;letter-spacing:4px;color:var(--gold)}.cta h2{font-size:clamp(90px,14vw,190px)}.cta .btn{margin-top:40px}.howl{position:absolute;font:900 250px 'Barlow Condensed';color:#ffffff03;bottom:-90px;left:0;width:100%}footer{min-height:100px;padding:25px 4.5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #202226}footer p,footer>a{font-size:9px;letter-spacing:1.4px;color:#666;text-decoration:none}.reveal{animation:rise .8s ease both}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:1000px){.players{grid-template-columns:repeat(3,1fr)}.wolf-lines{right:-10vw;opacity:.55}.manifesto-grid{grid-template-columns:1fr}.history{grid-template-columns:1fr}.history-art{min-height:480px}.nav nav{display:none}.menu-btn{display:block}.nav.open nav{display:flex;position:absolute;top:88px;left:0;width:100%;padding:30px 5vw;background:#090a0cf5;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.hero{padding:130px 6vw 80px;align-items:flex-end}.hero-copy{padding-bottom:60px}.wolf-lines{width:330px;height:330px;right:-29%;top:18%}.moon{width:430px;height:430px;right:-35%;top:8%}.manifesto,.squad{padding:80px 6vw}.manifesto-grid{gap:30px}.stats{margin-top:55px}.stats article{padding:25px 12px}.stats strong{font-size:35px}.players{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading p{margin-top:22px}.history-art{min-height:380px}.history-art span{font-size:180px}.history-art p{left:25px;bottom:35px}.history-copy{padding:80px 7vw}.cta{padding:100px 10px}footer{flex-direction:column;gap:22px}.actions .btn{width:100%;justify-content:space-between}}
