.pageheader--frontpage-video {
  --front-header-height: calc(5rem + 1px);
  --front-admin-height: 0px;
  height: calc(100vh - var(--front-header-height) - var(--front-admin-height));
  height: calc(100svh - var(--front-header-height) - var(--front-admin-height));
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #243c2e;
}
.pageheader__video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.pageheader__video-bg { z-index: -1; pointer-events: none; }
.pageheader__video-file {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pageheader__video-bg iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(100vw, 177.778vh);
  width: max(100vw, 177.778svh);
  height: max(100vh, 56.25vw);
  height: max(100svh, 56.25vw);
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  border: 0;
}
.pageheader__video-content {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-top: 3rem;
  padding-bottom: clamp(3rem, 7vh, 6rem);
  box-sizing: border-box;
}
.pageheader--frontpage-video .pageheader__video-heading {
  max-width: 12em;
  margin: 0;
  line-height: 1.35;
  color: #fff;
}
.pageheader__video-heading span {
  background: #fe5b58;
  padding: .15em .4em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (prefers-reduced-motion: reduce) {
  .pageheader__video-bg iframe,
  .pageheader__video-file { display: none; }
}

/* Match the fixed navigation and its in-flow spacer. */
@media (min-width: 1200px) {
  .pageheader--frontpage-video { --front-header-height: calc(6rem + 1px); }
}
.admin-bar .pageheader--frontpage-video { --front-admin-height: 32px; }
@media (max-width: 782px) {
  .admin-bar .pageheader--frontpage-video { --front-admin-height: 46px; }
}