.avril-shop-page .avril-section__head h1 { margin: 0; font: 400 clamp(30px, 3vw, 42px)/1.12 var(--avril-serif); }
.avril-empty-state--shop { padding-bottom: 42px; }
.avril-about-hero { display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(250px, .72fr); min-height: 338px; background: var(--avril-white); }
.avril-about-hero__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px, 4vw, 54px) clamp(26px, 4.6vw, 68px); }
.avril-about-hero h1 { margin: 0; max-width: 760px; font: 400 clamp(18px, 1.45vw, 24px)/1.5 var(--avril-serif); letter-spacing: -.035em; }
.avril-about-hero__copy > p:last-child { margin: 14px 0 0; color: #7d7166; font-size: 12px; letter-spacing: .06em; }
.avril-about-hero > img { width: 100%; height: 100%; min-height: 338px; margin: 0; align-self: stretch; object-fit: cover; object-position: center; }
.avril-about-copy { font-size: 15px; }
.avril-about-copy h1,.avril-about-copy h2,.avril-about-copy h3 { font-family: var(--avril-serif); font-weight: 400; }
@media (max-width: 850px) {
  .avril-about-hero { grid-template-columns: 1fr; min-height: 0; }
  .avril-about-hero__copy { min-height: 0; padding: 36px 24px 26px; }
  .avril-about-hero > img { width: 100%; height: 232px; min-height: 0; margin: 0; object-position: center; }
  .avril-about-hero h1 { font-size: clamp(17px, 4.6vw, 21px); line-height: 1.52; }
}