.catalog-section{max-width:1200px;margin:auto;padding:120px 30px;display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:center}
.catalog-copy h2{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.04em;margin:0}
.catalog-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#626d72;max-width:650px;margin:26px 0 32px}
.catalog-button{border:0;cursor:pointer;font-family:inherit}
.catalog-cover{margin:0;position:relative;max-width:410px;justify-self:end;background:#0c151b;box-shadow:0 24px 55px rgba(13,21,27,.2);cursor:pointer;overflow:hidden;outline:none}
.catalog-cover:focus-visible{box-shadow:0 0 0 3px #16a9e0,0 24px 55px rgba(13,21,27,.2)}
.catalog-cover img{display:block;width:100%;height:auto;transition:transform .45s}
.catalog-cover:hover img{transform:scale(1.025)}
.catalog-cover figcaption{position:absolute;left:0;right:0;bottom:0;padding:56px 22px 20px;background:linear-gradient(transparent,rgba(4,9,12,.92));color:#fff;font-size:18px}
.catalog-cover figcaption span{display:block;color:#61c8ed;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}
@media(max-width:850px){.catalog-section{grid-template-columns:1fr;gap:45px;padding:85px 24px}.catalog-cover{justify-self:center;width:min(100%,410px)}}