/*
  GCQ Public Website Option B — frozen 18081 accessibility candidate only.
  Visual baseline: PREFERRED_18081=FROZEN.
  Accessibility changes are intentionally limited to:
  1) top navigation Client Login text/icon contrast;
  2) anchor scroll offset for sticky header;
  3) semantic footer navigation landmark (HTML only).
*/

/* WCAG 2.2 AA contrast: #101820 on #C98A3A ~= 6.12:1. */
.responsive-preview .primary-nav .button-login {
  color: #101820;
}

/* Prevent sticky header from obscuring anchored section headings. */
.responsive-preview #home,
.responsive-preview #how,
.responsive-preview #security,
.responsive-preview #about,
.responsive-preview #contact,
.responsive-preview #privacy,
.responsive-preview #website-terms,
.responsive-preview #accessibility {
  scroll-margin-top: 96px;
}

/* Frozen 18081 hero visual: preserve complete book/paper composition without cropping. */
.responsive-preview .hero-visual {
  aspect-ratio: 1058 / 575;
}
.responsive-preview .hero-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media (min-width: 1440px) {
  .responsive-preview .hero-grid {
    min-height: 610px;
    grid-template-columns: minmax(440px, .78fr) minmax(760px, 1.42fr);
  }
}
@media (min-width: 1180px) and (max-width: 1439px) {
  .responsive-preview .hero-grid {
    min-height: 560px;
    grid-template-columns: minmax(390px, .86fr) minmax(610px, 1.28fr);
  }
}
@media (min-width: 981px) and (max-width: 1179px) {
  .responsive-preview .hero-grid {
    min-height: 520px;
  }
}