/* The existing Home/header content measure (1290px shell minus 16px gutters).
   Site-wide width tokens live in lp-cinematic-footer.css, already loaded on every page.
   Scene layers, type, copy measures and vertical placement remain page-owned. */

.lp-hero-shell .lp-hero-copy {
  margin-inline:0;
  padding-inline:0;
  text-align:left;
}
.lp-hero-copy :is(h1,h2,p,.button-area) {
  margin-inline:0;
  text-align:left;
}
.lp-hero-shell .lp-hero-eyebrow {
  text-align:left;
  justify-content:flex-start;
}
.contact-hero .lp-hero-shell {
  position:relative;
  z-index:2;
  flex-shrink:0;
}
.contact-hero .lp-hero-copy {
  position:relative;
  z-index:1;
  width:min(760px,100%);
}
@media(max-width:767px) {
  :root { --lp-page-gutter:24px; }
}
/* Eyebrow rules share a horizontal footprint without changing type or baseline. */
.lp-hero-shell .lp-hero-eyebrow { gap:18px; }
.lp-hero-shell .lp-hero-eyebrow::before { width:30px; margin-right:18px; }
.lp-hero-shell .lp-hero-eyebrow > span:first-child { width:30px; flex-shrink:0; }
@media(max-width:767px) {
  /* Preserve Contact's approved text measure when removing its old footer inset. */
  .contact-hero .lp-hero-shell .lp-hero-copy { width:min(366px,calc(100vw - 36px - 2 * clamp(32px,12vw,78px))); }
}
@media(max-width:420px) {
  .contact-hero .lp-hero-shell .lp-hero-copy { width:calc(100vw - 84px); }
}

/* Large-screen editorial measures stay independent of the outer canvas. */
@media(min-width:1600px) {
 .about-page-hero .about-hero-copy { max-width:620px; }
 :is(.about-area,.about-us-area) p { max-width:var(--lp-copy-max); }
 .contact-hero .lp-hero-copy { max-width:760px; }
}