@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--black:#090909;--ink:#11100f;--orange:#ff4b12;--orange2:#ff6a16;--cream:#f4efe7;--muted:#a8a29b;--line:rgba(255,255,255,.12);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.topline{height:3px;background:var(--orange)}
.header{position:sticky;top:0;z-index:50;background:rgba(9,9,9,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.06em}.brand img{width:42px;height:42px;object-fit:contain}.brand span{font-size:22px}.brand i{font-style:normal;color:var(--orange);margin:0 5px}.links{display:flex;align-items:center;gap:30px;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.11em;font-size:14px}.links a{opacity:.68;transition:.2s}.links a:hover,.links a.active{opacity:1}.links .pill{background:var(--orange);color:#090909;padding:13px 18px;opacity:1}.menu{display:none;background:none;border:1px solid var(--line);color:white;padding:10px 12px}
.hero{min-height:calc(100vh - 81px);position:relative;overflow:hidden;display:flex;align-items:flex-end}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,9,.94) 0%,rgba(9,9,9,.55) 45%,rgba(9,9,9,.18) 100%),linear-gradient(0deg,rgba(9,9,9,.98),transparent 60%),url('assets/classified-orange-bg-4k.png') center/cover}.hero:after{content:"";position:absolute;right:-7%;bottom:-18%;width:72%;height:92%;background:url('assets/classified-tiger-4k.png') center/contain no-repeat;opacity:.52;mix-blend-mode:screen}.hero-content{position:relative;z-index:2;padding:110px 0 55px}.eyebrow,.label,.kicker{font-family:'Barlow Condensed';font-weight:700;letter-spacing:.18em;font-size:13px;text-transform:uppercase;color:var(--orange)}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;margin:0;line-height:.86;text-transform:uppercase}h1{font-size:clamp(76px,12vw,180px);letter-spacing:-.03em;max-width:850px}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-copy{max-width:580px;margin:28px 0 30px;font-size:18px;line-height:1.6;color:#ddd}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border:1px solid var(--orange);font-family:'Barlow Condensed';font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:14px}.btn.primary{background:var(--orange);color:#0a0a0a}.btn.secondary{border-color:rgba(255,255,255,.25)}.btn:hover{transform:translateY(-2px)}.hero-meta{position:relative;z-index:2;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0 25px}.meta{display:flex;flex-direction:column;gap:5px}.meta span{font-size:10px;letter-spacing:.18em;color:var(--muted)}.meta strong{font-family:'Barlow Condensed';font-size:18px;letter-spacing:.06em}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:#0e0e0e}.ticker-track{white-space:nowrap;display:flex;gap:28px;padding:13px 0;animation:marquee 28s linear infinite;width:max-content;font-family:'Barlow Condensed';font-weight:800;letter-spacing:.12em}.ticker-track i{color:var(--orange);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:110px 0}.section.orange{background:linear-gradient(135deg,#ff3f0b,#8e1e08);color:#090909}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px}.section-head h2{font-size:clamp(58px,8vw,105px);margin-top:12px}.split{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.split p,.lead{font-size:20px;line-height:1.55;color:#d2cec8}.copy{font-size:16px;line-height:1.8;color:#a9a49d}.orange .copy,.orange .lead{color:#1b100c}.rule{border-top:1px solid var(--line);margin-top:40px;padding-top:30px}
.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game{min-height:570px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#151515}.game img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.game:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.48) 48%,rgba(5,5,5,.05) 100%)}.game:hover img{transform:scale(1.06)}.game-body{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.game .num{font:700 12px 'Barlow Condensed';letter-spacing:.16em;color:var(--orange)}.game h3{font-size:66px;margin:12px 0 15px}.game p{color:#c4c0ba;line-height:1.55;margin:0 0 22px}.game .btn{width:max-content}
.feature{display:grid;grid-template-columns:1fr 1fr;min-height:620px;border:1px solid var(--line);background:#111}.feature-media{position:relative;overflow:hidden;background:linear-gradient(135deg,#161616,#241009)}.feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#111 100%)}.feature-media img{height:100%;width:100%;object-fit:cover;object-position:center top}.feature-body{padding:70px;display:flex;flex-direction:column;justify-content:center}.feature-body h3{font-size:100px}.feature-body .role{font:700 13px 'Barlow Condensed';letter-spacing:.18em;color:var(--orange);margin:20px 0}.feature-body p{color:#b9b3aa;line-height:1.7;max-width:520px}
.page-hero{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(135deg,#131313,#301108)}.page-hero:after{content:"";position:absolute;right:4%;bottom:-22%;width:52%;height:130%;background:url('assets/classified-tiger.png') center/contain no-repeat;opacity:.28}.page-hero .wrap{position:relative;z-index:2;padding:80px 0}.page-hero h1{font-size:clamp(80px,11vw,150px);margin-top:15px}.page-hero p{max-width:650px;color:#bdb7ae;line-height:1.7;font-size:18px}
.teams-grid{display:grid;gap:28px}.team-row{min-height:560px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#131313}.team-row img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.team-row:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.96) 0%,rgba(8,8,8,.7) 35%,rgba(255,77,18,.15) 66%,rgba(255,77,18,.82) 100%),linear-gradient(0deg,rgba(255,77,18,.75),transparent 55%)}.team-row:nth-child(even):after{background:linear-gradient(90deg,rgba(255,77,18,.82) 0%,rgba(255,77,18,.16) 35%,rgba(8,8,8,.65) 70%,rgba(8,8,8,.96) 100%),linear-gradient(0deg,rgba(255,77,18,.7),transparent 55%)}.team-info{position:relative;z-index:2;min-height:560px;padding:55px;display:flex;flex-direction:column;justify-content:flex-end;max-width:760px}.team-row:nth-child(even) .team-info{margin-left:auto}.team-info .division{font:700 13px 'Barlow Condensed';letter-spacing:.18em;color:var(--orange);margin-bottom:12px}.team-row:nth-child(even) .division{color:#0a0a0a}.team-info h2{font-size:clamp(68px,9vw,125px)}.team-info p{max-width:560px;color:#ddd;line-height:1.6;margin:18px 0 24px}.team-row:nth-child(even) .team-info p{color:#160d09}.team-row:nth-child(even) .btn{border-color:#0a0a0a;color:#0a0a0a}.team-row:nth-child(even) .btn.primary{background:#0a0a0a;color:var(--orange)}
.principles{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);margin-top:35px}.principle{padding:20px 0;border-bottom:1px solid var(--line);display:flex;gap:18px}.principle b{color:var(--orange);font-family:'Barlow Condensed';font-size:22px}.principle span{font-weight:700}
.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.person{background:#111;border:1px solid var(--line);position:relative;overflow:hidden}.person img{width:100%;height:390px;object-fit:cover;object-position:center top;filter:grayscale(.15);transition:.4s}.person:hover img{transform:scale(1.04)}.person-body{padding:18px}.person-body .role{font:700 12px 'Barlow Condensed';letter-spacing:.16em;color:var(--orange)}.person-body h3{font-size:38px;margin:8px 0}.person-body p{color:#9f9991;font-size:13px;line-height:1.5}
.detail-hero{min-height:620px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090909 0%,rgba(9,9,9,.6) 34%,rgba(9,9,9,.12) 80%)}.detail-content{position:relative;z-index:2;padding:70px 0}.detail-content h1{font-size:clamp(82px,12vw,160px)}.detail-content p{max-width:620px;color:#d0cbc3;line-height:1.65;font-size:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.stat{padding:28px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font:800 50px 'Barlow Condensed';color:var(--orange)}.stat span{display:block;font:700 11px 'Barlow Condensed';letter-spacing:.15em;color:#a9a39a;margin-top:4px}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.form{display:grid;gap:16px}.field label{display:block;font:700 12px 'Barlow Condensed';letter-spacing:.15em;color:var(--orange);margin-bottom:7px}.field input,.field textarea{width:100%;background:#101010;border:1px solid var(--line);color:#fff;padding:15px;outline:none}.field textarea{min-height:170px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--orange)}
.footer{background:#050505;border-top:1px solid var(--line);padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:35px}.footer-brand img{width:52px;margin-bottom:15px}.footer-brand strong{display:block;font:800 32px 'Barlow Condensed'}.footer-brand span,.footer small{display:block;color:#777;font-size:10px;letter-spacing:.14em}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer a:hover{color:var(--orange)}.footer-note p{color:#777;line-height:1.6;font-size:13px}.copyright{border-top:1px solid var(--line);margin-top:45px;padding-top:18px;color:#666;font-size:10px;letter-spacing:.12em}
.reveal{animation:rise .7s ease both}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:900px){.links{display:none}.menu{display:block}.nav{height:70px}.wrap{width:min(calc(100% - 30px),var(--max))}.hero{min-height:760px}.hero:after{width:100%;right:-35%;opacity:.35}.hero-meta{grid-template-columns:1fr;gap:18px}.game-grid,.feature,.split,.contact-grid{grid-template-columns:1fr}.feature-body{padding:40px}.feature-body h3{font-size:72px}.roster-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr}.team-info{padding:35px;min-height:560px}.team-row:nth-child(even) .team-info{margin:0}.section{padding:75px 0}}
@media(max-width:560px){.brand span{font-size:18px}.hero-content{padding:80px 0 35px}.hero h1{font-size:72px}.section-head{display:block}.section-head .btn{margin-top:22px}.game h3{font-size:52px}.roster-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}.page-hero{min-height:400px}.page-hero h1{font-size:78px}.team-info h2{font-size:68px}}
