.enemies-page{--pad:4vw;color:#f1eee4;background:#08090b}.enemies-header{height:84px;padding:0 var(--pad);border-bottom:1px solid #292a2d;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.enemies-wordmark{letter-spacing:-.055em;width:max-content;font-size:16px;font-weight:900;line-height:.82}.enemies-wordmark span{display:block}.enemies-header nav{text-transform:uppercase;letter-spacing:.1em;gap:38px;font-size:14px;font-weight:700;display:flex}.enemies-header nav .active{color:#0f4}.enemies-header>a:last-child{text-transform:uppercase;letter-spacing:.13em;justify-self:end;font-size:14px}.enemies-intro{padding:9vw var(--pad) 8vw;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 3fr;gap:30px 6vw;min-height:690px;display:grid}.enemies-kicker{color:#0f4;text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:14px;font-weight:700}.enemies-kicker.dark{color:#444a50}.enemies-intro h1{grid-column:2;align-self:center;font-size:clamp(62px,8.2vw,132px);line-height:.86}.enemies-intro>p:nth-of-type(2){grid-column:2;max-width:750px;margin:0;font-family:Georgia,serif;font-size:clamp(19px,2vw,30px);line-height:1.4}.enemies-intro>span{color:#7f8084;text-transform:uppercase;letter-spacing:.13em;grid-row:3;align-self:end;font-size:12px}.compilation{background:#101116;border-block:1px solid #2b2c31;padding:55px 0 38px;overflow:hidden}.compilation-heading,.reel-footer{margin-inline:var(--pad);justify-content:space-between;align-items:end;display:flex}.compilation-heading>span,.reel-footer>span{color:#898a8e;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.compilation-heading p{max-width:520px;font-family:Georgia,serif;font-size:16px}.reel-window{cursor:grab;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;user-select:none;margin:40px 0;overflow:auto hidden}.reel-window::-webkit-scrollbar{display:none}.reel-window.is-dragging{cursor:grabbing}.reel-track{gap:12px;width:max-content;display:flex}.reel-frame{aspect-ratio:16/10;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,#08090b),#08090b 62%);color:#f1eee4;flex:none;width:min(37vw,520px);display:block;position:relative;overflow:hidden}.reel-frame[href]{cursor:pointer}.reel-frame[href]:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.reel-frame img{object-fit:cover;filter:saturate(.7)contrast(1.06);pointer-events:none;width:100%;height:100%}.reel-placeholder{background:radial-gradient(circle at 30% 45%,color-mix(in srgb,var(--accent) 42%,transparent),transparent 34%),repeating-linear-gradient(0deg,transparent 0 6px,#ffffff06 6px 7px);place-items:center;width:100%;height:100%;display:grid}.reel-placeholder>span{color:color-mix(in srgb,var(--accent) 65%,#f1eee4);opacity:.7;font-family:"Headliner No. 45",sans-serif;font-size:clamp(100px,14vw,210px)}.reel-frame>div:last-child{pointer-events:none;background:linear-gradient(#0000,#000000f0);grid-template-columns:1fr auto;align-items:end;padding:22px;display:grid;position:absolute;inset:auto 0 0}.reel-frame small{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;grid-column:1/-1;margin-bottom:12px;font-size:12px}.reel-frame strong{text-transform:uppercase;font-family:"Headliner No. 45",sans-serif;font-size:clamp(35px,4.2vw,65px);font-weight:400;line-height:.88}.reel-frame>div>span{text-transform:uppercase;letter-spacing:.13em;font-size:12px}.reel-footer strong{font-family:Special Elite,serif;font-size:clamp(18px,2vw,28px);font-weight:400}.directory{padding:10vw var(--pad);color:#08090b;background:#f1eee4}.directory>header{grid-template-columns:2fr 1fr;align-items:end;gap:8vw;display:grid}.directory h2,.collective-action h2{margin:0;font-size:clamp(58px,7vw,110px);line-height:.86}.directory>header>div h2{margin-top:28px}.directory>header>p{font-family:Georgia,serif;font-size:16px;line-height:1.6}.directory-filters{border-block:1px solid #aaa69d;justify-content:space-between;align-items:center;margin:70px 0 34px;padding-block:15px;display:flex}.directory-filters>span{color:#6f6c65;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.directory-filters div{flex-wrap:wrap;gap:7px;display:flex}.directory-filters button{font:inherit;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #b8b4aa;padding:9px 12px;font-size:12px}.directory-filters button.active,.directory-filters button:hover{color:#f1eee4;background:#08090b;border-color:#08090b}.enemy-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:18px;display:grid}.enemy-card{background:#e7e3d8;border:1px solid #b8b4aa;display:block}.enemy-card.featured{grid-column:span 2}.enemy-card-media{aspect-ratio:4/3;color:#f1eee4;background:#08090b;position:relative;overflow:hidden}.enemy-card.featured .enemy-card-media{aspect-ratio:16/8.2}.enemy-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.enemy-card:hover img{transform:scale(1.025)}.portrait-placeholder{background:radial-gradient(circle at 36% 44%,color-mix(in srgb,var(--accent) 36%,transparent),transparent 32%),repeating-linear-gradient(0deg,transparent 0 7px,#ffffff08 7px 8px);place-items:center;width:100%;height:100%;display:grid}.portrait-placeholder span{color:var(--accent);opacity:.7;font-family:"Headliner No. 45",sans-serif;font-size:clamp(90px,13vw,190px)}.enemy-card-media>strong{text-transform:uppercase;text-shadow:0 2px 20px #000;font-family:"Headliner No. 45",sans-serif;font-size:clamp(38px,4.5vw,72px);font-weight:400;line-height:.86;position:absolute;bottom:16px;left:18px}.card-number,.card-status{z-index:2;text-transform:uppercase;letter-spacing:.12em;font-size:12px;position:absolute;top:15px}.card-number{left:16px}.card-status{align-items:center;gap:7px;display:flex;right:16px}.card-status i{background:var(--accent);border-radius:50%;width:6px;height:6px}.enemy-card-copy{padding:20px}.enemy-card-copy>p{min-height:66px;margin:0 0 30px;font-family:Georgia,serif;font-size:15px;line-height:1.5}.enemy-card-copy>div{color:#6e6a63;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #b8b4aa;justify-content:space-between;padding-top:13px;font-size:12px;display:flex}.enemy-card-copy b{text-transform:uppercase;letter-spacing:.12em;margin-top:20px;font-size:12px;display:block}.collective-action{padding:10vw var(--pad);flex-direction:column;justify-content:center;align-items:flex-start;min-height:720px;display:flex}.collective-action h2{max-width:1200px;margin-top:24px}.collective-action>p:nth-of-type(2){max-width:660px;margin:40px 0;font-family:Georgia,serif;font-size:18px;line-height:1.55}.collective-action>a{text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid #f1eee4;padding-bottom:8px;font-size:14px}.enemies-footer{padding:60px var(--pad);border-top:1px solid #292a2d;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:7vw;display:grid}.enemies-footer p{margin:0;font-family:Georgia,serif;font-size:clamp(22px,2.4vw,35px)}.enemies-footer>a:last-child{text-transform:uppercase;letter-spacing:.12em;justify-self:end;font-size:14px}@media (width<=850px){.enemies-page{--pad:6vw}.enemies-header{grid-template-columns:1fr auto;height:70px}.enemies-header nav{display:none}.enemies-intro{grid-template-columns:1fr;min-height:700px}.enemies-intro h1,.enemies-intro>p:nth-of-type(2){grid-column:1}.enemies-intro h1{font-size:clamp(55px,16vw,92px)}.reel-frame{width:82vw}.compilation-heading{display:block}.compilation-heading p{margin-top:18px}.reel-footer>span{display:none}.directory>header{grid-template-columns:1fr}.directory-filters{flex-direction:column;align-items:flex-start;gap:20px}.enemy-grid{grid-template-columns:1fr}.enemy-card.featured{grid-column:auto}.enemy-card.featured .enemy-card-media,.enemy-card-media{aspect-ratio:4/3}.enemies-footer{grid-template-columns:1fr}.enemies-footer>a:last-child{justify-self:start}}@media (prefers-reduced-motion:reduce){.reel-track{animation:none}}.enemies-header{z-index:40;background:#08090bf7;position:sticky;top:0}@media (width<=850px){.enemies-header{grid-template-rows:64px 48px;grid-template-columns:1fr auto;height:112px}.enemies-header nav{border-top:1px solid #292a2d;grid-area:2/1/auto/-1;justify-content:center;align-self:stretch;align-items:center;gap:0;display:flex}.enemies-header nav a{text-align:center;flex:1}.enemies-header>a:last-child{grid-area:1/2}}
