@media (min-width: 1600px) {
  :root { --container: 1320px; }
}
@media (min-width: 2000px) {
  :root { --container: 1440px; }
}

.brand { min-height: 44px; }
.contact__grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); }
.contact__grid > *, .form, .field, .field-row > * { min-width: 0; }
.field input, .field select, .field textarea { width: 100%; min-width: 0; max-width: 100%; }

@media (max-width: 960px) {
  .contact__grid { grid-template-columns: minmax(0, 1fr); }
  .footer__grid > :first-child { grid-column: 1 / -1; }
  .footer p { max-width: 52ch; }
}

@media (min-width: 681px) and (max-width: 960px) {
  .pricing > .price--featured { grid-column: 1 / -1; order: -1; }
}

@media (min-width: 761px) {
  .hero__inner { padding-bottom: clamp(6.5rem, 15vh, 8rem); }
}
@media (max-width: 1100px) {
  .hero__corner--l { display: none; }
}
@media (max-width: 980px) {
  .hud-pill { display: none; }
}
@media (max-width: 760px) {
  .hero__inner { padding-bottom: clamp(7.5rem, 22vh, 9.5rem); }
  .hero__corner--r { display: none; }
}

@media (max-width: 680px) {
  .hero__geo { width: min(92vw, 420px); max-width: 92vw; border-radius: 18px; padding: 0.6rem 0.85rem; }
}

@media (hover: none), (max-width: 760px) {
  .hero__geo button { min-height: 40px; padding-inline: 1rem; }
  .footer ul { gap: 0; }
  .footer ul a { display: inline-flex; align-items: center; min-height: 40px; }
  .contact__methods a { display: inline-block; padding-block: 0.4rem; }
  .hero__geo a { display: inline-flex; align-items: center; min-height: 36px; }
}

.lab__grid.is-single {
  grid-template-columns: minmax(0, 900px);
  justify-content: center;
}
@media (min-width: 761px) {
  .lab__grid.is-single .lab-card { flex-direction: row; align-items: stretch; }
  .lab__grid.is-single .lab-card__cover { flex: 1.15 1 0; min-width: 0; aspect-ratio: auto; min-height: 280px; }
  .lab__grid.is-single .lab-card__body { flex: 1 1 0; min-width: 0; justify-content: center; padding: clamp(1.5rem, 3vw, 2.5rem); }
  .lab__grid.is-single .lab-card__body h3 { font-size: clamp(1.4rem, 2.4vw, 1.9rem); }
}

@media (min-width: 761px) and (max-width: 1179px) {
  .arc {
    width: min(100%, 980px);
    padding-inline: 2rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 2.5rem;
    row-gap: 2.4rem;
    grid-template-areas:
      "eyebrow eyebrow"
      "title   intro"
      "meta    meta"
      "mock    mock"
      "story   story"
      "focus   feel"
      "receipt journey"
      "cta     cta"
      "closer  closer";
    align-items: start;
  }
  .arc__eyebrow { grid-area: eyebrow; }
  .arc__titlewrap { grid-area: title; }
  .arc__intro { grid-area: intro; align-self: center; }
  .arc__meta { grid-area: meta; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 1.2rem 1.8rem; }
  .arc__mock { grid-area: mock; width: min(100%, 760px); justify-self: center; }
  .arc__story { grid-area: story; max-width: 640px; justify-self: center; text-align: center; }
  .arc__focus { grid-area: focus; }
  .arc__feel { grid-area: feel; border-top: 0; border-left: 1px solid var(--ar-line); padding: 0 0 0 1.5rem; }
  .arc__receipt { grid-area: receipt; }
  .arc__journey { grid-area: journey; }
  .arc__cta { grid-area: cta; width: min(100%, 360px); justify-self: center; }
  .arc__closer { grid-area: closer; flex-direction: row; align-items: center; gap: 1.5rem; }
  .arc__cline { display: block; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(140, 178, 255, 0.45), transparent); }
  .arc__big { flex: none; flex-wrap: nowrap; white-space: nowrap; font-size: clamp(1.6rem, 3.4vw, 2.2rem); }
  .arc__note { flex: none; max-width: 15rem; text-align: right; }
}

@media (min-width: 1180px) {
  .archive { --u: min(calc(98vw / 1536), 1.3px); }
}

@media (max-height: 520px) and (orientation: landscape) {
  .hero { min-height: auto; }
  .hero__inner { padding-block: 5.5rem 5rem; }
}

@media (max-width: 1060px) {
  .nav__menu { max-height: calc(100vh - var(--nav-h)); max-height: calc(100dvh - var(--nav-h)); overscroll-behavior: contain; }
}

.nav__links { padding: 0; margin: 0; list-style: none; }
