.shopTypes {
  padding: 115px max(24px, 7vw);
  display: grid;
  grid-template-columns: minmax(290px, .72fr) minmax(520px, 1.28fr);
  gap: 7vw;
  background: #10110f;
}
.shopTypesIntro { align-self: start; position: sticky; top: 110px; }
.shopTypes h2 {
  font: 700 clamp(38px, 5vw, 67px)/.97 Georgia, serif;
  letter-spacing: -.045em;
  margin: 20px 0;
}
.shopTypesIntro > p:not(.overline) { color: var(--muted); font-size: 17px; line-height: 1.7; }
.shopTypeGrid { display: grid; grid-template-columns: 1fr 1fr; border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.shopTypeGrid article { min-height: 205px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg, #181a16, #11120f); }
.shopTypeGrid b { font: 800 11px monospace; color: var(--gold2); }
.shopTypeGrid h3 { font: 700 23px Georgia, serif; margin: 30px 0 10px; }
.shopTypeGrid p { margin: 0; color: var(--muted); line-height: 1.6; }
@media (max-width: 1050px) {
  .shopTypes { grid-template-columns: 1fr; }
  .shopTypesIntro { position: static; }
}
@media (max-width: 720px) {
  .shopTypes { padding: 78px 22px; }
  .shopTypeGrid { grid-template-columns: 1fr; }
  .shopTypeGrid article { min-height: 175px; }
}