:root{--orange:#ff5a13;--dark:#05090d}
*{box-sizing:border-box}
body{margin:0;background:var(--dark);color:#fff;font-family:Manrope,sans-serif}
header{height:94px;background:linear-gradient(100deg,#031a2e,#07588f);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:5}
header img{width:190px;height:76px;object-fit:contain}
header>a:last-child{color:#fff;text-decoration:none;font-size:.75rem;font-weight:800}
.catalog-languages{display:flex;gap:6px}.catalog-languages button{display:flex;align-items:center;gap:5px;background:#ffffff12;border:1px solid #ffffff2a;color:#fff;padding:7px 8px;cursor:pointer;font-size:.67rem;font-weight:800}.catalog-languages button.active{background:var(--orange);border-color:var(--orange)}.catalog-languages img{width:20px;height:14px;object-fit:cover}
.intro{padding:70px 6vw 35px}.intro span{color:var(--orange);font-size:.72rem;font-weight:800;letter-spacing:.17em}.intro h1{font:800 clamp(4rem,8vw,8rem)/.8 'Barlow Condensed';text-transform:uppercase;margin:16px 0 25px}.intro p{color:#aab4ba}
.filters{padding:0 6vw 30px;display:flex;gap:8px;flex-wrap:wrap}.filters button{background:#10171c;border:1px solid #ffffff22;color:#bbc4c9;padding:12px 16px;font-weight:800;cursor:pointer}.filters button.active{background:var(--orange);color:#fff;border-color:var(--orange)}
.grid{padding:0 6vw 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid a{aspect-ratio:4/3;background:#0c1318;border:1px solid #ffffff1f;color:#fff;text-decoration:none;display:block;overflow:hidden;transition:.25s}.grid a:hover{transform:translateY(-4px);border-color:var(--orange);box-shadow:0 16px 34px #0008}.grid img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block;transition:transform .3s ease}.grid a:hover img{transform:scale(1.025)}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){header{height:76px}header img{width:140px}.catalog-languages button{font-size:0;padding:6px}.catalog-languages img{width:22px;height:15px}.back-site{display:none}.grid{grid-template-columns:repeat(2,1fr);padding:0 20px 60px}.intro,.filters{padding-left:20px;padding-right:20px}}
@media(max-width:480px){.grid{grid-template-columns:1fr}}