/* Universal breakpoints */
.hero {
  box-sizing: border-box;
  background: linear-gradient(261deg, rgba(31, 32, 38, 0) 25%, rgba(31, 32, 38, 0.9) 60.41%);
  background-size: cover;
  background-position: 85% 0%;
  height: 600px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 100px;
  position: relative; }
  @media (max-width: 991px) {
    .hero {
      background: linear-gradient(203deg, rgba(59, 60, 73, 0) 25%, #1f2026 82.78%);
      padding: 56px 16px;
      justify-content: end;
      background-position: 87% 0%;
      height: 650px; } }
  .hero .hero-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
    -o-object-position: 85% 0%;
    object-position: 85% 0%; }
    @media (max-width: 991px) {
      .hero .hero-background-image {
        -o-object-position: 87% 0%;
        object-position: 87% 0%; } }
  .hero h1 {
    font-size: 64px;
    margin-top: 0;
    margin-bottom: 24px; }
    @media (max-width: 991px) {
      .hero h1 {
        font-size: 42px; } }
  .hero .quote {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    max-width: 50%; }
    @media (max-width: 991px) {
      .hero .quote {
        font-size: 16px;
        line-height: 22px;
        max-width: 100%; } }
  .hero .author {
    font-size: 16px;
    line-height: 22px; }

.tabs-desktop {
  width: -moz-fit-content;
  width: fit-content;
  gap: 40px;
  display: flex;
  margin-bottom: 48px; }
  @media (max-width: 1079px) {
    .tabs-desktop {
      display: flex !important; } }
  @media (max-width: 991px) {
    .tabs-desktop {
      display: none !important; } }

@media (min-width: 992px) {
  .tabs-mobile {
    display: none; } }
    .tabs-mobile .pagefx-accordion.active {
      background-color: white !important;
  }
.tabs-mobile .pagefx-accordion {
  background-color: #3b3d49 !important;}
  .tabs-mobile .pagefx-accordion .pagefx-accordion-text {
    color: white; }
  .tabs-mobile .pagefx-accordion .faq__arrow {
    filter: brightness(100); }
  .tabs-mobile .pagefx-accordion.active .pagefx-accordion-text {
    color: #3b3d49; }
  .tabs-mobile .pagefx-accordion.active .faq__arrow {
    filter: brightness(); }

.yearbook-tiles {
  padding: 0 16px;
  max-width: 1300px;
  margin: auto;
  margin-bottom: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 250px);
  grid-gap: 32px;
  justify-content: center; }
  @media (max-width: 991px) {
    .yearbook-tiles {
      grid-template-columns: repeat(auto-fill, 171px);
      grid-gap: 16px;
      max-width: 900px;
      margin-bottom: 56px; } }
  .yearbook-tiles .yearbook-tile {
    cursor: pointer;
    background-color: #f3f6f6;
    height: 424px;
    width: 250px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #3b3d49;
    transition: all 200ms ease-in-out; }
    @media (max-width: 991px) {
      .yearbook-tiles .yearbook-tile {
        width: 171px;
        height: auto; } }
    .yearbook-tiles .yearbook-tile:hover {
      background-color: #3b3d49;
      color: white;
      box-shadow: 4px 16px 24px 0px rgba(59, 61, 73, 0.3); }
    .yearbook-tiles .yearbook-tile img {
      height: 280px;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
      @media (max-width: 991px) {
        .yearbook-tiles .yearbook-tile img {
          height: 190px; } }
    .yearbook-tiles .yearbook-tile__text {
      padding: 20px 12px;
      flex: 1; }
      @media (max-width: 991px) {
        .yearbook-tiles .yearbook-tile__text {
          padding: 16px 8px; } }
      .yearbook-tiles .yearbook-tile__text .yearbook-tile__name {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 4px; }
        @media (max-width: 991px) {
          .yearbook-tiles .yearbook-tile__text .yearbook-tile__name {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 8px; } }

[data-load-more-button] {
  margin: 40px 0; }
  .modal-leadership__close-button-container .modal-leadership__close:focus-visible{
outline-offset: 4px;
  }
  .modal-leadership__content .bio:focus-visible{
    outline: solid 2px #3b3d49;
  }