.cc_r7p66xuj_TngIqtGxE7 .product-showcase {
  position: relative;
  padding-block: clamp(110px, 13vw, 210px);
  overflow: hidden;
  background: var(--ps-bg, var(--qp-surface));
  color: var(--ps-text, var(--qp-ink));
}

.cc_r7p66xuj_TngIqtGxE7 .product-showcase::before {
  position: absolute;
  top: 38%;
  right: -4vw;
  left: -4vw;
  height: 1px;
  transform: rotate(-4deg);
  background: color-mix(in srgb, var(--ps-text, var(--qp-ink)) 9%, transparent);
  content: "";
}

.cc_r7p66xuj_TngIqtGxE7 .product-showcase__header {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 50px;
  align-items: end;
  margin-bottom: 0;
  transform: translateY(-30px);
}

.cc_r7p66xuj_TngIqtGxE7 .product-showcase__header > div { display: grid; grid-template-columns: minmax(0, .72fr) minmax(250px, .28fr); gap: 55px; align-items: end; }
.cc_r7p66xuj_TngIqtGxE7 .product-showcase__header .qp-eyebrow { grid-column: 1 / 3; margin-bottom: 0; color: var(--qp-accent); }
.cc_r7p66xuj_TngIqtGxE7 .product-showcase__header h2 { margin: 0; font: 400 clamp(62px, 7.5vw, 120px) / .94 var(--qp-serif); letter-spacing: -.052em; text-wrap: balance; }
.cc_r7p66xuj_TngIqtGxE7 .product-showcase__header p:not(.qp-eyebrow) { max-width: 410px; margin: 0 0 4px; color: var(--ps-muted, var(--qp-muted)); font: 400 clamp(15px, 1.1vw, 17px) / 1.72 var(--qp-sans); }
.cc_r7p66xuj_TngIqtGxE7 .product-showcase__header > .qp-link { margin-bottom: 4px; }

.cc_r7p66xuj_TngIqtGxE7 .product-showcase__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  gap: clamp(64px, 8vw, 132px) clamp(16px, 2vw, 32px);
  padding-top: 55px;
  isolation: isolate;
}

.cc_r7p66xuj_TngIqtGxE7 .showcase-card { position: relative; min-width: 0; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(1) { grid-column: 1 / 7; grid-row: 1; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(2) { grid-column: 9 / 13; grid-row: 1; margin-top: clamp(72px, 9vw, 142px); }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(3) { grid-column: 8 / 13; grid-row: 2; margin-top: 0; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(4) { grid-column: 2 / 7; grid-row: 2; margin-top: clamp(42px, 6vw, 96px); }

.cc_r7p66xuj_TngIqtGxE7 .showcase-card__media { position: relative; display: block; overflow: hidden; border-radius: 12px 12px 96px 12px; aspect-ratio: 4 / 5; background: #e7e3da; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(2) .showcase-card__media { border-radius: 90px 10px 10px 10px; aspect-ratio: 3 / 4; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(3) .showcase-card__media { border-radius: 10px 76px 10px 10px; aspect-ratio: 3 / 4; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(4) .showcase-card__media { border-radius: 10px 10px 10px 88px; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card__media img, .cc_r7p66xuj_TngIqtGxE7 .showcase-card__media > .qp-media-placeholder { width: 100%; height: 100%; object-fit: cover; transition: opacity .45s, transform .8s var(--qp-ease); }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card__second { position: absolute; inset: 0; opacity: 0; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card__media:hover .showcase-card__second { opacity: 1; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card__media:hover img { transform: scale(1.025); }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card__badge { position: absolute; right: 12px; bottom: 12px; padding: 8px 11px; border-radius: 12px 12px 4px 12px; background: rgba(252, 251, 248, .92); color: #171714; font: 600 8px / 1 var(--qp-sans); letter-spacing: .1em; text-transform: uppercase; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card__info { position: relative; display: flex; min-width: 0; justify-content: space-between; gap: 16px; padding: 15px 4px 0; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card h3 { min-width: 0; margin: 0; font: 500 12px / 1.5 var(--qp-sans); overflow-wrap: anywhere; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card h3 a { text-decoration: none; }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card__price { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; white-space: nowrap; font: 500 11px / 1.5 var(--qp-sans); }
.cc_r7p66xuj_TngIqtGxE7 .showcase-card__price s { color: var(--ps-muted, var(--qp-muted)); font-size: 10px; }

@media (hover: hover) {
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card__media:hover { transform: none; border-radius: inherit; box-shadow: var(--qp-shadow-float); }
}

@media (max-width: 900px) {
  .cc_r7p66xuj_TngIqtGxE7 .product-showcase__header > div { grid-template-columns: 1fr; gap: 22px; }
  .cc_r7p66xuj_TngIqtGxE7 .product-showcase__header .qp-eyebrow { grid-column: 1; margin-bottom: 0; }
  .cc_r7p66xuj_TngIqtGxE7 .product-showcase__grid { gap: 64px 14px; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(1) { grid-column: 1 / 8; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(2) { grid-column: 8 / 13; margin-top: 64px; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(3) { grid-column: 8 / 13; margin-top: 0; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(4) { grid-column: 1 / 7; margin-top: 46px; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(2) .showcase-card__info, .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(3) .showcase-card__info { display: grid; justify-content: start; gap: 7px; }
}

@media (max-width: 767px) {
  .cc_r7p66xuj_TngIqtGxE7 .product-showcase { padding-block: 90px; }
  .cc_r7p66xuj_TngIqtGxE7 .product-showcase__header { display: block; margin-bottom: 14px; transform: translateY(-24px); }
  .cc_r7p66xuj_TngIqtGxE7 .product-showcase__header h2 { font-size: clamp(55px, 15vw, 72px); line-height: .98; }
  .cc_r7p66xuj_TngIqtGxE7 .product-showcase__header p:not(.qp-eyebrow) { margin-top: 23px; }
  .cc_r7p66xuj_TngIqtGxE7 .product-showcase__header > .qp-link { margin-top: 24px; }
  .cc_r7p66xuj_TngIqtGxE7 .product-showcase__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 8px; padding-top: 0; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(1) { grid-column: 1 / 3; grid-row: auto; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(2), .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(3), .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(4) { grid-column: auto; grid-row: auto; margin-top: 0; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(4) { grid-column: 1 / 3; width: 67%; justify-self: end; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card__media, .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(2) .showcase-card__media, .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(3) .showcase-card__media, .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(4) .showcase-card__media { border-radius: 8px 8px 44px 8px; aspect-ratio: 3 / 4; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(2) .showcase-card__media { border-radius: 44px 8px 8px 8px; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(3) .showcase-card__media { border-radius: 8px 44px 8px 8px; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(4) .showcase-card__media { border-radius: 8px 8px 8px 44px; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card__info { display: block; padding-top: 11px; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card__price { align-items: flex-start; margin-top: 5px; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card h3 { font-size: 11px; }
}

@media (max-width: 390px) {
  .cc_r7p66xuj_TngIqtGxE7 .product-showcase__grid { grid-template-columns: 1fr; gap: 44px; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card:nth-child(n) { grid-column: 1; grid-row: auto; width: 100%; margin-top: 0; }
  .cc_r7p66xuj_TngIqtGxE7 .showcase-card__info { display: grid; justify-content: start; gap: 7px; }
}
