/* Vanityform v0.63 — Makeup hero copy gutter
   Fixes the actual geometry: the photo occupies the left 64% and the copy
   begins inside the right panel with a deliberate gutter. Mobile/tablet
   remain unchanged. */
@media (min-width: 921px) {
  body.beauty-catalog-qa-preview[data-catalog-context="makeup"][data-editorial-photography="v0.50"] .shopify-catalog-hero__copy {
    inset: 0 0 0 auto;
    width: 36%;
    max-width: none;
    padding-top: clamp(60px, 6vw, 92px);
    padding-right: clamp(34px, 3.4vw, 54px);
    padding-bottom: clamp(58px, 5.8vw, 88px);
    padding-left: clamp(50px, 3.5vw, 58px);
    box-sizing: border-box;
  }

  body.beauty-catalog-qa-preview[data-catalog-context="makeup"][data-editorial-photography="v0.50"] .shopify-catalog-hero h1,
  body.beauty-catalog-qa-preview[data-catalog-context="makeup"][data-editorial-photography="v0.50"] .shopify-catalog-hero p,
  body.beauty-catalog-qa-preview[data-catalog-context="makeup"][data-editorial-photography="v0.50"] .shopify-catalog-hero .eyebrow,
  body.beauty-catalog-qa-preview[data-catalog-context="makeup"][data-editorial-photography="v0.50"] .shopify-catalog-hero__cta {
    position: relative;
    z-index: 1;
  }

  body.beauty-catalog-qa-preview[data-catalog-context="makeup"][data-editorial-photography="v0.50"] .shopify-catalog-hero h1 {
    max-width: 7.1ch;
  }
}