/* Homepage rhythm: one gutter, consistent editorial scale, a quiet founder close. */
.beauty-home { --home-gutter: clamp(24px, 6vw, 112px); --home-space: clamp(56px, 6vw, 96px); }
.beauty-home .beauty-section { padding: var(--home-space) var(--home-gutter); }
.beauty-home .beauty-heading { margin-bottom: 36px; }
.beauty-home .texture-edit { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.beauty-home .texture-link,
.beauty-home .texture-link:nth-child(2),
.beauty-home .texture-link:nth-child(3) { margin-top: 0; min-height: 0; aspect-ratio: 4 / 5; }
.beauty-home .beauty-diaries { background: var(--hp-warm-cream); }
.beauty-home .beauty-diaries > div:first-child { padding: var(--home-space) var(--home-gutter); align-self: center; }
.beauty-home .beauty-diaries > .beauty-art { min-height: 520px; }
.beauty-home .beauty-footer { padding-left: var(--home-gutter); padding-right: var(--home-gutter); }

.beauty-home .hp-founder-teaser {
  display: grid;
  grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr);
  align-items: center;
  column-gap: clamp(48px, 8vw, 128px);
  margin: 0;
  padding: var(--home-space) var(--home-gutter);
  border-top: 1px solid var(--hp-rule);
  background: var(--hp-porcelain);
}
.beauty-home .hp-founder-teaser-content { grid-column: 2; grid-row: 1; padding: 0; max-width: 670px; }
.beauty-home .hp-founder-teaser .eyebrow { color: var(--hp-berry-ink); margin: 0 0 24px; }
.beauty-home .hp-founder-teaser h2 { font-size: clamp(40px, 4.4vw, 66px); line-height: 1.06; margin: 0 0 26px; text-wrap: balance; }
.beauty-home .hp-founder-teaser-content > p:not(.eyebrow) { max-width: 510px; font-size: 16px; line-height: 1.8; margin-bottom: 22px; }
.beauty-home .hp-founder-teaser .button { margin-top: 6px; }
.beauty-home .hp-founder-teaser-portrait {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  min-height: 0;
  width: 100%;
  max-width: 380px;
  background: transparent;
  overflow: visible;
}
.beauty-home .hp-founder-teaser-portrait > img {
  position: static;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
}
.beauty-home .hp-founder-teaser-portrait figcaption { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 14px; border-bottom: 1px solid var(--hp-rule); padding: 16px 0; color: var(--hp-primary); }
.beauty-home .hp-founder-teaser-portrait figcaption span { font: italic 21px/1.2 var(--hp-display-font); }
.beauty-home .hp-founder-teaser-portrait figcaption small { font: 700 9px/1.5 var(--hp-body-font); letter-spacing: .12em; }

@media (min-width: 761px) {
  .beauty-home .hero-copy { padding-left: var(--home-gutter); }
  .beauty-home .beauty-story .story-copy { padding: var(--home-space) var(--home-gutter); }
}
@media (max-width: 1000px) and (min-width: 761px) {
  .beauty-home .hp-founder-teaser { column-gap: 40px; grid-template-columns: minmax(230px, .8fr) minmax(0, 1.2fr); }
  .beauty-home .texture-title strong { font-size: 34px; }
}
@media (max-width: 760px) {
  .beauty-home .texture-edit { grid-template-columns: 1fr; gap: 20px; }
  .beauty-home .texture-link,
  .beauty-home .texture-link:nth-child(2),
  .beauty-home .texture-link:nth-child(3) { aspect-ratio: 5 / 4; }
  .beauty-home .beauty-diaries > .beauty-art { min-height: 340px; }
  .beauty-home .hp-founder-teaser { grid-template-columns: 1fr; gap: 34px; }
  .beauty-home .hp-founder-teaser-content { grid-column: 1; grid-row: 1; }
  .beauty-home .hp-founder-teaser h2 { font-size: clamp(40px, 10vw, 58px); }
  .beauty-home .hp-founder-teaser-portrait { grid-column: 1; grid-row: 2; max-width: 380px; }
}