/* Final home and product-overview hero: exact reference typography, full glass product cards,
   the accepted particle ocean, and the locked full-pill navigation. */

/* Restore the original purple / lime particle ocean used by the home and product overview.
   The generic perspective field remains available to the product pages only. */
body:is([data-page="home"], [data-page="products"]) .terrain-stage {
  opacity: 1 !important;
  filter: none !important;
  background: transparent !important;
}

html,
body:is([data-page="home"], [data-page="products"]),
body:is([data-page="home"], [data-page="products"]) > .hero {
  background: #000 !important;
}

body:is([data-page="home"], [data-page="products"]) > .hero {
  border: 0 !important;
}

body:is([data-page="home"], [data-page="products"]) .terrain-stage::before,
body:is([data-page="home"], [data-page="products"]) .terrain-stage::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

body:is([data-page="home"], [data-page="products"]) #ocean-canvas {
  opacity: .6 !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
}

body:is([data-page="home"], [data-page="products"]) .parlo-field-canvas {
  display: none !important;
}

body:is([data-page="home"], [data-page="products"]) .hero-content::before {
  content: none !important;
  display: none !important;
}

body:is([data-page="home"], [data-page="products"]) #hero-title {
  max-width: 900px !important;
  font-size: clamp(54px, 4.9vw, 72px) !important;
  line-height: .94 !important;
  letter-spacing: -.055em !important;
}

body[data-page="home"] #hero-title.hero-title-zh {
  max-width: 760px !important;
  margin-inline: auto !important;
  font-size: clamp(42px, 3.8vw, 56px) !important;
  font-weight: 500 !important;
  line-height: 1.14 !important;
  letter-spacing: -.03em !important;
  text-align: center !important;
}

body[data-page="home"] #hero-title.hero-title-zh .title-line {
  min-height: 1.14em;
  padding: 0;
  justify-content: center !important;
}

body[data-page="home"] #hero-title.hero-title-zh .title-word {
  white-space: nowrap;
}

body[data-page="home"] .title-motion {
  width: 100%;
  margin-inline: auto;
  transform: none !important;
}

body[data-page="home"] #hero-title.hero-title-zh .title-word-inner {
  animation: none !important;
}

body:is([data-page="home"], [data-page="products"]) .description {
  max-width: 610px !important;
  margin: 10px auto 0 !important;
}

body[data-page="home"] .description {
  max-width: 720px !important;
}

body[data-page="home"] .description,
body[data-page="home"] .typewriter-grid,
body[data-page="home"] .typewriter-visual {
  text-align: center !important;
}

@media (max-width: 820px) {
  body[data-page="home"] .description {
    width: 100%;
    max-width: 610px !important;
    white-space: normal;
    text-wrap: balance;
  }

  body[data-page="home"] .typewriter-grid,
  body[data-page="home"] .typewriter-visual,
  body[data-page="home"] .typewriter-reserve {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    text-wrap: balance;
  }
}

body:is([data-page="home"], [data-page="products"]) .entry-actions {
  width: min(100%, 720px) !important;
  margin: 32px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  justify-self: center !important;
}

body:is([data-page="home"], [data-page="products"]) .entry-card-motion {
  width: 100% !important;
}

body:is([data-page="home"], [data-page="products"]) .entry-card,
body:is([data-page="home"], [data-page="products"]) .entry-card.secondary {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 150px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 20px !important;
  color: #f7f7f3 !important;
  background: linear-gradient(145deg, rgba(34, 35, 43, .78), rgba(10, 11, 14, .72)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.3) !important;
  backdrop-filter: blur(26px) saturate(1.3) !important;
}

body:is([data-page="home"], [data-page="products"]) .entry-card::before,
body:is([data-page="home"], [data-page="products"]) .entry-card.secondary::before {
  display: block !important;
  background:
    radial-gradient(circle at 26% 10%, rgba(168, 147, 220, .12), transparent 44%),
    linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .012)) !important;
}

body:is([data-page="home"], [data-page="products"]) .entry-card::after,
body:is([data-page="home"], [data-page="products"]) .entry-card.secondary::after {
  display: block !important;
}

body:is([data-page="home"], [data-page="products"]) .entry-copy {
  width: 100% !important;
  display: block !important;
}

body[data-page="home"] .entry-card,
body[data-page="home"] .entry-copy,
body[data-page="home"] .entry-title,
body[data-page="home"] .entry-helper {
  text-align: left !important;
}

body[data-page="home"] .entry-helper-line {
  display: block;
  white-space: nowrap;
}

body:is([data-page="home"], [data-page="products"]) .entry-title,
body:is([data-page="home"], [data-page="products"]) .entry-card .entry-title,
body:is([data-page="home"], [data-page="products"]) .entry-card.secondary .entry-title {
  color: #f7f7f3 !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em !important;
}

body:is([data-page="home"], [data-page="products"]) .entry-helper,
body:is([data-page="home"], [data-page="products"]) .entry-card.secondary .entry-helper {
  display: block !important;
  max-width: 100% !important;
  margin-top: 13px !important;
  color: rgba(245, 247, 246, .58) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
}

body:is([data-page="home"], [data-page="products"]) .entry-card:hover,
body:is([data-page="home"], [data-page="products"]) .entry-card.secondary:hover {
  transform: translateY(-7px) scale(1.01) !important;
  border-color: rgba(255, 255, 255, .28) !important;
  background: linear-gradient(145deg, rgba(42, 43, 52, .84), rgba(13, 14, 17, .8)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .14),
    0 30px 80px rgba(0, 0, 0, .32) !important;
}

body:is([data-page="home"], [data-page="products"]) .entry-card:focus-visible {
  outline: 2px solid rgba(247, 247, 243, .92) !important;
  outline-offset: 4px !important;
}

@media (min-width: 761px) {
  body:is([data-page="home"], [data-page="products"]) .hero-content {
    transform: translateY(-58px) !important;
  }
}

@media (max-width: 760px) {
  body:is([data-page="home"], [data-page="products"]) .hero-content {
    width: calc(100% - 32px) !important;
    padding: 112px 0 54px !important;
  }

  body:is([data-page="home"], [data-page="products"]) #hero-title {
    max-width: 100% !important;
    font-size: clamp(38px, 10.2vw, 44px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
  }

  body[data-page="home"] #hero-title.hero-title-zh {
    font-size: clamp(23px, 7vw, 36px) !important;
    line-height: 1.16 !important;
    letter-spacing: -.025em !important;
  }

  body:is([data-page="home"], [data-page="products"]) .description {
    max-width: 344px !important;
    margin-top: 12px !important;
    font-size: 13px !important;
  }

  body:is([data-page="home"], [data-page="products"]) .entry-actions {
    width: 100% !important;
    margin-top: 22px !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body:is([data-page="home"], [data-page="products"]) .entry-card-motion,
  body:is([data-page="home"], [data-page="products"]) .entry-card,
  body:is([data-page="home"], [data-page="products"]) .entry-card.secondary {
    width: 100% !important;
  }

  body:is([data-page="home"], [data-page="products"]) .entry-card,
  body:is([data-page="home"], [data-page="products"]) .entry-card.secondary {
    min-width: 0 !important;
    min-height: 116px !important;
    padding: 20px !important;
    border-radius: 20px !important;
  }

  body:is([data-page="home"], [data-page="products"]) .entry-title,
  body:is([data-page="home"], [data-page="products"]) .entry-card.secondary .entry-title {
    font-size: 17px !important;
  }

  body:is([data-page="home"], [data-page="products"]) .entry-helper,
  body:is([data-page="home"], [data-page="products"]) .entry-card.secondary .entry-helper {
    margin-top: 9px !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
  }
}
/* Product overview lock: preserve the particle hero and change only the navigation
   frame to the centered full-pill treatment marked in the supplied reference. */
body:is([data-page="home"], [data-page="products"]) .site-header,
body:is([data-page="home"], [data-page="products"]) .site-header.is-scrolled {
  width: min(calc(100% - 48px), 900px) !important;
  height: 56px !important;
  padding: 6px 8px 6px 16px !important;
  border: 1px solid rgba(245, 245, 242, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(12, 12, 12, 0.84) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 16px 46px rgba(0, 0, 0, 0.28) !important;
  -webkit-backdrop-filter: blur(22px) saturate(118%) !important;
  backdrop-filter: blur(22px) saturate(118%) !important;
  overflow: visible !important;
}

body:is([data-page="home"], [data-page="products"]) .site-header.is-scrolled {
  border-color: rgba(245, 245, 242, 0.2) !important;
  background: rgba(10, 10, 10, 0.93) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 52px rgba(0, 0, 0, 0.36) !important;
}

body:is([data-page="home"], [data-page="products"]) .brand {
  width: 122px !important;
  min-width: 122px !important;
  height: 40px;
}

body:is([data-page="home"], [data-page="products"]) .brand-logo {
  width: 112px !important;
}

body:is([data-page="home"], [data-page="products"]) .primary-nav {
  gap: 3px !important;
}

body:is([data-page="home"], [data-page="products"]) .nav-item {
  min-height: 36px !important;
  padding-inline: 13px !important;
}

body:is([data-page="home"], [data-page="products"]) .region-trigger,
body:is([data-page="home"], [data-page="products"]) .mobile-menu-trigger {
  min-height: 40px !important;
}

body:is([data-page="home"], [data-page="products"]) .language-motion {
  width: 20px;
  height: 20px;
}

body:is([data-page="home"], [data-page="products"]) .mobbin-globe,
body:is([data-page="home"], [data-page="products"]) .mobbin-globe:defined {
  display: none !important;
}

body:is([data-page="home"], [data-page="products"]) .mobbin-globe:defined + .globe-fallback,
body:is([data-page="home"], [data-page="products"]) .globe-fallback {
  display: inline-block !important;
  color: #f7f7f3 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  body:is([data-page="home"], [data-page="products"]) .site-header,
  body:is([data-page="home"], [data-page="products"]) .site-header.is-scrolled {
    width: calc(100% - (var(--parlo-gutter) * 2)) !important;
    height: 60px !important;
    padding: 7px 7px 7px 14px !important;
  }

  body:is([data-page="home"], [data-page="products"]) .brand {
    width: 128px !important;
    min-width: 128px !important;
  }

  body:is([data-page="home"], [data-page="products"]) .brand-logo {
    width: 118px !important;
  }
}