/* Header: all three required logos stay visible and line up cleanly. */
.site-header .header-inner {
  gap: clamp(14px, 2vw, 28px);
}

.site-header .brand-group {
  flex: 0 1 390px;
  gap: 12px;
  min-width: 0;
}

.site-header .brand-tss,
.site-header .brand-kontrolit,
.site-header .brand-company {
  display: block !important;
  flex: 0 1 auto;
  height: 42px;
  object-fit: contain;
  object-position: center;
}

.site-header .brand-tss {
  width: 88px;
}

.site-header .brand-kontrolit {
  width: 132px;
}

.site-header .brand-company {
  width: 108px;
}

.site-header .desktop-nav {
  gap: clamp(11px, 1.3vw, 20px);
}

/* The main demonstration block is horizontal and contains two videos. */
.video-grid-main {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.video-grid-main .video-card {
  width: 100%;
  max-width: none;
  margin: 0;
}

.video-grid-main .video-card video {
  display: block;
  width: 100%;
  max-height: none !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
  background: #020b11;
}

.video-grid-main .video-title {
  top: 14px !important;
  right: auto !important;
  bottom: auto !important;
  left: 14px !important;
  max-width: calc(100% - 28px) !important;
}

/* New specialist photos retain their natural framing. */
.hero-image-frame img,
.promise-photo img,
.outcome-photo img {
  object-fit: cover;
  object-position: center top;
}

/* Replace the old cropped footer sprite with complete separate marks. */
.site-footer .footer-memberships-clean {
  display: none !important;
}

.tssfix-footer-logos {
  display: grid;
  width: min(370px, 100%);
  gap: 18px;
  margin-top: 22px;
}

.tssfix-footer-logos img {
  display: block;
  height: auto;
  object-fit: contain;
  object-position: left center;
}

.tssfix-footer-logos .tssfix-k-systems {
  width: 235px;
  max-height: 64px;
}

.tssfix-footer-logos .tssfix-nks {
  width: 250px;
  max-width: 100%;
}

.tssfix-footer-logos .tssfix-sk {
  width: 350px;
  max-width: 100%;
}

@media (max-width: 1180px) {
  .site-header .brand-group {
    flex-basis: 310px;
    gap: 8px;
  }

  .site-header .brand-tss {
    width: 72px;
  }

  .site-header .brand-kontrolit {
    width: 112px;
  }

  .site-header .brand-company {
    width: 92px;
  }

  .site-header .brand-group > span {
    display: none !important;
  }
}

@media (max-width: 940px) {
  .video-grid-main {
    grid-template-columns: 1fr !important;
  }

  .video-grid-main .video-card {
    max-width: 720px;
    margin-inline: auto;
  }
}

@media (max-width: 700px) {
  .site-header .brand-group {
    flex-basis: auto;
    gap: 7px;
  }

  .site-header .brand-tss,
  .site-header .brand-kontrolit,
  .site-header .brand-company {
    height: 29px;
  }

  .site-header .brand-tss {
    width: 58px;
  }

  .site-header .brand-kontrolit {
    width: 91px;
  }

  .site-header .brand-company {
    width: 73px;
  }

  .video-grid-main .video-title {
    right: 10px !important;
    left: 10px !important;
    max-width: calc(100% - 20px) !important;
    padding: 8px 10px;
  }
}

@media (max-width: 390px) {
  .site-header .brand-tss {
    width: 50px;
  }

  .site-header .brand-kontrolit {
    width: 82px;
  }

  .site-header .brand-company {
    width: 65px;
  }
}