/* Vanityform v0.54 — real-photo home hero curation.
   Replaces the legacy AI hero asset with a single real Pexels scene and
   tightens the live type treatment so the Home hero reads like a storefront,
   not a temporary comp. */

html[data-beauty-storefront="v0.54"] .store-home-qa-banner,
html[data-beauty-storefront="v0.54"] .beauty-commerce-qa-banner,
html[data-beauty-storefront="v0.54"] .beauty-secondary-qa-banner,
html[data-beauty-storefront="v0.54"] body > div[style*="z-index:9999"],
html[data-beauty-storefront="v0.54"] .catalog-card__price-note,
html[data-beauty-storefront="v0.54"] .product-preview-indicator,
html[data-beauty-storefront="v0.54"] .product-module-preview,
html[data-beauty-storefront="v0.54"] [data-workbench-only="true"] { display:none !important; }

html[data-beauty-storefront="v0.54"] .beauty-reference-media::after,
html[data-beauty-storefront="v0.54"] .beauty-offer-card .beauty-reference-media::after { content:none !important; display:none !important; }

html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 {
  display:block;
  width:min(1540px, calc(100% - 48px));
  margin:22px auto 0;
  border:0;
  background:transparent;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__stage {
  position:relative;
  min-height:clamp(650px, 63vw, 810px);
  overflow:hidden;
  isolation:isolate;
  background:#ebe0d9;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__media {
  position:absolute;
  inset:0 0 0 28%;
  margin:0;
  overflow:hidden;
  background:#dccabf;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__media img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:58% 44%;
  transform:scale(1.012);
  filter:saturate(.91) contrast(1.018) brightness(.992);
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__stage::after {
  content:'';
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(235,224,217,.99) 0%,
    rgba(235,224,217,.98) 25%,
    rgba(235,224,217,.95) 34%,
    rgba(235,224,217,.78) 43%,
    rgba(235,224,217,.34) 54%,
    rgba(235,224,217,.08) 63%,
    rgba(235,224,217,0) 71%);
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__content {
  position:relative;
  z-index:4;
  width:min(43%, 620px);
  min-height:inherit;
  padding:clamp(76px, 7vw, 112px) clamp(16px, 1.2vw, 20px) clamp(72px, 6vw, 102px) clamp(56px, 7vw, 112px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__eyebrow {
  display:inline-flex;
  align-items:center;
  gap:13px;
  width:max-content;
  color:#7b4757;
  font:700 .65rem/1.2 var(--store-home-body-font, "DM Sans", sans-serif);
  letter-spacing:.18em;
  text-transform:uppercase;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__eyebrow::after {
  content:'';
  width:48px;
  height:1px;
  background:currentColor;
  opacity:.34;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__title {
  max-width:7.25ch;
  margin:22px 0 0;
  color:#221b1a;
  font:500 clamp(4.4rem, 6.7vw, 7.4rem)/.84 var(--store-home-display-font, "Cormorant Garamond", serif);
  letter-spacing:-.062em;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__title span,
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__title em {
  display:block;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__title em {
  font-style:italic;
  font-weight:500;
  color:#7b4757;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__content p {
  max-width:34ch;
  margin:24px 0 0;
  color:#635955;
  font:400 clamp(.94rem, 1.03vw, 1.05rem)/1.74 var(--store-home-body-font, "DM Sans", sans-serif);
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__cta {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  margin-top:30px;
  padding:0 0 7px;
  color:#221b1a;
  font:700 .67rem/1.2 var(--store-home-body-font, "DM Sans", sans-serif);
  letter-spacing:.13em;
  text-decoration:none;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__cta::after {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:currentColor;
  opacity:.42;
  transform:scaleX(.84);
  transform-origin:left center;
  transition:transform 260ms cubic-bezier(.22,1,.36,1), opacity 220ms ease;
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__cta span:last-child {
  transition:transform 260ms cubic-bezier(.22,1,.36,1);
}
html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__caption {
  position:absolute;
  z-index:4;
  right:24px;
  bottom:20px;
  color:rgba(255,255,255,.86);
  font:600 .56rem/1.2 var(--store-home-body-font, "DM Sans", sans-serif);
  letter-spacing:.16em;
  text-shadow:0 1px 14px rgba(30, 20, 18, .24);
}

@media (hover:hover) and (pointer:fine) {
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054:hover .beauty-editorial-home-hero__media img {
    transform:scale(1.024);
    filter:saturate(.95) contrast(1.022) brightness(1);
  }
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__cta:hover::after { transform:scaleX(1); opacity:.78; }
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__cta:hover span:last-child { transform:translateX(3px); }
}

@media (max-width:980px) {
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__media { inset:0 0 0 18%; }
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__content { width:min(48%, 560px); }
}

@media (max-width:760px) {
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__stage {
    min-height:760px;
    background:#ece2db;
  }
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__media {
    inset:0 0 auto;
    height:57%;
  }
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__media img {
    object-position:60% 43%;
  }
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__stage::after {
    background:linear-gradient(180deg, rgba(236,226,219,.02) 33%, rgba(236,226,219,.2) 46%, rgba(236,226,219,.68) 61%, rgba(236,226,219,.97) 77%, #ece2db 100%);
  }
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__content {
    position:absolute;
    inset:auto 0 0;
    width:100%;
    min-height:43%;
    padding:60px 24px 32px;
    justify-content:flex-end;
  }
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__title {
    max-width:8.3ch;
    font-size:clamp(3.15rem, 13vw, 4.3rem);
    line-height:.9;
  }
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__content p {
    max-width:30ch;
    font-size:.94rem;
    line-height:1.66;
  }
  html[data-beauty-storefront="v0.54"] .beauty-editorial-home-hero--v054 .beauty-editorial-home-hero__caption {
    right:18px;
    bottom:auto;
    top:18px;
    color:rgba(255,255,255,.8);
  }
}
