/* v179 — display guardrail fit correction
   Fixes the two guardrail side effects Rob spotted:
   1) newsletter headline must keep its intended two designed lines
   2) homepage hero copy should sit further left, aligned with the editorial cards below */

/* Hero: pull the main story typography left so it lines up more naturally with the feature card below. */
.home-beauty-hero-copy{
  left:clamp(44px,4.6vw,76px) !important;
  width:min(610px,44%) !important;
}
.home-beauty-hero-copy h1{
  max-width:8.2ch !important;
}

/* Newsletter: protect the intended two-line headline. */
.newsletter{
  grid-template-columns:minmax(0,1.32fr) minmax(340px,.68fr) !important;
  gap:44px !important;
}
.newsletter h2[data-home-slot="newsletter.headline"]{
  max-width:none !important;
  width:100% !important;
  font-size:clamp(48px,3.65vw,66px) !important;
  line-height:.98 !important;
  text-wrap:initial !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
.newsletter h2[data-home-slot="newsletter.headline"] .nowrap{
  display:block !important;
  white-space:nowrap !important;
}
.newsletter > div:first-child{
  max-width:none !important;
}
.newsletter .form{
  max-width:430px !important;
  margin-left:auto !important;
}
.newsletter-consent{
  max-width:430px !important;
  margin-left:auto !important;
}

@media (max-width:1180px){
  .home-beauty-hero-copy{
    left:34px !important;
    width:min(560px,50%) !important;
  }
  .newsletter{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .newsletter h2[data-home-slot="newsletter.headline"]{
    font-size:clamp(42px,6vw,62px) !important;
  }
  .newsletter .form,
  .newsletter-consent{
    max-width:720px !important;
    margin-left:0 !important;
  }
}

@media (max-width:760px){
  .home-beauty-hero-copy{
    left:22px !important;
    right:22px !important;
    width:auto !important;
  }
  .newsletter h2[data-home-slot="newsletter.headline"] .nowrap{
    white-space:normal !important;
  }
  .newsletter h2[data-home-slot="newsletter.headline"]{
    font-size:clamp(34px,9.2vw,48px) !important;
    line-height:1.04 !important;
  }
}