@font-face{font-family:DropzoneDisplay;src:url('/assets/display.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:DropzoneBody;src:url('/assets/body.ttf') format('truetype');font-weight:400;font-display:swap}
.landing{font-family:DropzoneBody,Arial,sans-serif;background:#0b0f0d}.landing .site-header{position:sticky;top:0;z-index:20;background:#0b0f0dd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:padding .25s,border-color .25s;max-width:none;padding-left:max(5%,calc((100vw - 1390px)/2));padding-right:max(5%,calc((100vw - 1390px)/2))}.landing.page-scrolled .site-header{padding-top:16px;padding-bottom:16px;border-color:#48523b}.landing .site-header:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:var(--green);transform:scaleX(var(--scroll-progress,0));transform-origin:left;box-shadow:0 0 12px #c0e69b55}.landing .brand img{transition:transform .35s}.landing .brand:hover img{transform:rotate(-10deg)}.landing .hero{padding-top:75px;padding-bottom:70px;grid-template-columns:1.02fr 1.16fr;gap:0;min-height:720px;overflow:visible}.landing .hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 40%,#6e915124,transparent 65%);pointer-events:none}.landing h1,.landing h2,.landing .game-copy h3{font-family:DropzoneDisplay,Impact,'Arial Narrow',sans-serif;font-weight:700}.landing h1{font-size:clamp(4rem,6.9vw,7.5rem);letter-spacing:-.015em;line-height:1;position:relative;z-index:3}.headline-line{display:block;overflow:hidden;color:var(--ink)!important;padding-bottom:.09em;margin-bottom:-.09em}.headline-line>span{color:var(--ink)!important;display:block;animation:title-enter .9s cubic-bezier(.2,.7,.2,1) both}.headline-line:nth-child(2)>span{animation-delay:.12s}h1 em{font-style:normal;color:var(--green);text-shadow:0 0 44px #c0e69b1c}.landing .hero .eyebrow{animation:soft-enter .8s .1s both}.landing .hero-desc{font-size:1.125rem;animation:soft-enter .8s .3s both}.landing .download-area{animation:soft-enter .8s .4s both}.landing .primary{position:relative;overflow:hidden;box-shadow:0 8px 36px #96c46417;border:1px solid #dbf3c5}.landing .primary:after{content:'';position:absolute;inset:-100% auto -100% -40%;width:25%;background:#fff5;transform:rotate(24deg);transition:left .6s;pointer-events:none}.landing .primary:hover:after{left:130%}.landing .button:hover{transform:translateY(-3px);box-shadow:0 12px 42px #a0d46c28}.hero-visual{position:relative;min-width:0;align-self:center;padding-left:15px;animation:art-enter 1.1s .15s both;perspective:1200px}.hero-visual:before{content:'';position:absolute;inset:9% -5%;background:#4f6d2430;filter:blur(65px);pointer-events:none}.landing .hero-art{min-height:520px;clip-path:none;overflow:hidden;border:1px solid #77846b66;border-radius:6px;box-shadow:0 30px 70px #0007;background:#12170f;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease,border-color .6s;isolation:isolate}.hero-scenes,.hero-scene,.scene-vignette{position:absolute;inset:0}.hero-scene{opacity:0;transform:scale(1.065);transition:opacity 1.1s ease,transform 7.5s ease;pointer-events:none}.hero-scene.is-active{opacity:1;transform:scale(1)}.hero-scene>img{width:100%;height:100%;object-fit:cover}.hero-scene[data-scene=finals]>img{object-position:67% center}.hero-scene[data-scene=cod]>img{object-position:center}.hero-scene[data-scene=league]>img{object-position:65% center}.hero-scene[data-scene=wardogs]>img{filter:contrast(1.1);object-position:center}.scene-vignette{background:linear-gradient(180deg,#0a130969 0%,#08100700 35%,#070e09aa 68%,#070e09 100%);pointer-events:none}.art-top{position:absolute;top:22px;left:24px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:14px;z-index:3}.art-top>span{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#eef2e7}.motion-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0a150a99;border:1px solid #d6e3ce66;color:#f2f6ee;cursor:pointer;border-radius:50%;font-size:1rem}.motion-toggle[hidden]{display:none}.motion-toggle:hover{background:#263a20}.motion-toggle:focus-visible,.scene-switcher button:focus-visible{outline:3px solid var(--green);outline-offset:4px}.scene-caption{position:absolute;left:30px;right:30px;bottom:26px;z-index:2;pointer-events:none}.scene-category{font-size:.75rem;letter-spacing:.11em;font-weight:700;margin-bottom:7px;color:#c0e69b}.scene-title{display:block;color:#fbfff7;font:700 clamp(2.5rem,3.5vw,4rem)/1.05 DropzoneDisplay,Impact,sans-serif;letter-spacing:.015em;max-width:100%;margin-bottom:25px}.scene-footer{display:flex;align-items:center;gap:20px}.scene-counter{font-size:.8125rem;color:#c6d1c0;white-space:nowrap}.scene-progress{height:2px;background:#a4b19844;flex:1;overflow:hidden}.scene-progress>span{height:100%;display:block;background:var(--green);transform-origin:left;transform:scaleX(0)}.art-shine{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,50%),#e3ffc618,transparent 55%);opacity:0;transition:opacity .35s}.hero-art:hover .art-shine{opacity:1}.scene-switcher{display:flex;gap:0;padding-top:18px;justify-content:space-between;position:relative;z-index:3}.scene-switcher[hidden]{display:none}.scene-switcher>button{font-family:inherit;font-size:.75rem;letter-spacing:.03em;background:transparent;color:#899782;padding:9px 6px 11px;border:0;border-bottom:2px solid transparent;cursor:pointer;transition:color .25s,border-color .25s}.scene-switcher>button:hover{color:#f1f7ec}.scene-switcher>button.active{color:var(--green);border-color:var(--green)}.landing .feature-strip{border-top-color:#5b694a;border-bottom-color:#303b2a;padding:27px 0;color:#cad5c1}.landing .games-section{padding-top:115px;padding-bottom:105px}.landing .section-heading h2{font-size:clamp(3rem,5vw,4.9rem);line-height:1}.landing .eyebrow{font-size:.8125rem;letter-spacing:.13em}.landing .game-card{min-height:450px;border-top:1px solid #60724b60;border-left:1px solid #60724b40;border-right:1px solid #60724b40;border-radius:5px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;box-shadow:0 15px 40px #0002;isolation:isolate}.landing .game-copy{min-height:450px;padding:24px;transition:transform .4s}.landing .game-copy h3{font-size:2.8rem;line-height:.98;letter-spacing:.01em}.landing .game-card>img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .8s;filter:saturate(.72)}.landing .game-card:after{background:linear-gradient(180deg,#08110733 0%,#08110700 24%,#070e08c9 65%,#070e08 100%)}.landing .game-card:hover{transform:translateY(-10px);box-shadow:0 24px 42px #0008;border-top-color:#c0e69b80}.landing .game-card:hover>img{transform:scale(1.095);filter:saturate(1.1)}.landing .game-card:hover .game-copy{transform:translateY(-5px)}.landing .game-number{font-size:.75rem;padding:6px 9px;align-self:start;border:1px solid #b6d59455;background:#14271077;border-radius:2px}.landing .details-section{position:relative;padding-top:70px;padding-bottom:70px;border-color:#3c4932}.landing .details-intro h2{font-size:4.4rem;line-height:1}.landing .details-list article{transition:transform .4s,border-color .4s}.landing .details-list article:hover{transform:translateX(7px);border-color:#93b67580}.landing .details-list h3{font-size:1.15rem}.landing .install-section{position:relative;background:linear-gradient(115deg,#1b2914,#111a0f);overflow:hidden;margin:0 5%;border:1px solid #6f88504a;border-radius:6px;padding:65px 5%}.landing .install-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0%,#b0e27418,transparent 60%);pointer-events:none}.landing .install-section h2{font-size:clamp(3rem,4vw,4.2rem);position:relative}.closing-wordmark{font:700 clamp(4rem,18vw,16rem)/.85 DropzoneDisplay,Impact,sans-serif;color:#1a2617;letter-spacing:.015em;text-align:center;padding:90px 5% 45px;max-width:1540px;margin:auto;user-select:none;overflow:hidden}.closing-wordmark>span{display:block;font:500 .75rem/1.5 DropzoneBody,Arial,sans-serif;letter-spacing:.28em;color:#77916a;margin-top:25px}.landing footer{border-top:1px solid #2c3627;width:90%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.landing [data-reveal]{transition:opacity .8s ease,translate .8s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}.landing .await-reveal{opacity:0;translate:0 32px}.landing .game-card[data-reveal]{transition:opacity .75s ease,translate .75s ease,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}@keyframes title-enter{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes soft-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes art-enter{from{opacity:0;transform:translateY(24px) rotate(2deg)}to{opacity:1;transform:none}}@media(min-width:1550px){.landing .hero h1{font-size:7rem}}@media(max-width:1100px){.landing .hero{grid-template-columns:1fr 1fr;min-height:650px;padding-top:55px;padding-bottom:55px}.landing .hero h1{font-size:clamp(3.5rem,6.5vw,6rem)}.landing .hero-art{min-height:490px}.scene-title{font-size:3rem}.scene-switcher>button{font-size:.75rem;letter-spacing:0}.scene-switcher{flex-wrap:wrap;gap:0 10px}.landing .game-card,.landing .game-copy{min-height:420px}}@media(max-width:780px){.landing .hero{grid-template-columns:1fr;gap:40px;padding:48px 6%}.landing .hero h1{font-size:clamp(4rem,10vw,6rem)}.hero-visual{padding-left:0;max-width:660px;width:100%;justify-self:center}.landing .hero-art{min-height:440px}.hero-copy{max-width:100%}.landing .games-section{padding-top:65px;padding-bottom:65px}.landing .details-intro h2{font-size:3.5rem}.landing .install-section{padding:38px 25px}.landing .game-copy h3{font-size:2.5rem}.landing .hero-visual .hero-art{width:100%}}@media(max-width:500px){.landing .site-header{padding:17px 20px;gap:12px}.landing .site-header nav{gap:12px}.landing.page-scrolled .site-header{padding-top:12px;padding-bottom:12px}.landing .hero-art{min-height:380px}.art-top{left:18px;right:18px;top:17px}.scene-caption{left:22px;right:22px;bottom:22px}.scene-title{font-size:2.8rem}.scene-category{font-size:.75rem;letter-spacing:.04em}.landing .hero h1{font-size:clamp(3.4rem,11.4vw,5rem)}.landing .hero-desc{font-size:1.05rem}.scene-switcher{gap:2px;flex-wrap:wrap}.scene-switcher>button{padding-left:3px;padding-right:3px}.landing .game-copy{padding:16px}.landing .game-card,.landing .game-copy{min-height:370px}.landing .game-copy h3{font-size:2.3rem}.landing .game-number{font-size:.75rem;padding:4px 6px;letter-spacing:0}.landing .install-section{margin:0 20px}.landing .install-section h2{font-size:2.8rem}.closing-wordmark{padding-top:60px;padding-bottom:35px}.closing-wordmark>span{letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){.landing .headline-line>span,.landing .hero .eyebrow,.landing .hero-desc,.landing .download-area,.hero-visual{animation:none;opacity:1;transform:none}.landing .await-reveal{opacity:1;translate:none}.landing .hero-art,.landing .game-card:hover,.landing .game-card:hover .game-copy,.landing .details-list article:hover{transform:none}.hero-scene,.hero-scene.is-active{transform:none}.landing .primary:after{display:none}.motion-toggle{display:none}.landing .site-header{transition:none}.landing [data-reveal]{transition:none}}
/* Hold the artwork still when its animation is paused. */
.hero-scene{transform:none;transition:opacity 1.1s ease}.hero-scene.is-active{transform:none}.hero-scene.is-active>img{animation:scene-drift 7.5s ease-out both}.hero-art.motion-paused .hero-scene>img{animation-play-state:paused}.landing .game-copy h3{overflow-wrap:anywhere}@keyframes scene-drift{from{transform:scale(1.055)}to{transform:scale(1)}}@media(max-width:500px){.landing .hero h1{font-size:13vw}.landing .game-grid{grid-template-columns:1fr}.landing .game-card,.landing .game-copy{min-height:390px}.landing .game-copy{padding:24px}.landing .game-copy h3{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){.hero-scene.is-active>img{animation:none;transform:none}.hero-scene{transition:none}}
.scene-switcher>button{font-size:.875rem;line-height:1.4}.scene-switcher{flex-wrap:wrap}.landing .motion-toggle{font-family:Arial,sans-serif}