/* LOGA V1.9.99 — Align nav brand and order button to hero content edges.
 * Keeps the V1.9.98 oval outer width, header height, centered nav links,
 * all typography and the mobile navigation unchanged. */
@media (min-width: 981px) {
  header.site-header.shell {
    /* Home hero text left edge (V1.9.82 responsive typography). */
    --loga-hero-content-start: calc(
      (100vw - min(1710px, calc(100vw - 2 * var(--side)))) / 2
      + max(0px, calc(43.75vw - 765px))
    );
    --loga-expanded-header-start: calc(
      (100vw - max(var(--loga-original-nav-width), var(--loga-footer-line-width))) / 2
    );
    /* 1px accounts for the oval's existing border-box edge. */
    --loga-nav-hero-inset: max(0px, calc(var(--loga-hero-content-start) - var(--loga-expanded-header-start) - 1px));
  }
  /* Other pages have their own previously-approved hero content widths. */
  body.loga-optic-type.portfolio-page:not(.info-page) header.site-header.shell {
    --loga-hero-content-start: max(var(--side), calc((100vw - 1530px) / 2));
  }
  body.loga-optic-type.portfolio-page.info-page header.site-header.shell {
    --loga-hero-content-start: max(var(--side), calc((100vw - 1510px) / 2));
  }
  body.loga-optic-type header.site-header.shell > .navigation {
    padding-left: var(--loga-nav-hero-inset);
    padding-right: var(--loga-nav-hero-inset);
  }
}

/* Portfolio and Reviews have a 10px optical text inset on wide screens.
 * Keep their CTA aligned with the actual right-hand hero container edge. */
@media (min-width: 1600px) {
  body.loga-optic-type.portfolio-page:not(.process-page):not(.lr-page):not(.info-page) header.site-header.shell .header-cta {
    position: relative;
    left: clamp(-10px, calc(755px - 43.75vw), 0px);
  }
}