/* V37: crop the blank top without changing the original image.
   Keep its bottom edge and all six service medallions visible. */
.page-home .universal-hero {
 display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr);
  min-height:0; margin-top:8px; background:#faf8f0;
}
.page-home .universal-hero .brand-home-visual {
 grid-column:2; grid-row:1 / 4; position:relative; overflow:hidden;
 height:clamp(420px,44vw,560px); min-width:0;
}
.page-home .universal-hero .brand-home-duo {
 position:absolute; inset:auto 0 0; width:100%; height:132.414%;
 object-fit:contain; object-position:center bottom;
 mask-image:none; mix-blend-mode:normal; z-index:0; aspect-ratio:auto;
}
.page-home .universal-hero .brand-home-copy {
 grid-column:1; grid-row:1; align-self:end; z-index:1;
 min-width:0; max-width:none; padding:32px 0 0 clamp(22px,3vw,40px);
}
.page-home .universal-hero .brand-home-copy h1 {
 font-size:clamp(2rem,4.1vw,3.8rem); line-height:1.1;
 margin:18px 0; max-width:none; overflow-wrap:normal;
}
.page-home .universal-hero .brand-home-copy h1 em { white-space:normal; }
.page-home .universal-hero .brand-home-copy p { display:block; max-width:30ch; margin:0; line-height:1.6; color:var(--cacao); }
.page-home .beauty-categories { grid-template-columns:repeat(6,minmax(0,1fr)); }
.page-home .universal-hero .brand-home-actions {
 grid-column:1; grid-row:2; position:relative; inset:auto; z-index:1;
 width:auto; min-width:0; max-width:none; padding:24px 0 32px clamp(22px,3vw,40px);
 display:flex; flex-wrap:wrap; align-items:center; gap:16px; background:none;
}
.page-home .universal-hero .brand-home-actions .btn {
 max-width:100%; min-height:48px; padding:14px 18px; gap:12px; white-space:normal;
}
@media(max-width:699px) {
 .page-home .universal-hero {
  grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto;
  min-height:0; margin:8px 0 0; border-radius:20px;
 }
 .page-home .universal-hero .brand-home-copy {
  grid-column:1; grid-row:1; padding:24px 20px 0; align-self:auto;
 }
 .page-home .universal-hero .brand-home-copy h1 {
  font-size:clamp(1.8rem,7.5vw,2.8rem); line-height:1.12; margin:14px 0 12px;
 }
 .page-home .universal-hero .brand-home-actions {
  grid-column:1; grid-row:2; padding:20px 20px 12px;
  flex-direction:column; align-items:stretch; gap:10px;
 }
 .page-home .universal-hero .brand-home-actions .btn { justify-content:space-between; }
 .page-home .universal-hero .hero-pro-link { min-height:44px; justify-content:center; }
 .page-home .universal-hero .brand-home-visual {
  grid-column:1; grid-row:3; width:100%; height:auto; aspect-ratio:1024 / 1160;
 }
 .page-home .beauty-categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
}