/* Shared technical improvements; existing page styles control the design. */
@font-face {
  font-family: "Raleway";
  src: url("/fonts/raleway-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
img { max-width: 100%; height: auto; }
.logo img, img.logo { width: auto; }
.skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 100000;
  padding: 12px 18px;
  background: #ffb22e;
  color: #0e0e0e;
  transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #b66b00; outline-offset: 4px; }
.video-preview { position: relative; border: 0; padding: 0; background: transparent; width: 100%; }
.video-preview[hidden] { display: none; }
.form-status { margin-top: 1rem; color: white; }
#main-content, #media_main { scroll-margin-top: 90px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
/* Contain Bootstrap row gutters in the existing full-width home sections. */
#container2 > .row, #container4 > .row { margin-left: 0; margin-right: 0; }
.error-page .main-content p, .error-page .credits { color: #c5c5c5; }
.error-page .clearBTN { display: inline-block; padding: 8px; text-decoration: none; text-align: center; }
#julieTop > .row { margin-left: 0; margin-right: 0; }
.logo .h4 { color: rgba(255, 255, 255, 0.5); }
header.smaller .logo .h4 { opacity: 0; }
@media (max-width: 1300px) { header.smaller .logo .h4 { display: none; } }
.carousel .item .testimonial-quote { font-style: italic; padding-bottom: 30px; }
/* White text stays readable when testimonials extend past the hero image. */
.carousel .item.active { background-color: rgba(0, 0, 0, .65); }
#main-404-content .bottom-links .credits { color: #c5c5c5; }
.header-box > .row > .h4 { color: rgba(255, 255, 255, .75); }