.collection{position:relative}
.collection>.card{position:static;border:0;border-radius:0}
.collection>.card::after{content:"";position:absolute;inset:310px 0 0;z-index:2;border:1px solid #e7e2de;border-radius:0 0 3px 3px;pointer-events:none}
.collection .card__header{position:absolute;inset:0 0 auto;height:310px;z-index:1;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;background:linear-gradient(rgba(0,0,0,.52),rgba(0,0,0,.62));border-radius:3px 3px 0 0}
.collection__header{width:100%;max-width:760px;margin:0 auto}
.collection__meta{margin:0 0 22px}
.collection__meta p{display:none}
.collection__title{margin:0;color:#fff;font-size:clamp(60px,6vw,86px);line-height:.95;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.collection__description{max-width:720px;margin:0 auto;color:#fff;font-size:18px;line-height:1.45;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.collection__description p{margin:0}
.collection__description p:first-child{margin-bottom:20px;color:#ff5a3c;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.collection__toolbar{margin-top:0;border-right:1px solid #e7e2de;border-left:1px solid #e7e2de}
@media(max-width:640px){
  .collection>.card::after{inset:230px 0 0}
  .collection .card__header{height:230px;padding:16px}
  .collection__header{max-width:100%}
  .collection__meta{margin-bottom:14px}
  .collection__title{font-size:42px}
  .collection__description{font-size:14px;line-height:1.4}
  .collection__description p:first-child{margin-bottom:12px;font-size:11px;line-height:1.35;letter-spacing:.08em}
}