:root:not([data-tiannis-theme="dark"]),
:root[data-tiannis-theme="light"] {
  color-scheme: light;
  --tiannis-black: #ffffff;
  --tiannis-ink: #111417;
  --tiannis-panel: #ffffff;
  --tiannis-line: rgba(17, 20, 23, .12);
  --tiannis-text: #111417;
  --tiannis-muted: #5f6670;
  --tiannis-dim: #838b96;
  --tiannis-gold: #c99a58;
  --tiannis-steel: #8f9aa4;
  --tiannis-paper: #f7f8f6;
  --tiannis-soft: #eef1ee;
  --tiannis-shadow: 0 22px 48px rgba(31, 38, 45, .11);
}

:root:not([data-tiannis-theme="dark"]) .tiannis-body,
:root:not([data-tiannis-theme="dark"]) .about-body,
:root:not([data-tiannis-theme="dark"]) .tiannis-products-body,
:root:not([data-tiannis-theme="dark"]) .tiannis-detail-body,
:root:not([data-tiannis-theme="dark"]) .solutions-body,
:root:not([data-tiannis-theme="dark"]) .contact-body,
:root[data-tiannis-theme="light"] .tiannis-body,
:root[data-tiannis-theme="light"] .about-body,
:root[data-tiannis-theme="light"] .tiannis-products-body,
:root[data-tiannis-theme="light"] .tiannis-detail-body,
:root[data-tiannis-theme="light"] .solutions-body,
:root[data-tiannis-theme="light"] .contact-body {
  color: var(--tiannis-text);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 248, 246, .96)),
    radial-gradient(circle at 82% 6%, rgba(201, 154, 88, .16), transparent 28rem),
    var(--tiannis-paper);
}

:root:not([data-tiannis-theme="dark"]) .tiannis-header,
:root:not([data-tiannis-theme="dark"]) .about-header,
:root:not([data-tiannis-theme="dark"]) .tiannis-product-header,
:root:not([data-tiannis-theme="dark"]) .solutions-header,
:root:not([data-tiannis-theme="dark"]) .contact-header,
:root[data-tiannis-theme="light"] .tiannis-header,
:root[data-tiannis-theme="light"] .about-header,
:root[data-tiannis-theme="light"] .tiannis-product-header,
:root[data-tiannis-theme="light"] .solutions-header,
:root[data-tiannis-theme="light"] .contact-header {
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .72) 68%, rgba(255, 255, 255, 0));
  color: #111417;
  backdrop-filter: blur(16px);
}

:root:not([data-tiannis-theme="dark"]) .tiannis-brand span,
:root[data-tiannis-theme="light"] .tiannis-brand span {
  color: rgba(17, 20, 23, .62);
}

:root:not([data-tiannis-theme="dark"]) .tiannis-nav a,
:root:not([data-tiannis-theme="dark"]) .about-nav a,
:root:not([data-tiannis-theme="dark"]) .tiannis-product-nav a,
:root:not([data-tiannis-theme="dark"]) .solutions-nav a,
:root:not([data-tiannis-theme="dark"]) .contact-nav a,
:root[data-tiannis-theme="light"] .tiannis-nav a,
:root[data-tiannis-theme="light"] .about-nav a,
:root[data-tiannis-theme="light"] .tiannis-product-nav a,
:root[data-tiannis-theme="light"] .solutions-nav a,
:root[data-tiannis-theme="light"] .contact-nav a {
  color: rgba(17, 20, 23, .78);
}

:root:not([data-tiannis-theme="dark"]) .tiannis-nav a.active::after,
:root:not([data-tiannis-theme="dark"]) .tiannis-nav a:hover::after,
:root:not([data-tiannis-theme="dark"]) .about-nav a.active::after,
:root:not([data-tiannis-theme="dark"]) .about-nav a:hover::after,
:root:not([data-tiannis-theme="dark"]) .tiannis-product-nav a.active::after,
:root:not([data-tiannis-theme="dark"]) .tiannis-product-nav a:hover::after,
:root:not([data-tiannis-theme="dark"]) .solutions-nav a.active::after,
:root:not([data-tiannis-theme="dark"]) .solutions-nav a:hover::after,
:root:not([data-tiannis-theme="dark"]) .contact-nav a.active::after,
:root:not([data-tiannis-theme="dark"]) .contact-nav a:hover::after,
:root[data-tiannis-theme="light"] .tiannis-nav a.active::after,
:root[data-tiannis-theme="light"] .tiannis-nav a:hover::after,
:root[data-tiannis-theme="light"] .about-nav a.active::after,
:root[data-tiannis-theme="light"] .about-nav a:hover::after,
:root[data-tiannis-theme="light"] .tiannis-product-nav a.active::after,
:root[data-tiannis-theme="light"] .tiannis-product-nav a:hover::after,
:root[data-tiannis-theme="light"] .solutions-nav a.active::after,
:root[data-tiannis-theme="light"] .solutions-nav a:hover::after,
:root[data-tiannis-theme="light"] .contact-nav a.active::after,
:root[data-tiannis-theme="light"] .contact-nav a:hover::after {
  background: var(--tiannis-gold);
  box-shadow: 0 0 14px rgba(201, 154, 88, .45);
}

.tiannis-theme-button {
  display: inline-grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: inherit;
  background: transparent;
  font: inherit;
  font-size: 17px;
  line-height: 1;
}

.tiannis-actions .tiannis-theme-button,
.about-actions .tiannis-theme-button,
.product-header-actions .tiannis-theme-button,
.solutions-actions .tiannis-theme-button,
.contact-actions .tiannis-theme-button {
  display: inline-grid;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 50%;
  color: #ffffff;
  background: rgba(0, 0, 0, .08);
  font-size: 17px;
}

:root:not([data-tiannis-theme="dark"]) .tiannis-theme-button,
:root[data-tiannis-theme="light"] .tiannis-theme-button {
  color: #111417;
  border-color: rgba(17, 20, 23, .18);
  background: rgba(255, 255, 255, .68);
  box-shadow: 0 10px 24px rgba(31, 38, 45, .08);
}

:root:not([data-tiannis-theme="dark"]) .language-button,
:root:not([data-tiannis-theme="dark"]) .about-actions button,
:root:not([data-tiannis-theme="dark"]) .product-header-actions button,
:root:not([data-tiannis-theme="dark"]) .solutions-actions button,
:root:not([data-tiannis-theme="dark"]) .contact-actions button,
:root:not([data-tiannis-theme="dark"]) .tiannis-menu,
:root:not([data-tiannis-theme="dark"]) .about-menu,
:root:not([data-tiannis-theme="dark"]) .product-menu,
:root:not([data-tiannis-theme="dark"]) .solutions-menu,
:root:not([data-tiannis-theme="dark"]) .contact-menu,
:root[data-tiannis-theme="light"] .language-button,
:root[data-tiannis-theme="light"] .about-actions button,
:root[data-tiannis-theme="light"] .product-header-actions button,
:root[data-tiannis-theme="light"] .solutions-actions button,
:root[data-tiannis-theme="light"] .contact-actions button,
:root[data-tiannis-theme="light"] .tiannis-menu,
:root[data-tiannis-theme="light"] .about-menu,
:root[data-tiannis-theme="light"] .product-menu,
:root[data-tiannis-theme="light"] .solutions-menu,
:root[data-tiannis-theme="light"] .contact-menu {
  color: #111417;
}

:root:not([data-tiannis-theme="dark"]) .tiannis-menu,
:root:not([data-tiannis-theme="dark"]) .about-menu,
:root:not([data-tiannis-theme="dark"]) .product-menu,
:root:not([data-tiannis-theme="dark"]) .solutions-menu,
:root:not([data-tiannis-theme="dark"]) .contact-menu,
:root[data-tiannis-theme="light"] .tiannis-menu,
:root[data-tiannis-theme="light"] .about-menu,
:root[data-tiannis-theme="light"] .product-menu,
:root[data-tiannis-theme="light"] .solutions-menu,
:root[data-tiannis-theme="light"] .contact-menu {
  border-color: rgba(17, 20, 23, .2);
}

:root:not([data-tiannis-theme="dark"]) .tiannis-menu span,
:root:not([data-tiannis-theme="dark"]) .about-menu span,
:root:not([data-tiannis-theme="dark"]) .product-menu span,
:root:not([data-tiannis-theme="dark"]) .solutions-menu span,
:root:not([data-tiannis-theme="dark"]) .contact-menu span,
:root[data-tiannis-theme="light"] .tiannis-menu span,
:root[data-tiannis-theme="light"] .about-menu span,
:root[data-tiannis-theme="light"] .product-menu span,
:root[data-tiannis-theme="light"] .solutions-menu span,
:root[data-tiannis-theme="light"] .contact-menu span {
  background: #111417;
}

:root:not([data-tiannis-theme="dark"]) .tiannis-outline,
:root:not([data-tiannis-theme="dark"]) .about-actions a,
:root:not([data-tiannis-theme="dark"]) .product-header-actions a,
:root:not([data-tiannis-theme="dark"]) .solutions-actions a,
:root:not([data-tiannis-theme="dark"]) .contact-actions a,
:root:not([data-tiannis-theme="dark"]) .tiannis-secondary,
:root[data-tiannis-theme="light"] .tiannis-outline,
:root[data-tiannis-theme="light"] .about-actions a,
:root[data-tiannis-theme="light"] .product-header-actions a,
:root[data-tiannis-theme="light"] .solutions-actions a,
:root[data-tiannis-theme="light"] .contact-actions a,
:root[data-tiannis-theme="light"] .tiannis-secondary {
  border-color: rgba(201, 154, 88, .56);
  color: #111417;
  background: rgba(255, 255, 255, .56);
}

:root:not([data-tiannis-theme="dark"]) .tiannis-primary,
:root[data-tiannis-theme="light"] .tiannis-primary {
  border-color: var(--tiannis-gold);
  color: #ffffff;
  background: var(--tiannis-gold);
  box-shadow: 0 16px 30px rgba(201, 154, 88, .22);
}

:root:not([data-tiannis-theme="dark"]) .video-link,
:root:not([data-tiannis-theme="dark"]) .solution-cards a,
:root:not([data-tiannis-theme="dark"]) .tiannis-product-card a,
:root:not([data-tiannis-theme="dark"]) .manufacturing-copy a,
:root:not([data-tiannis-theme="dark"]) .materials-copy a,
:root:not([data-tiannis-theme="dark"]) .custom-cta a,
:root:not([data-tiannis-theme="dark"]) .solutions-hero-copy a,
:root:not([data-tiannis-theme="dark"]) .featured-copy a,
:root:not([data-tiannis-theme="dark"]) .process-copy a,
:root:not([data-tiannis-theme="dark"]) .world-copy a,
:root:not([data-tiannis-theme="dark"]) .popular-grid a,
:root:not([data-tiannis-theme="dark"]) .detail-actions a,
:root:not([data-tiannis-theme="dark"]) .detail-content-grid aside a,
:root:not([data-tiannis-theme="dark"]) .factory-office a,
:root[data-tiannis-theme="light"] .video-link,
:root[data-tiannis-theme="light"] .solution-cards a,
:root[data-tiannis-theme="light"] .tiannis-product-card a,
:root[data-tiannis-theme="light"] .manufacturing-copy a,
:root[data-tiannis-theme="light"] .materials-copy a,
:root[data-tiannis-theme="light"] .custom-cta a,
:root[data-tiannis-theme="light"] .solutions-hero-copy a,
:root[data-tiannis-theme="light"] .featured-copy a,
:root[data-tiannis-theme="light"] .process-copy a,
:root[data-tiannis-theme="light"] .world-copy a,
:root[data-tiannis-theme="light"] .popular-grid a,
:root[data-tiannis-theme="light"] .detail-actions a,
:root[data-tiannis-theme="light"] .detail-content-grid aside a,
:root[data-tiannis-theme="light"] .factory-office a {
  color: #111417;
}

:root:not([data-tiannis-theme="dark"]) .video-link i,
:root[data-tiannis-theme="light"] .video-link i {
  border-color: rgba(17, 20, 23, .38);
}

:root:not([data-tiannis-theme="dark"]) .tiannis-hero,
:root:not([data-tiannis-theme="dark"]) .about-hero,
:root:not([data-tiannis-theme="dark"]) .product-hero,
:root:not([data-tiannis-theme="dark"]) .solutions-hero,
:root:not([data-tiannis-theme="dark"]) .contact-hero,
:root[data-tiannis-theme="light"] .tiannis-hero,
:root[data-tiannis-theme="light"] .about-hero,
:root[data-tiannis-theme="light"] .product-hero,
:root[data-tiannis-theme="light"] .solutions-hero,
:root[data-tiannis-theme="light"] .contact-hero {
  border-bottom-color: rgba(17, 20, 23, .1);
  background: #f7f8f6;
}

:root:not([data-tiannis-theme="dark"]) .hero-backdrop,
:root[data-tiannis-theme="light"] .hero-backdrop {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .88) 20%, rgba(255, 255, 255, .34) 30%, rgba(255, 255, 255, 0) 36%),
    linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0) 22%, rgba(247, 248, 246, .08) 100%),
    url("/assets/b2b/home-hero-manufacturing.png") center / cover no-repeat;
  filter: saturate(1.04) contrast(1.04);
}

:root:not([data-tiannis-theme="dark"]) .hero-backdrop::after,
:root[data-tiannis-theme="light"] .hero-backdrop::after {
  background:
    radial-gradient(circle at 20% 76%, rgba(201, 154, 88, .12), transparent 18rem),
    linear-gradient(90deg, rgba(255, 255, 255, .38), rgba(255, 255, 255, 0) 32%);
}

:root:not([data-tiannis-theme="dark"]) .about-hero-media,
:root[data-tiannis-theme="light"] .about-hero-media {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .84) 20%, rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, 0) 38%),
    url("/assets/b2b/about-hero-factory.png") center right / cover no-repeat,
    url("/assets/b2b/factory-exterior.svg") center right / cover no-repeat;
  filter: saturate(1.04) contrast(1.04);
}

:root:not([data-tiannis-theme="dark"]) .product-hero,
:root[data-tiannis-theme="light"] .product-hero {
  background: #f7f8f6;
}

:root:not([data-tiannis-theme="dark"]) .product-hero-image,
:root[data-tiannis-theme="light"] .product-hero-image {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .82) 20%, rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, 0) 38%),
    url("/assets/b2b/products-hero.png") center right / cover no-repeat,
    url("/assets/b2b/hero-shower-factory.svg") center right / cover no-repeat;
  filter: saturate(1.04) contrast(1.04);
}

:root:not([data-tiannis-theme="dark"]) .solutions-hero-media,
:root[data-tiannis-theme="light"] .solutions-hero-media {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .82) 20%, rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, 0) 38%),
    url("/assets/b2b/solutions-hero.png") center right / cover no-repeat;
  filter: saturate(1.04) contrast(1.04);
}

:root:not([data-tiannis-theme="dark"]) .contact-hero-media,
:root[data-tiannis-theme="light"] .contact-hero-media {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .82) 20%, rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, 0) 38%),
    url("/assets/b2b/contact-hero-factory.png") center right / cover no-repeat;
  filter: saturate(1.04) contrast(1.04);
}

@supports (background-image: image-set(url("/assets/b2b/optimized/home-hero-manufacturing-1440.webp") 1x)) {
  :root:not([data-tiannis-theme="dark"]) .hero-backdrop,
  :root[data-tiannis-theme="light"] .hero-backdrop {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .88) 20%, rgba(255, 255, 255, .34) 30%, rgba(255, 255, 255, 0) 36%),
      linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0) 22%, rgba(247, 248, 246, .08) 100%),
      image-set(url("/assets/b2b/optimized/home-hero-manufacturing-1440.webp") 1x, url("/assets/b2b/optimized/home-hero-manufacturing-2400.webp") 2x) center / cover no-repeat;
  }

  :root:not([data-tiannis-theme="dark"]) .about-hero-media,
  :root[data-tiannis-theme="light"] .about-hero-media {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .84) 20%, rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, 0) 38%),
      image-set(url("/assets/b2b/optimized/about-hero-factory-1440.webp") 1x, url("/assets/b2b/optimized/about-hero-factory-1920.webp") 2x) center right / cover no-repeat,
      url("/assets/b2b/factory-exterior.svg") center right / cover no-repeat;
  }

  :root:not([data-tiannis-theme="dark"]) .product-hero-image,
  :root[data-tiannis-theme="light"] .product-hero-image {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .82) 20%, rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, 0) 38%),
      image-set(url("/assets/b2b/optimized/products-hero-960.webp") 1x, url("/assets/b2b/optimized/products-hero-1440.webp") 2x) center right / cover no-repeat,
      url("/assets/b2b/hero-shower-factory.svg") center right / cover no-repeat;
  }

  :root:not([data-tiannis-theme="dark"]) .solutions-hero-media,
  :root[data-tiannis-theme="light"] .solutions-hero-media {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .82) 20%, rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, 0) 38%),
      image-set(url("/assets/b2b/optimized/solutions-hero-960.webp") 1x, url("/assets/b2b/optimized/solutions-hero-1440.webp") 2x) center right / cover no-repeat;
  }

  :root:not([data-tiannis-theme="dark"]) .contact-hero-media,
  :root[data-tiannis-theme="light"] .contact-hero-media {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .82) 20%, rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, 0) 38%),
      image-set(url("/assets/b2b/optimized/contact-hero-factory-1440.webp") 1x, url("/assets/b2b/optimized/contact-hero-factory-1920.webp") 2x) center right / cover no-repeat;
  }

  @media (max-width: 720px) {
    :root:not([data-tiannis-theme="dark"]) .hero-backdrop,
    :root[data-tiannis-theme="light"] .hero-backdrop {
      background:
        linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .88) 20%, rgba(255, 255, 255, .34) 30%, rgba(255, 255, 255, 0) 36%),
        linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0) 22%, rgba(247, 248, 246, .08) 100%),
        image-set(url("/assets/b2b/optimized/home-hero-manufacturing-960.webp") 1x, url("/assets/b2b/optimized/home-hero-manufacturing-1440.webp") 2x) center / cover no-repeat;
    }

    :root:not([data-tiannis-theme="dark"]) .about-hero-media,
    :root[data-tiannis-theme="light"] .about-hero-media {
      background:
        linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .84) 20%, rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, 0) 38%),
        image-set(url("/assets/b2b/optimized/about-hero-factory-960.webp") 1x, url("/assets/b2b/optimized/about-hero-factory-1440.webp") 2x) center right / cover no-repeat,
        url("/assets/b2b/factory-exterior.svg") center right / cover no-repeat;
    }

    :root:not([data-tiannis-theme="dark"]) .contact-hero-media,
    :root[data-tiannis-theme="light"] .contact-hero-media {
      background:
        linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .82) 20%, rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, 0) 38%),
        image-set(url("/assets/b2b/optimized/contact-hero-factory-960.webp") 1x, url("/assets/b2b/optimized/contact-hero-factory-1440.webp") 2x) center right / cover no-repeat;
    }
  }
}

:root:not([data-tiannis-theme="dark"]) .hero-lede,
:root:not([data-tiannis-theme="dark"]) .section-copy p,
:root:not([data-tiannis-theme="dark"]) .inquiry-copy p,
:root:not([data-tiannis-theme="dark"]) .about-hero-copy > span,
:root:not([data-tiannis-theme="dark"]) .about-section-copy > span,
:root:not([data-tiannis-theme="dark"]) .manufacturing-panel > span,
:root:not([data-tiannis-theme="dark"]) .cta-copy p,
:root:not([data-tiannis-theme="dark"]) .product-hero-copy > span,
:root:not([data-tiannis-theme="dark"]) .manufacturing-copy > span,
:root:not([data-tiannis-theme="dark"]) .materials-copy > span,
:root:not([data-tiannis-theme="dark"]) .solutions-hero-copy > span,
:root:not([data-tiannis-theme="dark"]) .featured-copy > span,
:root:not([data-tiannis-theme="dark"]) .process-copy > span,
:root:not([data-tiannis-theme="dark"]) .contact-hero-copy > span,
:root[data-tiannis-theme="light"] .hero-lede,
:root[data-tiannis-theme="light"] .section-copy p,
:root[data-tiannis-theme="light"] .inquiry-copy p,
:root[data-tiannis-theme="light"] .about-hero-copy > span,
:root[data-tiannis-theme="light"] .about-section-copy > span,
:root[data-tiannis-theme="light"] .manufacturing-panel > span,
:root[data-tiannis-theme="light"] .cta-copy p,
:root[data-tiannis-theme="light"] .product-hero-copy > span,
:root[data-tiannis-theme="light"] .manufacturing-copy > span,
:root[data-tiannis-theme="light"] .materials-copy > span,
:root[data-tiannis-theme="light"] .solutions-hero-copy > span,
:root[data-tiannis-theme="light"] .featured-copy > span,
:root[data-tiannis-theme="light"] .process-copy > span,
:root[data-tiannis-theme="light"] .contact-hero-copy > span {
  color: var(--tiannis-muted);
}

:root:not([data-tiannis-theme="dark"]) .advantage-band,
:root:not([data-tiannis-theme="dark"]) .factory-section,
:root:not([data-tiannis-theme="dark"]) .solutions-section,
:root:not([data-tiannis-theme="dark"]) .quality-section,
:root:not([data-tiannis-theme="dark"]) .news-section,
:root:not([data-tiannis-theme="dark"]) .about-story,
:root:not([data-tiannis-theme="dark"]) .about-values,
:root:not([data-tiannis-theme="dark"]) .about-manufacturing,
:root:not([data-tiannis-theme="dark"]) .about-numbers,
:root:not([data-tiannis-theme="dark"]) .about-cta,
:root:not([data-tiannis-theme="dark"]) .product-catalog-section,
:root:not([data-tiannis-theme="dark"]) .manufacturing-band,
:root:not([data-tiannis-theme="dark"]) .materials-section,
:root:not([data-tiannis-theme="dark"]) .custom-cta,
:root:not([data-tiannis-theme="dark"]) .solutions-audience,
:root:not([data-tiannis-theme="dark"]) .process-section,
:root:not([data-tiannis-theme="dark"]) .popular-solutions,
:root:not([data-tiannis-theme="dark"]) .worldwide-section,
:root:not([data-tiannis-theme="dark"]) .contact-form-section,
:root:not([data-tiannis-theme="dark"]) .offices-section,
:root:not([data-tiannis-theme="dark"]) .contact-project-cta,
:root[data-tiannis-theme="light"] .advantage-band,
:root[data-tiannis-theme="light"] .factory-section,
:root[data-tiannis-theme="light"] .solutions-section,
:root[data-tiannis-theme="light"] .quality-section,
:root[data-tiannis-theme="light"] .news-section,
:root[data-tiannis-theme="light"] .about-story,
:root[data-tiannis-theme="light"] .about-values,
:root[data-tiannis-theme="light"] .about-manufacturing,
:root[data-tiannis-theme="light"] .about-numbers,
:root[data-tiannis-theme="light"] .about-cta,
:root[data-tiannis-theme="light"] .product-catalog-section,
:root[data-tiannis-theme="light"] .manufacturing-band,
:root[data-tiannis-theme="light"] .materials-section,
:root[data-tiannis-theme="light"] .custom-cta,
:root[data-tiannis-theme="light"] .solutions-audience,
:root[data-tiannis-theme="light"] .process-section,
:root[data-tiannis-theme="light"] .popular-solutions,
:root[data-tiannis-theme="light"] .worldwide-section,
:root[data-tiannis-theme="light"] .contact-form-section,
:root[data-tiannis-theme="light"] .offices-section,
:root[data-tiannis-theme="light"] .contact-project-cta {
  color: #111417;
  background:
    radial-gradient(circle at 90% 0%, rgba(201, 154, 88, .08), transparent 22rem),
    #ffffff;
  border-bottom-color: rgba(17, 20, 23, .1);
}

:root:not([data-tiannis-theme="dark"]) .about-numbers > div,
:root:not([data-tiannis-theme="dark"]) .about-numbers article,
:root[data-tiannis-theme="light"] .about-numbers > div,
:root[data-tiannis-theme="light"] .about-numbers article {
  border-left-color: rgba(17, 20, 23, .12);
  border-top-color: rgba(17, 20, 23, .12);
}

:root:not([data-tiannis-theme="dark"]) .about-numbers span,
:root[data-tiannis-theme="light"] .about-numbers span {
  color: var(--tiannis-muted);
}

:root:not([data-tiannis-theme="dark"]) .about-numbers i,
:root:not([data-tiannis-theme="dark"]) .process-grid i,
:root[data-tiannis-theme="light"] .process-grid i,
:root[data-tiannis-theme="light"] .about-numbers i {
  border-color: rgba(201, 154, 88, .58);
  color: var(--tiannis-gold);
  background: rgba(201, 154, 88, .08);
}

:root:not([data-tiannis-theme="dark"]) .cta-copy a,
:root:not([data-tiannis-theme="dark"]) .manufacturing-panel a,
:root[data-tiannis-theme="light"] .manufacturing-panel a,
:root[data-tiannis-theme="light"] .cta-copy a {
  border-color: var(--tiannis-gold);
  color: #ffffff;
  background: var(--tiannis-gold);
  box-shadow: 0 16px 30px rgba(201, 154, 88, .18);
}

:root:not([data-tiannis-theme="dark"]) .cta-copy a:hover,
:root:not([data-tiannis-theme="dark"]) .manufacturing-panel a:hover,
:root[data-tiannis-theme="light"] .manufacturing-panel a:hover,
:root[data-tiannis-theme="light"] .cta-copy a:hover {
  background: #b98945;
}

:root:not([data-tiannis-theme="dark"]) .advantage-title,
:root[data-tiannis-theme="light"] .advantage-title {
  color: #111417;
}

:root:not([data-tiannis-theme="dark"]) .advantage-grid article,
:root[data-tiannis-theme="light"] .advantage-grid article {
  border-left-color: rgba(17, 20, 23, .12);
}

:root:not([data-tiannis-theme="dark"]) .advantage-grid i,
:root[data-tiannis-theme="light"] .advantage-grid i {
  color: #30363c;
}

:root:not([data-tiannis-theme="dark"]) .advantage-grid span,
:root:not([data-tiannis-theme="dark"]) .quality-grid span,
:root:not([data-tiannis-theme="dark"]) .product-hero-icons strong,
:root:not([data-tiannis-theme="dark"]) .tiannis-product-card span,
:root:not([data-tiannis-theme="dark"]) .tiannis-product-card p,
:root:not([data-tiannis-theme="dark"]) .manufacturing-stats span,
:root:not([data-tiannis-theme="dark"]) .materials-copy ul,
:root:not([data-tiannis-theme="dark"]) .materials-grid p,
:root:not([data-tiannis-theme="dark"]) .custom-cta small,
:root:not([data-tiannis-theme="dark"]) .process-grid small,
:root:not([data-tiannis-theme="dark"]) .featured-copy ul,
:root:not([data-tiannis-theme="dark"]) .process-steps span,
:root:not([data-tiannis-theme="dark"]) .popular-grid p,
:root:not([data-tiannis-theme="dark"]) .world-stats span,
:root:not([data-tiannis-theme="dark"]) .partner-strip,
:root:not([data-tiannis-theme="dark"]) .contact-hero-points small,
:root:not([data-tiannis-theme="dark"]) .contact-form-card > span,
:root:not([data-tiannis-theme="dark"]) .contact-info-card span,
:root:not([data-tiannis-theme="dark"]) .factory-office span,
:root:not([data-tiannis-theme="dark"]) .office-card span,
:root:not([data-tiannis-theme="dark"]) .footer-brand p,
:root:not([data-tiannis-theme="dark"]) .newsletter-form span,
:root:not([data-tiannis-theme="dark"]) .contact-footer nav a,
:root:not([data-tiannis-theme="dark"]) .detail-breadcrumb,
:root:not([data-tiannis-theme="dark"]) .detail-breadcrumb a,
:root:not([data-tiannis-theme="dark"]) .detail-copy-panel > span,
:root:not([data-tiannis-theme="dark"]) #detailDescription p,
:root:not([data-tiannis-theme="dark"]) .detail-content-grid li,
:root:not([data-tiannis-theme="dark"]) .comparison-table small,
:root[data-tiannis-theme="light"] .advantage-grid span,
:root[data-tiannis-theme="light"] .quality-grid span,
:root[data-tiannis-theme="light"] .product-hero-icons strong,
:root[data-tiannis-theme="light"] .tiannis-product-card span,
:root[data-tiannis-theme="light"] .tiannis-product-card p,
:root[data-tiannis-theme="light"] .manufacturing-stats span,
:root[data-tiannis-theme="light"] .materials-copy ul,
:root[data-tiannis-theme="light"] .materials-grid p,
:root[data-tiannis-theme="light"] .custom-cta small,
:root[data-tiannis-theme="light"] .process-grid small,
:root[data-tiannis-theme="light"] .featured-copy ul,
:root[data-tiannis-theme="light"] .process-steps span,
:root[data-tiannis-theme="light"] .popular-grid p,
:root[data-tiannis-theme="light"] .world-stats span,
:root[data-tiannis-theme="light"] .partner-strip,
:root[data-tiannis-theme="light"] .contact-hero-points small,
:root[data-tiannis-theme="light"] .contact-form-card > span,
:root[data-tiannis-theme="light"] .contact-info-card span,
:root[data-tiannis-theme="light"] .factory-office span,
:root[data-tiannis-theme="light"] .office-card span,
:root[data-tiannis-theme="light"] .footer-brand p,
:root[data-tiannis-theme="light"] .newsletter-form span,
:root[data-tiannis-theme="light"] .contact-footer nav a,
:root[data-tiannis-theme="light"] .detail-breadcrumb,
:root[data-tiannis-theme="light"] .detail-breadcrumb a,
:root[data-tiannis-theme="light"] .detail-copy-panel > span,
:root[data-tiannis-theme="light"] #detailDescription p,
:root[data-tiannis-theme="light"] .detail-content-grid li,
:root[data-tiannis-theme="light"] .comparison-table small {
  color: var(--tiannis-muted);
}

:root:not([data-tiannis-theme="dark"]) .factory-mosaic img,
:root[data-tiannis-theme="light"] .factory-mosaic img {
  border-color: rgba(17, 20, 23, .1);
  box-shadow: 0 18px 42px rgba(31, 38, 45, .1);
}

:root:not([data-tiannis-theme="dark"]) .factory-mosaic picture::before,
:root:not([data-tiannis-theme="dark"]) .solution-cards picture::before,
:root:not([data-tiannis-theme="dark"]) .timeline-grid picture::before,
:root:not([data-tiannis-theme="dark"]) .featured-media picture::after,
:root:not([data-tiannis-theme="dark"]) .popular-grid picture::after,
:root:not([data-tiannis-theme="dark"]) .tiannis-product-card::before,
:root:not([data-tiannis-theme="dark"]) .detail-visual-panel::after,
:root[data-tiannis-theme="light"] .factory-mosaic picture::before,
:root[data-tiannis-theme="light"] .solution-cards picture::before,
:root[data-tiannis-theme="light"] .timeline-grid picture::before,
:root[data-tiannis-theme="light"] .featured-media picture::after,
:root[data-tiannis-theme="light"] .popular-grid picture::after,
:root[data-tiannis-theme="light"] .tiannis-product-card::before,
:root[data-tiannis-theme="light"] .detail-visual-panel::after {
  background:
    linear-gradient(115deg, transparent 0 44%, rgba(255, 255, 255, .44) 49%, rgba(201, 154, 88, .14) 52%, transparent 64%),
    radial-gradient(circle at 84% 8%, rgba(201, 154, 88, .12), transparent 12rem);
}

:root:not([data-tiannis-theme="dark"]) .solution-cards article,
:root:not([data-tiannis-theme="dark"]) .quality-grid article,
:root:not([data-tiannis-theme="dark"]) .news-list article,
:root:not([data-tiannis-theme="dark"]) .timeline-grid article,
:root:not([data-tiannis-theme="dark"]) .manufacturing-panel,
:root:not([data-tiannis-theme="dark"]) .process-grid article,
:root:not([data-tiannis-theme="dark"]) .tiannis-product-card,
:root:not([data-tiannis-theme="dark"]) .materials-grid article,
:root:not([data-tiannis-theme="dark"]) .featured-solution,
:root:not([data-tiannis-theme="dark"]) .process-steps article,
:root:not([data-tiannis-theme="dark"]) .popular-grid article,
:root:not([data-tiannis-theme="dark"]) .world-stats article,
:root:not([data-tiannis-theme="dark"]) .contact-form-card,
:root:not([data-tiannis-theme="dark"]) .contact-info-card,
:root:not([data-tiannis-theme="dark"]) .office-card,
:root:not([data-tiannis-theme="dark"]) .factory-office,
:root:not([data-tiannis-theme="dark"]) .live-chat-card,
:root:not([data-tiannis-theme="dark"]) .detail-status,
:root:not([data-tiannis-theme="dark"]) .detail-visual-panel,
:root:not([data-tiannis-theme="dark"]) .detail-copy-panel,
:root:not([data-tiannis-theme="dark"]) .detail-spec-grid article,
:root:not([data-tiannis-theme="dark"]) .detail-content-grid article,
:root:not([data-tiannis-theme="dark"]) .detail-content-grid aside,
:root:not([data-tiannis-theme="dark"]) .detail-materials article,
:root:not([data-tiannis-theme="dark"]) .comparison-dialog,
:root:not([data-tiannis-theme="dark"]) .comparison-table article,
:root[data-tiannis-theme="light"] .solution-cards article,
:root[data-tiannis-theme="light"] .quality-grid article,
:root[data-tiannis-theme="light"] .news-list article,
:root[data-tiannis-theme="light"] .timeline-grid article,
:root[data-tiannis-theme="light"] .manufacturing-panel,
:root[data-tiannis-theme="light"] .process-grid article,
:root[data-tiannis-theme="light"] .tiannis-product-card,
:root[data-tiannis-theme="light"] .materials-grid article,
:root[data-tiannis-theme="light"] .featured-solution,
:root[data-tiannis-theme="light"] .process-steps article,
:root[data-tiannis-theme="light"] .popular-grid article,
:root[data-tiannis-theme="light"] .world-stats article,
:root[data-tiannis-theme="light"] .contact-form-card,
:root[data-tiannis-theme="light"] .contact-info-card,
:root[data-tiannis-theme="light"] .office-card,
:root[data-tiannis-theme="light"] .factory-office,
:root[data-tiannis-theme="light"] .live-chat-card,
:root[data-tiannis-theme="light"] .detail-status,
:root[data-tiannis-theme="light"] .detail-visual-panel,
:root[data-tiannis-theme="light"] .detail-copy-panel,
:root[data-tiannis-theme="light"] .detail-spec-grid article,
:root[data-tiannis-theme="light"] .detail-content-grid article,
:root[data-tiannis-theme="light"] .detail-content-grid aside,
:root[data-tiannis-theme="light"] .detail-materials article,
:root[data-tiannis-theme="light"] .comparison-dialog,
:root[data-tiannis-theme="light"] .comparison-table article {
  color: #111417;
  border-color: rgba(17, 20, 23, .1);
  background: #ffffff;
  box-shadow: 0 18px 44px rgba(31, 38, 45, .1);
}

:root:not([data-tiannis-theme="dark"]) .solution-cards article:hover,
:root:not([data-tiannis-theme="dark"]) .tiannis-product-card:hover,
:root:not([data-tiannis-theme="dark"]) .popular-grid article:hover,
:root:not([data-tiannis-theme="dark"]) .office-card:hover,
:root:not([data-tiannis-theme="dark"]) .factory-office:hover,
:root:not([data-tiannis-theme="dark"]) .contact-map-card:hover,
:root[data-tiannis-theme="light"] .solution-cards article:hover,
:root[data-tiannis-theme="light"] .tiannis-product-card:hover,
:root[data-tiannis-theme="light"] .popular-grid article:hover,
:root[data-tiannis-theme="light"] .office-card:hover,
:root[data-tiannis-theme="light"] .factory-office:hover,
:root[data-tiannis-theme="light"] .contact-map-card:hover {
  box-shadow: 0 24px 58px rgba(31, 38, 45, .16), 0 0 0 1px rgba(201, 154, 88, .12);
}

:root:not([data-tiannis-theme="dark"]) .product-tabs-row,
:root[data-tiannis-theme="light"] .product-tabs-row {
  border-bottom-color: rgba(17, 20, 23, .12);
}

:root:not([data-tiannis-theme="dark"]) .product-tabs button,
:root:not([data-tiannis-theme="dark"]) .comparison-trigger,
:root:not([data-tiannis-theme="dark"]) .audience-tabs button,
:root:not([data-tiannis-theme="dark"]) .product-status,
:root[data-tiannis-theme="light"] .product-tabs button,
:root[data-tiannis-theme="light"] .comparison-trigger,
:root[data-tiannis-theme="light"] .audience-tabs button,
:root[data-tiannis-theme="light"] .product-status {
  color: rgba(17, 20, 23, .62);
}

:root:not([data-tiannis-theme="dark"]) .product-tabs button.active,
:root:not([data-tiannis-theme="dark"]) .audience-tabs button.active,
:root:not([data-tiannis-theme="dark"]) .audience-label,
:root:not([data-tiannis-theme="dark"]) .process-steps small,
:root:not([data-tiannis-theme="dark"]) .product-hero-icons i,
:root:not([data-tiannis-theme="dark"]) .contact-hero-points i,
:root[data-tiannis-theme="light"] .product-tabs button.active,
:root[data-tiannis-theme="light"] .audience-tabs button.active,
:root[data-tiannis-theme="light"] .audience-label,
:root[data-tiannis-theme="light"] .process-steps small,
:root[data-tiannis-theme="light"] .product-hero-icons i,
:root[data-tiannis-theme="light"] .contact-hero-points i {
  color: #111417;
}

:root:not([data-tiannis-theme="dark"]) .product-tabs button.active::after,
:root[data-tiannis-theme="light"] .product-tabs button.active::after {
  background: var(--tiannis-gold);
}

:root:not([data-tiannis-theme="dark"]) .inquiry-section,
:root[data-tiannis-theme="light"] .inquiry-section {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .72)),
    url("/assets/b2b/workshop.svg") center / cover no-repeat;
}

:root:not([data-tiannis-theme="dark"]) .inquiry-form,
:root[data-tiannis-theme="light"] .inquiry-form {
  border-color: rgba(17, 20, 23, .12);
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--tiannis-shadow);
}

:root:not([data-tiannis-theme="dark"]) .inquiry-form label,
:root[data-tiannis-theme="light"] .inquiry-form label {
  color: rgba(17, 20, 23, .72);
}

:root:not([data-tiannis-theme="dark"]) .inquiry-form input,
:root:not([data-tiannis-theme="dark"]) .inquiry-form select,
:root:not([data-tiannis-theme="dark"]) .inquiry-form textarea,
:root:not([data-tiannis-theme="dark"]) .contact-form-card input,
:root:not([data-tiannis-theme="dark"]) .contact-form-card select,
:root:not([data-tiannis-theme="dark"]) .contact-form-card textarea,
:root:not([data-tiannis-theme="dark"]) .newsletter-form input,
:root:not([data-tiannis-theme="dark"]) .chat-input input,
:root[data-tiannis-theme="light"] .inquiry-form input,
:root[data-tiannis-theme="light"] .inquiry-form select,
:root[data-tiannis-theme="light"] .inquiry-form textarea,
:root[data-tiannis-theme="light"] .contact-form-card input,
:root[data-tiannis-theme="light"] .contact-form-card select,
:root[data-tiannis-theme="light"] .contact-form-card textarea,
:root[data-tiannis-theme="light"] .newsletter-form input,
:root[data-tiannis-theme="light"] .chat-input input {
  border-color: rgba(17, 20, 23, .14);
  color: #111417;
  background: #ffffff;
}

:root:not([data-tiannis-theme="dark"]) .inquiry-status.success,
:root[data-tiannis-theme="light"] .inquiry-status.success {
  color: #247d50;
}

:root:not([data-tiannis-theme="dark"]) .inquiry-status.error,
:root[data-tiannis-theme="light"] .inquiry-status.error {
  color: #b4372b;
}

:root:not([data-tiannis-theme="dark"]) .manufacturing-media,
:root[data-tiannis-theme="light"] .manufacturing-media {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .94) 0%, rgba(255, 255, 255, .64) 36%, rgba(255, 255, 255, .16) 54%, rgba(255, 255, 255, 0) 64%),
    url("/assets/b2b/robot-line.svg") center right / cover no-repeat;
  filter: saturate(1.04) contrast(1.04);
}

:root:not([data-tiannis-theme="dark"]) .world-map,
:root[data-tiannis-theme="light"] .world-map {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0) 64%),
    url("/assets/b2b/solutions-map.png") center / contain no-repeat;
}

:root:not([data-tiannis-theme="dark"]) .factory-office::after,
:root[data-tiannis-theme="light"] .factory-office::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, .86) 0%, rgba(255, 255, 255, .3) 54%, rgba(255, 255, 255, 0) 74%);
}

:root:not([data-tiannis-theme="dark"]) .contact-map-card,
:root[data-tiannis-theme="light"] .contact-map-card {
  border-color: rgba(17, 20, 23, .1);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0) 64%),
    url("/assets/b2b/contact-map.png") right center / cover no-repeat,
    url("/assets/b2b/solutions-map.png") center / cover no-repeat;
  filter: saturate(1.04) contrast(1.04);
}

@supports (background-image: image-set(url("/assets/b2b/optimized/solutions-map-1200.webp") 1x)) {
  :root:not([data-tiannis-theme="dark"]) .world-map,
  :root[data-tiannis-theme="light"] .world-map {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0) 64%),
      image-set(url("/assets/b2b/optimized/solutions-map-768.webp") 1x, url("/assets/b2b/optimized/solutions-map-1200.webp") 2x) center / contain no-repeat;
  }

  :root:not([data-tiannis-theme="dark"]) .contact-map-card,
  :root[data-tiannis-theme="light"] .contact-map-card {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0) 64%),
      image-set(url("/assets/b2b/optimized/contact-map-768.webp") 1x, url("/assets/b2b/optimized/contact-map-1200.webp") 2x) right center / cover no-repeat,
      image-set(url("/assets/b2b/optimized/solutions-map-768.webp") 1x, url("/assets/b2b/optimized/solutions-map-1200.webp") 2x) center / cover no-repeat;
  }
}

:root:not([data-tiannis-theme="dark"]) .map-pin,
:root[data-tiannis-theme="light"] .map-pin {
  border-color: rgba(17, 20, 23, .12);
  background: rgba(255, 255, 255, .92);
  box-shadow: var(--tiannis-shadow);
}

:root:not([data-tiannis-theme="dark"]) .chat-heading,
:root:not([data-tiannis-theme="dark"]) .chat-input,
:root:not([data-tiannis-theme="dark"]) .contact-info-card article,
:root[data-tiannis-theme="light"] .chat-heading,
:root[data-tiannis-theme="light"] .chat-input,
:root[data-tiannis-theme="light"] .contact-info-card article {
  border-color: rgba(17, 20, 23, .1);
}

:root:not([data-tiannis-theme="dark"]) .message-bubble,
:root:not([data-tiannis-theme="dark"]) .emoji-panel,
:root:not([data-tiannis-theme="dark"]) .chat-attachment-preview,
:root[data-tiannis-theme="light"] .message-bubble,
:root[data-tiannis-theme="light"] .emoji-panel,
:root[data-tiannis-theme="light"] .chat-attachment-preview {
  color: #111417;
  border-color: rgba(17, 20, 23, .12);
  background: #f7f8f6;
}

:root:not([data-tiannis-theme="dark"]) .quick-questions button,
:root:not([data-tiannis-theme="dark"]) .chat-heading button,
:root:not([data-tiannis-theme="dark"]) .chat-input button,
:root[data-tiannis-theme="light"] .quick-questions button,
:root[data-tiannis-theme="light"] .chat-heading button,
:root[data-tiannis-theme="light"] .chat-input button {
  color: #111417;
  border-color: rgba(17, 20, 23, .14);
}

:root:not([data-tiannis-theme="dark"]) .chat-heading p,
:root:not([data-tiannis-theme="dark"]) .message-row small,
:root:not([data-tiannis-theme="dark"]) .message-row time,
:root:not([data-tiannis-theme="dark"]) .support-message time,
:root:not([data-tiannis-theme="dark"]) .user-message time,
:root:not([data-tiannis-theme="dark"]) .chat-status,
:root[data-tiannis-theme="light"] .chat-heading p,
:root[data-tiannis-theme="light"] .message-row small,
:root[data-tiannis-theme="light"] .message-row time,
:root[data-tiannis-theme="light"] .support-message time,
:root[data-tiannis-theme="light"] .user-message time,
:root[data-tiannis-theme="light"] .chat-status {
  color: var(--tiannis-muted);
}

:root:not([data-tiannis-theme="dark"]) .comparison-close,
:root[data-tiannis-theme="light"] .comparison-close {
  border-color: rgba(17, 20, 23, .16);
  color: #111417;
  background: #ffffff;
}

:root:not([data-tiannis-theme="dark"]) .tiannis-footer,
:root:not([data-tiannis-theme="dark"]) .about-footer,
:root:not([data-tiannis-theme="dark"]) .product-footer,
:root:not([data-tiannis-theme="dark"]) .solutions-footer,
:root:not([data-tiannis-theme="dark"]) .contact-footer,
:root[data-tiannis-theme="light"] .tiannis-footer,
:root[data-tiannis-theme="light"] .about-footer,
:root[data-tiannis-theme="light"] .product-footer,
:root[data-tiannis-theme="light"] .solutions-footer,
:root[data-tiannis-theme="light"] .contact-footer {
  color: #172033;
  background: #f5f6f2;
  border-top: 1px solid rgba(17, 20, 23, .1);
}

:root:not([data-tiannis-theme="dark"]) .hero-pager button,
:root[data-tiannis-theme="light"] .hero-pager button {
  color: #111417;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 10px 24px rgba(31, 38, 45, .08);
}

@media (max-width: 1120px) {
  :root:not([data-tiannis-theme="dark"]) .tiannis-nav,
  :root:not([data-tiannis-theme="dark"]) .about-nav,
  :root:not([data-tiannis-theme="dark"]) .tiannis-product-nav,
  :root:not([data-tiannis-theme="dark"]) .solutions-nav,
  :root:not([data-tiannis-theme="dark"]) .contact-nav,
  :root[data-tiannis-theme="light"] .tiannis-nav,
  :root[data-tiannis-theme="light"] .about-nav,
  :root[data-tiannis-theme="light"] .tiannis-product-nav,
  :root[data-tiannis-theme="light"] .solutions-nav,
  :root[data-tiannis-theme="light"] .contact-nav {
    border-color: rgba(17, 20, 23, .12);
    background: rgba(255, 255, 255, .96);
    box-shadow: var(--tiannis-shadow);
  }
}

@media (max-width: 720px) {
  :root:not([data-tiannis-theme="dark"]) .advantage-grid article,
  :root[data-tiannis-theme="light"] .advantage-grid article {
    border-top-color: rgba(17, 20, 23, .12);
  }
}