/* Keep the desktop header independent from tablet content layouts. */
@media (min-width: 768px) and (max-width: 1250px) {
  #section-about .container-fluid,
  #section-news .container-fluid,
  #section-events .container-fluid {
    width: 100%;
    padding: 48px 40px;
    margin: 0 auto;
  }
  #section-about .row { gap: 32px; }
  #section-about .row > .col { min-width: 0; padding: 0; }
  #section-about .col:first-child { max-width: none; padding-left: 0; }
  #section-about .title { font-size: 34px; }
  #section-about .description, #section-about .description p {
    font-size: 18px; line-height: 1.75; text-align: left;
  }
  #section-about .about-video-frame { margin: 0 16px 16px 0; }

  #section-services .services-layout-wrapper {
    position: relative; inset: auto; height: auto; min-height: 100%;
    padding: 56px 40px; gap: 44px; overflow: visible;
  }
  #section-services .services-wheel-container {
    position: relative; left: auto; top: auto; transform: none;
    width: 340px; height: 340px; flex: 0 0 340px;
  }
  #section-services .wheel-sector.wedge {
    -webkit-mask-image: radial-gradient(circle at center, transparent 110px, black 111px), conic-gradient(from 45deg at 50% 50%, transparent 1deg, black 1.5deg, black 43.5deg, transparent 44deg);
    mask-image: radial-gradient(circle at center, transparent 110px, black 111px), conic-gradient(from 45deg at 50% 50%, transparent 1deg, black 1.5deg, black 43.5deg, transparent 44deg);
  }
  #section-services .wheel-sector.wedge.active {
    transform: rotate(calc(var(--i) * 45deg)) translate(16px, -6px) scale(1.08);
  }
  #section-services .wheel-core { width: 210px; height: 210px; }
  #section-services .core-text { left: 0; width: 100%; padding: 0 20px; }
  #section-services .core-text .core-line { font-size: 1.2rem; }
  #section-services .services-content-area {
    flex: 1; width: auto; min-width: 0; max-width: none;
    max-height: none; margin: 0; padding: 0;
  }
  #section-services .sector-title { font-size: 32px; }
  #section-services .content-card { padding: 24px; }
  #section-services .sector-desc, #section-services .sector-list {
    font-size: 18px; line-height: 1.75; text-align: left;
  }

  #section-news .section-title {
    position: relative; left: auto; transform: none;
    margin: 0 0 32px; padding-bottom: 12px; font-size: 36px; line-height: 1.3;
  }
  #section-news .item { height: 440px; }
  #section-news .news-carousel .item h3 {
    height: auto; min-height: 112px; font-size: 20px;
    line-height: 1.4; padding: 18px; margin: 0; overflow-wrap: anywhere;
  }
  #section-news .news-carousel .item h3 .source { font-size: 14px; }

  #section-our-team .section-our-team { padding: 48px 0; }
  #section-our-team .gallery-text {
    position: relative; left: auto; top: auto; transform: none;
    width: 100%; margin: 0 0 40px; padding: 0 32px;
  }
  #section-our-team .gallery-text p { font-size: 36px; line-height: 1.4; }
  #section-our-team .swiper { --knowus-prev-offset: 0%; --knowus-next-offset: 0%; padding-top: 30px; padding-bottom: 60px !important; }
  #section-our-team .swiper .swiper-wrapper .swiper-slide { width: 42%; }
  #section-our-team .swiper .swiper-button-prev,
  #section-our-team .swiper .swiper-button-next {
    top: 50% !important; transform: translateY(-50%); width: 48px; height: 48px;
    /* Remain legible over every department image and visible during animations. */
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 100;
    background: #fff;
    border: 2px solid #00167a;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .35);
    pointer-events: auto;
  }
  #section-our-team .swiper .swiper-button-prev::before,
  #section-our-team .swiper .swiper-button-next::before { background-color: #00167a; }
  #section-our-team .swiper .swiper-button-prev:hover,
  #section-our-team .swiper .swiper-button-next:hover { background: #eaf1ff; }
  #section-our-team .swiper .swiper-button-prev:focus-visible,
  #section-our-team .swiper .swiper-button-next:focus-visible {
    outline: 3px solid #00d2ff;
    outline-offset: 3px;
  }
  #section-our-team .swiper .swiper-button-prev { left: 24px; }
  #section-our-team .swiper .swiper-button-next { right: 24px; }

  #section-events .events-card { height: auto; min-height: 420px; }
  #section-events .events-card-body { padding: 32px; }
  #section-events .events-card-body h3 { font-size: 24px; }
  #section-events .events-slider-wrap { padding-bottom: 64px; }
  #section-events .events-arrow { top: auto; bottom: 0; transform: none; }
  #section-events .events-arrow-prev { left: calc(50% - 54px); }
  #section-events .events-arrow-next { left: calc(50% + 10px); right: auto; }
}

@media (min-width: 768px) and (max-width: 1250px) and (orientation: portrait) {
  #section-about .row { flex-direction: column; }
  #section-about .row > .col { flex: 0 0 auto; width: 100%; }
  #section-about .description { max-width: none; }
  #section-about .about-video-frame { max-width: 640px; }
  #section-services .services-layout-wrapper { flex-direction: column; justify-content: center; }
  #section-services .services-content-area { flex: 0 0 auto; width: 100%; max-width: 760px; }
  #section-events .events-card { flex-direction: column; min-height: 0; }
  #section-events .events-card-img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
  #section-events .events-card-img > img { position: absolute; inset: 0; }
  #section-events .events-card-body { flex: 0 0 auto; min-height: 280px; }
}