.mission-hero{grid-template-columns:1.3fr .7fr;gap:18px;display:grid}.mission-hero-main,.mission-hero-side{background:#17232b;min-height:385px;position:relative;overflow:hidden}.mission-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mission-hero-main:after,.mission-hero-side:after{content:"";background:linear-gradient(#060f1608 18%,#060f16f5);position:absolute;inset:0}.hero-content{color:#fff;z-index:1;padding:26px 31px;position:absolute;bottom:0;left:0;right:0}.tiny{color:#72d9fa;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:800}.hero-content h2{text-transform:uppercase;margin:12px 0;font-size:clamp(37px,5vw,64px);line-height:.92}.mission-hero-side h2{font-size:clamp(30px,3.2vw,44px)}.hero-content p{color:#e2eff4;max-width:470px;margin:0 0 18px;font-size:12px;line-height:1.7}.action{color:#fff;text-transform:uppercase;letter-spacing:.4px;background:#1c9cce;padding:13px 18px;font-size:11px;font-weight:800;display:inline-flex}.action:hover{background:#137ca4}.action.light{color:#142733;background:#fff}.directory{margin-top:58px}.heading-row{border-bottom:1px solid #e3e7e9;justify-content:space-between;align-items:end;gap:20px;padding-bottom:15px;display:flex}.heading-row h2{margin:10px 0 0;font-size:50px;line-height:.95}.heading-note{color:#65757c;font-size:12px}.directory-tools{justify-content:space-between;align-items:center;gap:15px;margin:23px 0 12px;display:flex}.mission-search{background:#f4f7f8;border:1px solid #e3e7e9;flex-shrink:0;align-items:center;gap:12px;width:350px;padding:0 14px;display:flex}.mission-search input{background:0 0;border:0;outline:0;width:100%;height:46px;font-size:13px}.mission-search:focus-within{border-color:#1c9cce}.mission-filters{flex-wrap:wrap;gap:7px;display:flex}.mission-filters button{text-transform:uppercase;color:#42535d;background:#fff;border:1px solid #e3e7e9;padding:12px 13px;font-size:10px;font-weight:800}.mission-filters button.selected{color:#fff;background:#17242b;border-color:#17242b}.result-line{color:#76838a;justify-content:space-between;gap:20px;margin:18px 0;font-size:11px;font-weight:700;display:flex}.mission-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.mission{background:#fff;border:1px solid #e3e7e9;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s;display:flex}.mission:hover{transform:translateY(-3px);box-shadow:0 14px 35px #172f381c}.mission[hidden]{display:none}.mission-art{aspect-ratio:1.4;background:#1a343b;position:relative;overflow:hidden}.mission-art img{object-fit:cover;height:100%;transition:transform .25s}.mission:hover img{transform:scale(1.05)}.mission-number{color:#fff;background:#101e27dc;padding:5px 9px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.mission-body{flex-direction:column;flex:1;padding:16px;display:flex}.mission-type{color:#188fbf;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:900}.mission-body h3{margin:9px 0 5px;font-size:27px;line-height:1}.mission-label{color:#314650;font-size:11px;font-weight:800}.mission-body p{color:#6b7880;flex:1;margin:12px 0 20px;font-size:12px;line-height:1.65}.mission-foot{color:#6a7880;border-top:1px solid #e3e7e9;justify-content:space-between;align-items:center;gap:7px;padding-top:12px;font-size:10px;display:flex}.mission-foot b{color:#158cbb;white-space:nowrap}.none{text-align:center;color:#6a7880;background:#f4f7f8;padding:26px}.ending{color:#fff;background:#14242d;grid-template-columns:1fr 1fr;min-height:245px;margin-top:55px;display:grid}.ending-image{background-position:50%;background-size:cover}.ending-content{padding:35px}.ending-content h2{margin:13px 0;font-size:45px;line-height:.94}.ending-content p{color:#c9dae2;max-width:400px;font-size:13px;line-height:1.7}@media (width<=1050px){.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-tools{flex-direction:column;align-items:stretch}.mission-search{width:100%}}@media (width<=720px){.mission-hero{grid-template-columns:1fr;gap:10px}.mission-hero-main{min-height:280px}.mission-hero-side{min-height:220px}.hero-content{padding:18px}.hero-content h2{font-size:39px}.mission-hero-side h2{font-size:34px}.hero-content p{margin-bottom:12px;font-size:11px}.directory{margin-top:36px}.heading-row{display:block}.heading-row h2{font-size:38px}.heading-note{display:none}.directory-tools{margin-top:15px}.mission-filters{flex-wrap:nowrap;padding-bottom:9px;overflow-x:auto}.mission-filters button{flex:none;min-height:43px}.result-line span:last-child{display:none}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mission-body{padding:11px}.mission-body h3{font-size:23px}.mission-body p{font-size:11px}.mission-foot{display:block}.mission-foot b{margin-top:6px;display:block}.ending{grid-template-columns:1fr}.ending-image{height:160px}.ending-content{padding:23px}.ending-content h2{font-size:37px}}@media (width<=350px){.mission-grid{grid-template-columns:1fr}.mission-foot{display:flex}.mission-foot b{margin:0}}
