/* 16 — Full-width surfaces, with the existing content grid preserved. */
body.lt-homepage #lt-homepage #method {
  max-width: none;
  padding-inline: max(var(--margin), calc((100% - var(--page)) / 2 + var(--margin)));
}

body.lt-homepage #lt-homepage #contact {
  max-width: none;
  padding-inline: 0;
  padding-bottom: 0;
  /* Measure the page's usable width, excluding any scrollbar. */
  container-type: inline-size;
}

body.lt-homepage #lt-homepage #contact .closing-spread {
  width: calc(100% - 2 * var(--margin));
  max-width: calc(var(--page) - 2 * var(--margin));
  margin-inline: auto;
  --closing-bleed: max(var(--margin), calc((100cqw - var(--page)) / 2 + var(--margin)));
}

body.lt-homepage #lt-homepage #contact .closing-spread > figure {
  margin-left: calc(-1 * var(--closing-bleed));
}

body.lt-homepage #lt-homepage #contact [data-surface="closing"]::before {
  right: calc(-1 * var(--closing-bleed));
}

body.lt-homepage #lt-homepage #contact [data-surface="closing"] > .ambient-arrow {
  right: calc(28px - var(--closing-bleed));
}

@media (max-width: 599px) {
  body.lt-homepage #lt-homepage #contact [data-surface="closing"] > .ambient-arrow {
    right: calc(24px - var(--closing-bleed));
  }

  body.lt-homepage #lt-homepage #contact .closing-spread > figure {
    margin-right: calc(-1 * var(--closing-bleed));
  }

  body.lt-homepage #lt-homepage #contact [data-surface="closing"]::before {
    left: calc(-1 * var(--closing-bleed));
  }
}