/*
 * Restrained visual divergence — quiet.
 * Content, imagery, brand colors, functionality, and existing site-specific
 * sections are intentionally untouched.
 */
:root {
  --vd-corner: 5px;
  --vd-rail-width: 86px;
}

.teas-button,
.teas-back-top,
.teas-service-card__media,
.teas-richtext__body,
.teas-article__body,
.teas-form {
  border-radius: var(--vd-corner) !important;
}

.teas-service-card__media {
  overflow: hidden;
}

@media screen and (min-width: 821px) {
  .teas-page main,
  .teas-page .teas-footer {
    margin-left: var(--vd-rail-width) !important;
  }

  .teas-side-rail {
    width: var(--vd-rail-width) !important;
    background: #f8f9fb;
    background: color-mix(
      in srgb,
      var(--teas-surface, #fff) 97%,
      var(--teas-canvas, #f4f6f8)
    ) !important;
  }

  .teas-side-rail span {
    font-size: 11.5px !important;
    letter-spacing: 0.14em !important;
  }

  .teas-page--home .teas-hero {
    height: calc(
      100dvh - var(--teas-header-height) - 12px
    ) !important;
    min-height: 606px !important;
  }

  .teas-page--home .teas-hero__visual::after {
    background: linear-gradient(
      100deg,
      rgba(13, 20, 28, 0.46) 0%,
      rgba(13, 20, 28, 0.34) 48%,
      rgba(13, 20, 28, 0.18) 100%
    ) !important;
  }

  .teas-page--home .teas-hero__content {
    width: min(91%, var(--teas-container)) !important;
  }


  body.teas-page--sub .teas-page-hero {
    grid-template-columns:
      minmax(300px, 46fr)
      minmax(0, 54fr) !important;
    min-height: 464px !important;
  }

  body.teas-page--sub .teas-page-hero__copy,
  body.teas-page--sub .teas-page-hero__media {
    min-height: 464px !important;
  }

  body.teas-page--sub .teas-page-hero__copy {
    background: #343a41;
    background: color-mix(
      in srgb,
      var(--teas-ink, #17202a) 86%,
      white
    ) !important;
  }

  .teas-news-summary {
    background: #f3f5f7;
    background: color-mix(
      in srgb,
      var(--teas-surface-soft, #edf1f5) 72%,
      white
    ) !important;
  }
}

@media screen and (max-width: 820px) {
  .teas-page--home .teas-button {
    border-radius: var(--vd-corner) !important;
  }

  body.teas-page--sub .teas-page-hero__copy > p,
  body.teas-page--sub .teas-page-hero__copy h1 {
    background: rgba(8, 12, 18, 0.45) !important;
    -webkit-backdrop-filter: blur(8px) saturate(0.9);
    backdrop-filter: blur(8px) saturate(0.9);
  }

  body.teas-page--sub .teas-page-hero__copy > p {
    border-radius: 0 var(--vd-corner) 0 0 !important;
  }

  body.teas-page--sub .teas-page-hero__copy h1 {
    border-radius: 0 0 var(--vd-corner) 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .teas-button,
  .teas-service-card__media {
    transition-duration: 0.01ms !important;
  }
}