body:not(.ready) .site-header{transform:translateY(-100%)}
body.ready .site-header{transform:translateY(0);transition:transform .75s cubic-bezier(.16,1,.3,1)}
.hero-copy>*{opacity:0;transform:translateY(24px)}
body.ready .hero-copy>*{animation:heroIn .85s cubic-bezier(.16,1,.3,1) forwards}
.hero-copy>:nth-child(2){animation-delay:.12s}.hero-copy>:nth-child(3){animation-delay:.22s}.hero-copy>:nth-child(4){animation-delay:.32s}.hero-copy>:nth-child(5){animation-delay:.42s}
.hero-visual{opacity:0;transform:translateX(35px)}
body.ready .hero-visual{animation:visualIn 1.1s .18s cubic-bezier(.16,1,.3,1) forwards}
.image-frame img{transform:scale(1.08) translate3d(var(--px,0),var(--py,0),0);transition:transform .2s linear}
.hero-glow{animation:breathe 5s ease-in-out infinite}.rank-card{animation:rankFloat 3.8s ease-in-out infinite}
.rank-card span{animation:iridescent 3s linear infinite;background:linear-gradient(90deg,#ef3027,#ff8f87,#fff,#ef3027);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text}
.reveal{opacity:0;transform:translateY(48px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.reveal.is-visible{opacity:1;transform:none}.channel.reveal:nth-child(2),.about-copy.reveal{transition-delay:.1s}.channel.reveal:nth-child(3),.about-photo.reveal{transition-delay:.2s}.channel.reveal:nth-child(4),.gallery-logo.reveal{transition-delay:.3s}
.gallery-logo{box-shadow:none;background:#ef3027;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;overflow:visible;position:relative}
.gallery-logo:before{content:"";position:absolute;width:90%;height:90%;border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:orbit 12s linear infinite}
.gallery-logo img{position:relative;filter:drop-shadow(0 18px 28px rgba(0,0,0,.38));animation:logoFloat 4.5s ease-in-out infinite}
.gallery-main img,.about-photo img{transform:scale(1.06) translateY(var(--scroll-shift,0px));transition:transform .25s linear,filter .6s}
.primary,.secondary,.channel{will-change:transform}.primary:hover,.secondary:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(239,48,39,.22)}.primary,.secondary{transition:transform .25s,box-shadow .25s}.wordmark:hover{letter-spacing:.08em;transition:letter-spacing .3s}
.channel.shop{grid-column:1/-1;min-height:220px;background:linear-gradient(115deg,#ef3027 0%,#9d0f0a 58%,#160303 100%);isolation:isolate}.channel.shop:before{background:linear-gradient(115deg,#ff473e,#ef3027);transform:translateX(-101%)}.channel.shop:hover:before{transform:translateX(0)}.channel.shop small,.channel.shop span{color:rgba(255,255,255,.72)}.channel.shop strong{font-style:italic}.channel.shop:after{content:"MERCH / MERCH / MERCH";position:absolute;right:7%;top:50%;transform:translateY(-50%) rotate(-6deg);font:800 clamp(2rem,5vw,5.5rem)/1 "Barlow Condensed";color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);letter-spacing:.06em;z-index:-1}
@keyframes heroIn{to{opacity:1;transform:none}}@keyframes visualIn{to{opacity:1;transform:none}}@keyframes breathe{50%{opacity:.55;transform:scale(1.12)}}@keyframes rankFloat{50%{transform:translateY(-10px)}}@keyframes iridescent{to{background-position:220% center}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes logoFloat{50%{transform:translateY(-12px) rotate(1deg)}}
@media(max-width:900px){.gallery-logo{display:none}.channel.shop{grid-column:auto}.channel.shop:after{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.hero-copy>*,.hero-visual{opacity:1!important;transform:none!important}}

.warzone-stats{position:relative;padding:8vw;min-height:900px;border-top:1px solid #282828;background:#05080a;overflow:hidden;isolation:isolate}.stats-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#05080a 0%,rgba(5,8,10,.93) 38%,rgba(5,8,10,.74)),url('assets/warzone-combat-record.png') center/cover;filter:saturate(.55);opacity:.42;z-index:-1}.stats-heading{max-width:760px}.stats-heading>span{color:#23cbff;font:600 .7rem Manrope;letter-spacing:.18em}.stats-heading h2{font-size:clamp(4rem,8vw,8rem);line-height:.78;margin:1rem 0 1.6rem}.stats-heading h2 em{font-style:italic;color:transparent;-webkit-text-stroke:1.3px #23cbff}.stats-heading p{max-width:520px;color:#9da7ac;line-height:1.7}.mode-switch{display:flex;gap:.6rem;margin:3.3rem 0 1.4rem}.mode-switch button{padding:.9rem 1.4rem;border:1px solid #263a42;background:rgba(7,12,15,.8);color:#77858b;font:700 .72rem Manrope;letter-spacing:.12em;cursor:pointer;transition:.25s}.mode-switch button.active,.mode-switch button:hover{background:#23cbff;color:#041015;border-color:#23cbff;box-shadow:0 0 30px rgba(35,203,255,.2)}.stats-stage{display:grid;grid-template-columns:42% 58%;background:rgba(7,10,12,.86);border:1px solid #26343a;backdrop-filter:blur(15px)}.record-preview{min-height:510px;overflow:hidden;border-right:1px solid #26343a}.record-preview img{width:100%;height:100%;object-fit:cover;object-position:left center;filter:contrast(1.1);transition:opacity .25s,transform .7s}.record-preview.switching img{opacity:0;transform:scale(1.04)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr)}.stat-card{padding:2.1rem;border:1px solid rgba(99,125,136,.18);display:flex;flex-direction:column;justify-content:center;min-height:165px}.stat-card small{color:#7b898f;font-size:.68rem;letter-spacing:.14em}.stat-card strong{font:800 clamp(2.7rem,5vw,5.2rem)/1 "Barlow Condensed";color:#edf8fc;margin:.35rem 0}.stat-card span{color:#23cbff;font-size:.58rem;letter-spacing:.16em}.stat-feature strong{color:#23cbff;text-shadow:0 0 35px rgba(35,203,255,.25)}.stats-foot{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;color:#718087;font-size:.65rem;letter-spacing:.14em}.stats-foot strong{font:700 1.1rem "Barlow Condensed";color:#fff}.stats-foot i{height:1px;flex:1;background:#26343a}.stats-foot strong:last-child{color:#ef3027}.stat-card.pulse{animation:statSwap .45s ease}@keyframes statSwap{50%{transform:translateY(-6px);background:rgba(35,203,255,.08)}}
@media(max-width:900px){.warzone-stats{padding:6rem 6vw}.stats-stage{grid-template-columns:1fr}.record-preview{min-height:360px;border-right:0;border-bottom:1px solid #26343a}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat-card{padding:1.4rem;min-height:145px}}
@media(max-width:620px){.warzone-stats{padding:5rem 5vw;min-height:0}.stats-heading h2{font-size:19vw}.mode-switch{display:grid;grid-template-columns:1fr 1fr}.mode-switch button{padding:.8rem .5rem}.record-preview{min-height:230px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.15rem;min-height:125px}.stat-card strong{font-size:3rem}.stats-foot{flex-wrap:wrap}.stats-foot i{display:none}}

.operator-showcase{margin-top:5rem;min-height:610px;display:grid;grid-template-columns:34% 66%;background:#071018;border:1px solid #273842;position:relative;overflow:hidden}.operator-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(255,133,40,.23),transparent 38%),linear-gradient(90deg,rgba(5,9,12,.98) 0%,rgba(5,9,12,.75) 40%,transparent 70%);z-index:1;pointer-events:none}.operator-copy{padding:4rem;align-self:center;position:relative;z-index:3}.operator-copy>span{color:#23cbff;font:600 .68rem Manrope;letter-spacing:.18em}.operator-copy small{display:block;color:#89979d;font:600 .68rem Manrope;letter-spacing:.16em;margin-top:4rem}.operator-copy h3{margin:.4rem 0 1rem;font:800 clamp(4rem,8vw,8rem)/.8 "Barlow Condensed";font-style:italic;color:#f4f8fa}.operator-copy p{max-width:390px;color:#8c989d;line-height:1.7}.operator-copy>div{display:flex;align-items:center;gap:.8rem;margin-top:2rem;color:#dbe6ea;font:600 .7rem Manrope;letter-spacing:.15em}.operator-copy>div i{width:40px;height:1px;background:#ef7d27}.operator-visual{position:relative;min-height:610px}.operator-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.operator-front{opacity:1}.operator-back{opacity:0;transform:scale(1.04)}.operator-visual:hover .operator-front{opacity:0;transform:scale(1.04)}.operator-visual:hover .operator-back{opacity:1;transform:scale(1)}.operator-visual>span{position:absolute;right:1.4rem;bottom:1.2rem;z-index:4;color:#9da9ad;font:600 .58rem Manrope;letter-spacing:.17em;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.18);background:rgba(4,7,9,.65);backdrop-filter:blur(8px)}
@media(max-width:900px){.operator-showcase{grid-template-columns:1fr;min-height:0}.operator-copy{padding:3rem}.operator-copy small{margin-top:2rem}.operator-visual{min-height:480px}.operator-showcase:before{background:linear-gradient(0deg,rgba(5,9,12,.2),rgba(5,9,12,.85))}}
@media(max-width:620px){.operator-showcase{margin-top:3rem}.operator-copy{padding:2rem}.operator-copy h3{font-size:19vw}.operator-visual{min-height:360px}.operator-back,.operator-visual>span{display:none}.operator-front{object-position:63% center}}