.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.catalog-head h2{font-size:clamp(42px,4.4vw,68px);letter-spacing:-.04em;margin:0}.catalog-head>p{color:#aaa;max-width:360px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:45px 0 30px}.filters button{border:1px solid #45403a;background:transparent;color:#aaa;padding:11px 16px;text-transform:uppercase;letter-spacing:.08em;font-weight:bold;font-size:11px;cursor:pointer}.filters button span{color:#666;margin-left:7px}.filters button.active,.filters button:hover{border-color:var(--orange);color:white}.filters button.active span{color:var(--orange)}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.catalog-card{background:#211e1b;border:1px solid #35312d;overflow:hidden;animation:catalog-in .35s both;animation-delay:var(--delay)}@keyframes catalog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.piano-photo{height:270px;background:#fff;position:relative;overflow:hidden}.piano-photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s}.catalog-card:hover .piano-photo img{transform:scale(1.025)}.piano-photo span{position:absolute;left:14px;bottom:14px;background:rgba(12,11,10,.86);padding:7px 9px;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.piano-info{padding:24px}.piano-brand{color:var(--orange);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:bold;margin:0}.piano-info h3{font-size:31px;margin:5px 0 14px}.piano-copy{color:#aaa;min-height:72px;margin:0}.piano-info dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #39342f;border-bottom:1px solid #39342f;margin:22px 0}.piano-info dl div{padding:11px 0}.piano-info dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777}.piano-info dd{margin:2px 0 0;font-weight:bold;font-size:13px}.consult{display:flex;justify-content:space-between;color:white;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:bold}.consult span{color:var(--orange);font-size:16px}@media(max-width:850px){.catalog{grid-template-columns:1fr}.catalog-head{align-items:start;flex-direction:column}.piano-copy{min-height:0}}@media(min-width:851px) and (max-width:1100px){.catalog{grid-template-columns:repeat(2,1fr)}}