/* Hero replacement only. Navbar geometry, page routes and module content stay intact. */
body[data-public-route="introduction"] {
  --public-section-space: clamp(168px, 14vw, 224px);
}
body[data-public-route="introduction"] #introduction > .home-gap-waves > .home-gap-wave:first-child { display: none; }
body[data-public-route="introduction"]:has(.hero--ambient[data-hero-motion="visible"]) .home-glints,
body[data-public-route="introduction"]:has(.hero--ambient[data-hero-motion="visible"]) .public-ember-atmosphere { opacity: 0 !important; }
body[data-public-route="introduction"] #introduction > .hero-primary.hero--ambient {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  width: 100%;
  max-width: none;
  min-height: clamp(480px, 62svh, 580px) !important;
  height: auto !important;
  padding: 64px 24px 100px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  scale: 1;
  transform: none;
}
body[data-public-route="introduction"] #introduction > .hero-primary.hero--ambient::before,
body[data-public-route="introduction"] #introduction > .hero-primary.hero--ambient::after { content: none !important; }

body[data-public-route="introduction"] #introduction .hero--ambient .home-hero-ambient {
  display: block !important;
  position: absolute;
  z-index: -1;
  inset: -210px 0 -130px;
  overflow: hidden;
  opacity: 1 !important;
  background: #000;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none !important;
  animation: none;
  pointer-events: none;
  mask-image: linear-gradient(transparent, #000 15%, #000 85%, transparent);
  -webkit-mask-image: linear-gradient(transparent, #000 15%, #000 85%, transparent);
}
body[data-public-route="introduction"] #introduction .hero--ambient .home-hero-ambient::before,
body[data-public-route="introduction"] #introduction .hero--ambient .home-hero-ambient::after { content: none; }
.home-hero-cloud {
  position: absolute;
  width: 125%;
  height: 100%;
  border-radius: 0;
  filter: blur(68px);
  pointer-events: none;
}
.home-hero-cloud--west {
  top: 5%;
  left: -80%;
  background: radial-gradient(ellipse 62% 46% at 64% 52%, #ffffff38, #d6d6d61a 35%, transparent 74%);
  animation: home-ambient-west 24s cubic-bezier(.45,0,.55,1) infinite;
  animation-delay: -5s;
}
.home-hero-cloud--east {
  top: -12%;
  right: -76%;
  background: radial-gradient(ellipse 62% 58% at 40% 48%, #e5e5e536, #9797971a 39%, transparent 76%);
  animation: home-ambient-east 28s cubic-bezier(.45,0,.55,1) infinite;
  animation-delay: -14s;
}
@keyframes home-ambient-west {
  0%,100% { transform: translate3d(-9%,9%,0) scale(1); opacity: .45; }
  48% { transform: translate3d(34%,-7%,0) scale(1.1); opacity: .8; }
  72% { transform: translate3d(18%,3%,0) scale(1.04); opacity: .6; }
}
@keyframes home-ambient-east {
  0%,100% { transform: translate3d(7%,-7%,0) scale(1.06); opacity: .65; }
  50% { transform: translate3d(-31%,10%,0) scale(1); opacity: .85; }
  76% { transform: translate3d(-8%,3%,0) scale(1.1); opacity: .5; }
}
body[data-public-route="introduction"] .hero--ambient[data-hero-motion="offscreen"] .home-hero-cloud { animation-play-state: paused; }

body[data-public-route="introduction"] .hero--ambient .home-hero-copy {
  position: relative;
  z-index: 1;
  width: min(100%, 1100px);
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background: none;
  filter: none;
  font-variation-settings: normal;
}
body[data-public-route="introduction"] .hero--ambient .home-hero-title {
  display: block;
  margin: 0;
  padding: 0;
  color: #eaeaea;
  background: none;
  -webkit-text-fill-color: currentColor;
  text-shadow: none;
  letter-spacing: -.035em;
  font-family: var(--font-sans, "Manrope", sans-serif);
  animation: none;
}
.home-hero-lead {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .13em;
  margin: 0 0 3px;
  font-size: clamp(29px, 4.15vw, 62px);
  font-weight: 300;
  font-style: italic;
  font-synthesis: style;
  font-variation-settings: "wght" 300;
  line-height: 1.15;
  letter-spacing: -.04em;
  white-space: nowrap;
}
.home-hero-logo {
  display: block;
  width: 1.05em;
  height: 1.18em;
  flex: 0 0 1.05em;
  margin: 0 .02em;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  filter: none;
}
.home-hero-statement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: .25em;
  margin: 0;
  font-size: clamp(40px, 5.2vw, 78px);
  font-weight: 800;
  font-style: normal;
  font-variation-settings: "wght" 800;
  line-height: 1.09;
  letter-spacing: -.04em;
}
.home-hero-statement > span { white-space: nowrap; }
.home-hero-silver {
  color: #fff;
  background: linear-gradient(105deg, #fff 12%, #d6d6d6 34%, #979797 50%, #fff 68%, #d6d6d6 86%);
  background-size: 220% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: home-hero-silver 12s ease-in-out infinite;
}
@keyframes home-hero-silver { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }

body[data-public-route="introduction"] .hero--ambient .home-hero-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 34px 0 0;
  padding: 0;
}
body[data-public-route="introduction"] #introduction .hero--ambient .home-hero-actions .hero-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  min-width: 180px;
  min-height: 56px !important;
  padding: 12px 22px !important;
  border: 1px solid #ffffff30 !important;
  border-radius: 999px !important;
  background: #1b1b1b !important;
  color: #eaeaea !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  font: 750 16px/1.4 var(--font-sans,sans-serif) !important;
  text-decoration: none;
  transform: none;
  transition: background-color 200ms ease, border-color 200ms ease, transform 160ms ease;
}
body[data-public-route="introduction"] #introduction .hero--ambient .hero-cta:is(:hover,:focus-visible) { background: #282828 !important; border-color: #ffffff70 !important; box-shadow: 0 0 20px #ffffff08 !important; }
body[data-public-route="introduction"] #introduction .hero--ambient .hero-cta:active { transform: scale(.98); }
body[data-public-route="introduction"] #introduction .hero--ambient .hero-cta::before,
body[data-public-route="introduction"] #introduction .hero--ambient .hero-cta::after { content: none !important; }
body[data-public-route="introduction"] #introduction .hero--ambient .hero-cta--invite .hero-cta-icon,
body[data-public-route="introduction"] #introduction .hero--ambient .hero-cta--invite .hero-cta-icon svg { color: #eaeaea !important; fill: currentColor; width: 21px; height: 21px; }
body[data-public-route="introduction"] #introduction .hero--ambient .hero-cta :is(.hero-cta-label,.home-command-label) { color: inherit !important; font: inherit !important; font-variation-settings: inherit; opacity: 1; }

@media (max-width:1100px) { body[data-public-route="introduction"] { --public-section-space: clamp(128px, 14vw, 168px); } }
@media (max-width:760px) {
  body[data-public-route="introduction"] { --public-section-space: clamp(104px, 20vw, 128px); }
  body[data-public-route="introduction"] #introduction > .hero-primary.hero--ambient { min-height: 500px !important; padding: 48px 18px 88px; }
  .home-hero-cloud { width: 180%; filter: blur(48px); }
  .home-hero-cloud--west { left: -122%; }
  .home-hero-cloud--east { right: -112%; }
  body[data-public-route="introduction"] #introduction .hero--ambient .home-hero-actions .hero-cta { min-width: 0; min-height: 48px !important; padding: 11px 16px !important; font-size: 14px !important; }
  body[data-public-route="introduction"] .hero--ambient .home-hero-actions { gap: 12px; margin-top: 28px; }
}
@media (prefers-reduced-motion:reduce) {
  .home-hero-cloud,.home-hero-silver { animation: none !important; }
  .home-hero-cloud--west { transform: translate3d(12%,0,0); opacity: .6; }
  .home-hero-cloud--east { transform: translate3d(-12%,0,0); opacity: .7; }
  body[data-public-route="introduction"] #introduction .hero--ambient .hero-cta { transition: none; }
}