.km-gallery{background:var(--km-ink,#070b0f);color:#fff;padding:clamp(44px,4vw,64px) 0;border-top:1px solid rgba(255,255,255,.12)}
.km-gallery-head{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:end;margin-bottom:28px}
.km-gallery h2{font-size:clamp(30px,3.2vw,46px);line-height:1.05;letter-spacing:-.045em;margin:18px 0 0;font-weight:700}
.km-gallery h2 em{font-style:normal;color:var(--km-silver,#c7d0d6)}
.km-gallery-head p{max-width:480px;color:#aab5be;margin:0;line-height:1.7}
.km-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.km-gallery figure{margin:0;min-width:0}
.km-gallery-image{display:block;overflow:hidden;background:#141d26;border:1px solid rgba(255,255,255,.13)}
.km-gallery-image:focus-visible{outline:3px solid var(--km-cyan,#50d9f7);outline-offset:5px}
.km-gallery-image img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;transition:transform .4s ease}
.km-gallery figure:first-child img{object-position:center 85%}.km-gallery figure:nth-child(2) img{object-position:center 35%}
.km-gallery-image:hover img{transform:scale(1.025)}
.km-gallery figcaption{display:flex;gap:16px;align-items:baseline;padding:15px 0 5px;font-size:14px;color:#c7d0d6;border-bottom:1px solid rgba(255,255,255,.13)}
.km-gallery figcaption span{color:var(--km-cyan,#50d9f7);font-size:11px;font-weight:700;letter-spacing:.12em}
@media(max-width:1000px){.km-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.km-gallery-head{grid-template-columns:1fr;gap:18px}.km-gallery-grid{gap:22px 12px}.km-gallery figcaption{gap:8px;font-size:12px;align-items:flex-start}.km-gallery-head p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.km-gallery-image img{transition:none}.km-gallery-image:hover img{transform:none}}
