.storefront-banner {
  position: relative;
  container-type: inline-size;
  margin: 26px 0 24px;
  overflow: hidden;
  border-radius: 22px;
  background: #f7effb;
}

.storefront-art img {
  display: block;
  width: 100%;
  height: auto;
}

.storefront-copy {
  position: absolute;
  inset: 0 auto 0 4.1875%;
  width: 29%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-family: "Segoe UI", Arial, sans-serif;
  color: #443150;
}

.storefront-logo {
  display: block;
  width: 12.75cqw;
  height: auto;
  margin: 0 0 1.15cqw 5.9cqw;
}

.storefront-banner h1 {
  margin: 0;
  font: 800 4.125cqw/1.03 "Segoe UI", Arial, sans-serif;
  letter-spacing: -.17cqw;
  text-transform: uppercase;
  color: #2b1939;
}

.storefront-banner h1 span {
  display: block;
  font-size: 1.135em;
  color: #7045a1;
}

.storefront-products,
.storefront-sales {
  text-transform: uppercase;
  line-height: 1.3;
}

.storefront-products {
  margin: 1.9cqw 0 0;
  font-size: 1.5625cqw;
  font-weight: 700;
}

.storefront-sales {
  margin: 1.15cqw 0 0;
  color: #61516a;
  font-size: 1.3125cqw;
  font-weight: 650;
  letter-spacing: .035em;
}

.storefront-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: .85em;
  margin-top: 2.15cqw;
  padding: .9cqw 1.55cqw;
  border-radius: .875cqw;
  background: #7045a1;
  color: #fff;
  font-size: 1.3125cqw;
  font-weight: 700;
  text-decoration: none;
}

.storefront-link:hover { background: #593182; }
.storefront-link:focus-visible { outline: 3px solid #2b1939; outline-offset: 4px; }

@media (max-width: 700px) {
  .storefront-banner { display: flex; flex-direction: column; margin-top: 16px; }
  .storefront-copy {
    position: static;
    order: -1;
    width: 100%;
    align-items: center;
    text-align: center;
    padding: 22px 14px 0;
  }
  .storefront-logo { width: clamp(104px, 23cqw, 144px); margin: 0 0 12px; }
  .storefront-banner h1 { font-size: clamp(27px, 8.8cqw, 48px); letter-spacing: -.045em; }
  .storefront-products { margin-top: 15px; font-size: clamp(13px, 3.9cqw, 20px); }
  .storefront-sales { margin-top: 7px; font-size: clamp(11px, 3.25cqw, 16px); }
  .storefront-link { margin-top: 15px; min-height: 44px; padding: 9px 15px; border-radius: 11px; font-size: 14px; }
  .storefront-art { overflow: hidden; }
  .storefront-art img { width: 149.53%; max-width: none; margin-left: -49.53%; }
}