.page--commencement {
  .site-header { display:none; }
  .page-header { margin-top:0; align-items:flex-end; grid-column:screen; grid-template-rows:subgrid; overflow:clip;
    &.bg--masked { padding:0; mask-image:url('./images/hdr-mask.svg'); mask-position:center bottom; mask-repeat:no-repeat; mask-size:170% auto; mask-type:luminance;
      @media only screen and (width >= 48em) {
        & { mask-size:100% auto; }
      }
    }
    .ornamental { display:block; width:100vw; height:clamp(250px, 12.5vw, 400px); aspect-ratio:1920 / 492; position:relative; align-self:start; z-index:2;
      &::before { content:""; display:block; width:100vw; height:6px; background-color:var(--brand-gold); position:absolute; top:52.15%; left:0; z-index:-1; }
      &::after { content:""; display:block; width:100%; height:100%; background:url('./images/hdr-presidential_seal_mosaic.svg') center top / auto 100% no-repeat; }
    }
    .commencement-sky { aspect-ratio:8 / 3.5; width:100%; height:100%; background-image:radial-gradient(circle at bottom,rgba(27, 58, 97, 0.95) 0%, rgba(27, 58, 97, 0) 80%); background-position:center bottom; grid-column:1 / -1; grid-row:1 / -1; z-index:1; margin:0; padding:0; }
    .page-title-wrapper { margin-block:clamp(200px, 10vw, 400px); z-index:2; align-self:start; padding-top: clamp(5rem, 5vw, 8rem);
      .page-title { font-size:clamp(3rem, 6vw, 6.5rem); }
      .page-label { color:var(--brand-gold); }
    }
  }
}
.page-header--screen:before { display:block; position:absolute; top:0; bottom:0; content:""; z-index:-1; background-color:inherit; }

.site-content { border:none; }

.list-style--compact {
  .card-container { margin-block:0; }
}

.section-bgs { display:none; }
.section-container { position:relative; }

.list-style--compact { grid-row-gap:0; grid-template-columns:repeat(2, 1fr);
  .card-image,
  .card-label,
  .article-excerpt { display:none; }
  .card-body { grid-column:1 / -1;
    .card-title { font-size:1.1rem; }
  }
}

.section-image--tiled:has(:nth-child(2):last-child)>:first-child,
.section-media--tiled:has(:nth-child(2):last-child)>:first-child { aspect-ratio:unset; }

.page-primary { grid-row:unset !important; }

.page-header--tiled:has(.page-image) .page-title-wrapper {
  padding-block:8vw;
}

hr.vertical { grid-column:1 / -1; }

@media screen and (min-width:60em) {
  /* Background changes on scroll */
  .section-bgs { display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; pointer-events:none; z-index:0;
    figure { margin:0; width:100vw; height:100vh; position:absolute; transition:opacity 0.5s linear; opacity:0;
      img { margin:0; width:100vw; height:100vh; object-fit:cover; top:0; left:0; z-index:0; }
      &.in-view { opacity:1; }
    }
  }
}

@media only screen and (min-width:100em) {
  .page--full-width {
    .page-primary:not(.full-width) { grid-column:container-xl; }
  }
}