:root{--blue:#1c9cce;--ink:#14191d;--muted:#637079;--line:#e3e7e9;--wash:#f5f7f8;--max:1250px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 52px));margin:auto}.line{background:var(--blue);height:4px}header{border-bottom:1px solid var(--line);z-index:5;background:#fff;position:relative}.top{justify-content:space-between;align-items:center;gap:20px;min-height:82px;display:flex}.logo{width:158px;height:auto}.nav{align-items:center;gap:27px;display:flex}.nav a{text-transform:uppercase;color:#39434b;letter-spacing:.4px;font-size:12px;font-weight:800}.nav a:hover,.nav a.active{color:var(--blue)}.menu{border:1px solid var(--line);background:#fff;padding:9px 14px;font-weight:800;display:none}.breadcrumb{color:#77828a;letter-spacing:.2px;align-items:center;gap:9px;margin:24px 0;font-size:11px;font-weight:700;display:flex}.breadcrumb a:hover{color:var(--blue)}.breadcrumb strong{color:var(--ink)}.intro{padding:8px 0 30px}.micro{color:#098aba;text-transform:uppercase;letter-spacing:2.2px;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.micro:before{content:"";background:var(--blue);width:23px;height:3px}h1,h2,h3{text-transform:uppercase;font-family:Barlow Condensed,Impact,sans-serif}.intro-grid{justify-content:space-between;align-items:end;gap:25px;display:flex}.intro h1{letter-spacing:-1.2px;margin:15px 0 0;font-size:clamp(62px,8vw,106px);font-weight:900;line-height:.86}.intro h1 span{color:var(--blue)}.intro p{color:#59676e;max-width:375px;margin:0 0 6px;font-size:14px;line-height:1.75}.feature{grid-template-columns:1.33fr .67fr;gap:18px;display:grid}.feature-main,.feature-side{background:#11232b;min-height:390px;position:relative;overflow:hidden}.feature-main img,.feature-side img{object-fit:cover;height:100%;position:absolute;inset:0}.feature-main:after,.feature-side:after{content:"";background:linear-gradient(#070c110f 23%,#070c11f0);position:absolute;inset:0}.feature-side:after{background:linear-gradient(#070c111a 22%,#070c11f2)}.feature-text{z-index:1;color:#fff;padding:27px 31px;position:absolute;bottom:0;left:0;right:0}.feature-text .tag{letter-spacing:1.5px;color:#71daf9;text-transform:uppercase;font-size:10px;font-weight:800}.feature-text h2{margin:10px 0;font-size:clamp(34px,4.5vw,58px);line-height:.95}.feature-text p{color:#e4edf1;max-width:540px;margin:0 0 16px;font-size:12px;line-height:1.65}.cta{background:var(--blue);color:#fff;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:24px;padding:12px 16px;font-size:11px;font-weight:800;transition:background .2s;display:inline-flex}.cta:hover{background:#117ca8}.feature-side h2{font-size:43px}.feature-side .feature-text p{max-width:280px}.feature-side .cta{color:#18242a;background:#fff}.section{margin-top:56px}.section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;padding-bottom:14px;display:flex}.section-title h2{margin:12px 0 0;font-size:clamp(36px,4vw,50px);font-weight:900;line-height:.9}.section-title p{color:var(--muted);margin:0 0 4px;font-size:12px}.controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search{background:var(--wash);border:1px solid var(--line);align-items:center;gap:12px;width:100%;max-width:385px;padding:0 14px;display:flex}.search input{width:100%;height:44px;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.search:focus-within{border-color:var(--blue)}.filters{flex-wrap:wrap;gap:7px;display:flex}.filter{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.6px;color:#52616a;background:#fff;padding:12px 15px;font-size:10px;font-weight:800}.filter[aria-pressed=true]{color:#fff;background:#17232b;border-color:#17232b}.results{color:var(--muted);font-size:11px;font-weight:800}.characters{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.character-card{border:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s;display:flex}.character-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #152d3814}.character-card[hidden]{display:none}.portrait{aspect-ratio:4/3;background:#203640;overflow:hidden}.portrait img{object-fit:cover;height:100%;transition:transform .35s}.character-card:hover .portrait img{transform:scale(1.04)}.card-copy{flex-direction:column;flex:1;padding:16px;display:flex}.card-role{color:var(--blue);text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:900}.card-copy h3{margin:9px 0;font-size:27px;line-height:1}.card-copy p{color:var(--muted);flex:1;margin:0 0 18px;font-size:12px;line-height:1.65}.card-bottom{border-top:1px solid var(--line);color:#3c4b54;justify-content:space-between;gap:10px;padding-top:12px;font-size:11px;font-weight:800;display:flex}.card-bottom span{color:var(--blue);font-size:16px}.empty{background:var(--wash);text-align:center;color:var(--muted);padding:28px;display:none}.empty.show{display:block}.divider-feature{color:#fff;background:#14242d;grid-template-columns:1fr 1fr;min-height:235px;margin-top:54px;display:grid}.divider-feature .image{background-position:50%;background-size:cover}.divider-feature .copy{padding:36px 40px}.divider-feature h2{margin:14px 0;font-size:45px;line-height:.9}.divider-feature p{color:#c0d3dc;max-width:420px;font-size:13px;line-height:1.75}.footer{border-top:1px solid var(--line);color:#71818a;justify-content:space-between;gap:25px;margin-top:50px;padding:24px 0 35px;font-size:11px;line-height:1.6;display:flex}@media (width<=1050px){.characters{grid-template-columns:repeat(3,minmax(0,1fr))}.feature{grid-template-columns:1fr 1fr}.feature-main,.feature-side{min-height:365px}}@media (width<=720px){.wrap{width:calc(100% - 30px)}.top{min-height:66px}.logo{width:125px}.menu{display:block}.nav{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:66px;left:0;right:0;box-shadow:0 15px 24px #0002}.nav.open{display:flex}.nav a{border-bottom:1px solid var(--line);padding:14px 20px}.breadcrumb{white-space:nowrap;margin:17px 0;overflow-x:auto}.intro{padding:8px 0 18px}.intro-grid{display:block}.intro h1{font-size:clamp(54px,13vw,75px);line-height:.88}.intro p{margin:14px 0 0;font-size:12px}.feature{grid-template-columns:1fr;gap:10px}.feature-main{min-height:270px}.feature-side{min-height:200px}.feature-main img{object-position:center 33%}.feature-side img{object-position:center 56%}.feature-text{padding:18px 19px}.feature-text h2{margin:8px 0;font-size:36px}.feature-text p{margin-bottom:12px;font-size:11px}.feature-side h2{font-size:32px}.feature-side .feature-text p{max-width:none}.cta{padding:10px 13px}.section{margin-top:36px}.section-title h2{font-size:38px}.section-title p{display:none}.controls{display:block}.search{max-width:none;margin-bottom:12px}.filters{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:7px;display:flex;overflow-x:auto}.filter{flex:none;padding:11px 13px}.results{margin:8px 0 15px}.characters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-copy{padding:11px}.card-copy h3{font-size:23px}.card-copy p{margin-bottom:12px;font-size:11px;line-height:1.55}.portrait{aspect-ratio:1}.divider-feature{grid-template-columns:1fr}.divider-feature .image{height:145px}.divider-feature .copy{padding:25px}.divider-feature h2{font-size:36px}.footer{display:block}.footer div+div{margin-top:8px}}@media (width<=350px){.characters{grid-template-columns:1fr}.portrait{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}