.visual-catalog{padding-top:140px;padding-bottom:150px;background:#08121f;color:#fff}
.visual-catalog .section-kicker{color:#d6ff35}
.visual-catalog .section-kicker span{color:#8392a5}
.visual-catalog-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:74px}
.visual-catalog-head h2{font-size:clamp(37px,4.5vw,67px);line-height:1.06;letter-spacing:-.08em;margin:0}
.visual-catalog-head h2 span{font-family:var(--serif);font-weight:400;color:#d6ff35}
.visual-catalog-head>p{max-width:470px;color:#aebccc;font-size:14px;line-height:1.9;margin:0}
.visual-group+.visual-group{margin-top:86px}
.visual-group-head{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:20px;border-bottom:1px solid #314255;margin-bottom:24px}
.visual-group-head h3{font-size:25px;letter-spacing:-.05em;margin:0}
.visual-group-head p{font:9px var(--mono);letter-spacing:.08em;color:#8493a5;margin:0;text-align:right}
.visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.visual-card{display:flex;flex-direction:column;min-width:0;background:#101e2d;border:1px solid #24374b;transition:transform .25s,border-color .25s,box-shadow .25s;content-visibility:auto;contain-intrinsic-size:360px}
.visual-card:hover{transform:translateY(-5px);border-color:#4f7cff;box-shadow:0 20px 45px rgba(0,0,0,.22)}
.visual-card figure{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;background:#e8edf2}
.visual-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.visual-card--document figure{background:#fff}
.visual-card--document img{object-fit:contain;padding:10px;background:#fff}
.visual-card:hover img{transform:scale(1.025)}
.visual-card-copy{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:17px 18px 19px;min-height:108px}
.visual-card-copy small{display:block;font:8px var(--mono);letter-spacing:.09em;color:#7f93a9;margin-bottom:8px}
.visual-card-copy strong{display:block;font-size:15px;line-height:1.45;letter-spacing:-.03em}
.visual-card-copy>span{font-size:20px;color:#d6ff35;transition:transform .2s}
.visual-card:hover .visual-card-copy>span{transform:translate(4px,-4px)}
.article-hero-image{margin:0 0 48px;border:1px solid var(--line);background:#e9eef4}
.article-hero-image img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;margin:0 auto;background:#eef2f6}
.article-hero-image figcaption{padding:13px 17px;border-top:1px solid var(--line);font-size:10px;line-height:1.65;color:#69788b;background:#f5f7fa}
.article-hero-image figcaption strong{font:8px var(--mono);letter-spacing:.08em;color:var(--blue);margin-right:8px}
@media (max-width:1000px){
  .visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .visual-catalog{padding-top:88px;padding-bottom:92px}
  .visual-catalog-head{grid-template-columns:1fr;gap:26px;margin-bottom:50px}
  .visual-catalog-head h2{font-size:43px}
  .visual-group+.visual-group{margin-top:62px}
  .visual-group-head{align-items:start;flex-direction:column;gap:8px}
  .visual-group-head p{text-align:left}
  .visual-grid{grid-template-columns:1fr}
  .visual-card-copy{min-height:94px}
  .article-hero-image{margin-bottom:36px}
  .article-hero-image img{max-height:520px}
}