/* Final QA overrides for the mat-edge + hanging crest system. */

:root {
  --shell: min(1180px, calc(100vw - var(--mat-edge) - var(--mat-edge) - 36px));
}

.site-header.mat-header::before {
  top: calc(0px - var(--mat-edge));
}

/* Keep the logo's hanging half visually clear of the first hero object. */
.site-header.mat-header + main {
  position: relative;
}

@media (max-width: 980px) {
  .site-header.mat-header::before {
    top: calc(0px - var(--mat-edge));
  }

  .site-header.mat-header .site-nav {
    top: 154px;
  }

  .site-header.mat-header[data-scrolled] .site-nav {
    top: 130px;
  }
}

@media (max-width: 680px) {
  :root {
    --mat-edge: 19px;
    --shell: calc(100vw - var(--mat-edge) - var(--mat-edge) - 22px);
  }

  .site-header.mat-header .site-nav {
    top: 148px;
  }

  .site-header.mat-header[data-scrolled] .site-nav {
    top: 122px;
  }

  .tabletop-hero {
    padding-top: 5.8rem;
  }

  .page-hero {
    padding-top: 6rem;
  }
}