/* Mission, learning loop and the foundations for embodied intelligence. */
.home-vision .company-intro {padding-block: clamp(44px,5vw,72px);}
.home-vision .about-method {padding-block: clamp(44px,4.8vw,68px);}
.home-vision .company-lead {text-wrap: pretty;}
.home-vision .company-intro h1 {max-width: 18ch;}
:lang(zh) .home-vision .company-intro h1 {max-width: none;}
.home-vision .about-method-intro h2 {max-width: 30ch;}
.home-vision #products {padding-block: clamp(48px,5.5vw,80px);}
.home-vision #products .eyebrow {color: var(--vi-n92); margin-bottom: 22px;}
.home-vision #products .rd-head {
  align-items: start;
  gap: clamp(26px,4.4vw,64px);
  margin-bottom: clamp(30px,4vw,52px);
}

/* A full-viewport office photograph, with the story anchored to its lower right. */
.home-vision .home-photo-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 0;
  background: var(--vi-n23);
  color: var(--vi-n255);
  min-height: max(660px, calc(100svh - 82px));
}
.home-vision .home-photo-hero .company-intro-layout {
  position: static;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  max-width: none;
  min-height: inherit;
  margin: 0;
  padding: clamp(42px, 5vw, 88px);
  gap: 0;
}
.home-vision .home-photo-hero .about-office {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0;
}
.home-vision .home-photo-hero .about-office img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 35% center;
  border-radius: 0;
}
.home-vision .home-photo-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 33%, rgb(11 11 11 / .18) 53%, rgb(11 11 11 / .58) 100%),
    linear-gradient(0deg, rgb(11 11 11 / .80), rgb(11 11 11 / .15) 66%, transparent 100%);
}
.home-vision .home-photo-hero .company-intro-copy {
  width: min(100%, 520px);
  padding: 0;
  text-shadow: 0 2px 20px rgb(0 0 0 / .20);
}
.home-vision .home-photo-hero .home-photo-eyebrow {
  margin: 0 0 18px;
  color: var(--vi-n245);
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .06em;
  font-weight: 600;
}
.home-photo-eyebrow span {margin-inline-start: 10px;}
.home-vision .home-photo-hero h1 {
  max-width: 19ch;
  margin: 0;
  font-size: clamp(34px, 2.7vw, 48px);
  line-height: 1.12;
  letter-spacing: -.025em;
  color: var(--vi-n255);
  text-wrap: balance;
}
:lang(zh) .home-vision .home-photo-hero h1 {
  max-width: none;
  font-size: clamp(32px, 2.7vw, 48px);
  line-height: 1.2;
}
.home-vision .home-photo-hero .company-lead {
  margin: 18px 0 0;
  max-width: none;
  color: var(--vi-n245);
  font-size: 16px;
  line-height: 1.8;
  text-wrap: pretty;
}
.home-vision .home-photo-hero .about-actions {margin-top: 24px; gap: 10px 22px;}
.home-vision .home-photo-hero .about-actions .btn-primary {
  background: var(--vi-brand);
  color: var(--vi-n23);
  border-color: transparent;
  min-height: 44px;
  font-size: 13px;
  padding: 12px 18px;
  text-shadow: none;
}
.home-vision .home-photo-hero .about-actions .btn-primary:hover {background: var(--vi-brand);}
.home-vision .home-photo-hero .about-text-link {color: var(--vi-n255); min-height: 44px; display: inline-flex; align-items: center; font-size: 14px;}
.home-vision .home-photo-hero a:focus-visible {outline: 2px solid var(--vi-n255); outline-offset: 5px;}
@media (min-width: 1800px) {
  .home-vision .home-photo-hero .company-intro-copy {width: 560px;}
  .home-vision .home-photo-hero .company-lead {font-size: 17px;}
}
@media (max-width: 1000px) and (min-width: 701px) {
  .home-vision .home-photo-hero .company-intro-copy {width: min(100%, 620px);}
  .home-vision .home-photo-hero .about-office img {object-position: 15% center;}
  .home-vision .home-photo-hero .company-intro-layout {padding: 38px;}
  .home-vision .home-photo-hero::after {
    background: linear-gradient(0deg, rgb(11 11 11 / .94), rgb(11 11 11 / .22) 78%, rgb(11 11 11 / .08));
  }
}
@media (min-width: 701px) and (orientation: portrait) {
  .home-vision .home-photo-hero .about-office img {object-position: 15% center;}
}
@media (max-width: 700px) {
  .home-vision .home-photo-hero {min-height: calc(100svh - 74px);}
  .home-vision .home-photo-hero .company-intro-layout {
    padding: clamp(275px, 76vw, 340px) 24px 32px;
    align-items: flex-end;
  }
  .home-vision .home-photo-hero .about-office {height: 520px;}
  .home-vision .home-photo-hero .about-office img {object-position: 16% top;}
  .home-vision .home-photo-hero::after {
    background: linear-gradient(180deg, transparent 170px, rgb(23 23 23 / .16) 240px, rgb(23 23 23 / .90) 400px, var(--vi-n23) 520px);
  }
  .home-vision .home-photo-hero .company-intro-copy {width: 100%; max-width: 520px;}
  .home-vision .home-photo-hero .home-photo-eyebrow {margin-bottom: 12px; font-size: 12px;}
  .home-vision .home-photo-hero h1,
  :lang(zh) .home-vision .home-photo-hero h1 {font-size: clamp(28px, 7.5vw, 38px); max-width: 20ch;}
  .home-vision .home-photo-hero .company-lead {font-size: 15px; line-height: 1.75; margin-top: 16px;}
  .home-vision .home-photo-hero .about-actions {gap: 8px 18px; margin-top: 20px;}
}
@media (max-width: 360px) {
  .home-vision .home-photo-hero .company-intro-layout {padding-top: 300px; padding-inline: 20px;}
  .home-vision .home-photo-hero .about-office {height: 470px;}
  .home-vision .home-photo-hero .company-lead {font-size: 14px;}
}
.home-vision #products .rd-head h2 {
  font-size: clamp(34px,3.8vw,54px);
  line-height: 1.16;
  letter-spacing: -.025em;
  max-width: 18ch;
  text-wrap: balance;
}
:lang(zh) .home-vision #products .rd-head h2 {max-width: none;}
.home-vision #products .rd-head p {margin: 0; line-height: 1.75; font-size: clamp(16px,1.3vw,18px);}
.founding-team-page .founding-team-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);
  align-items: end;
  gap: clamp(26px,5vw,64px);
  margin-bottom: clamp(30px,4vw,52px);
}
.founding-team-page .founding-team-head .eyebrow {color: var(--vi-n92); margin: 0 0 18px;}
.founding-team-page .founding-team-head h1 {
  font-size: clamp(40px,4.4vw,62px);
  line-height: 1.1;
  letter-spacing: -.03em;
  text-wrap: balance;
}
.founding-team-page .founding-team-head > p {font-size: 17px; line-height: 1.75; margin: 0; color: var(--vi-n92);}
@media(max-width: 850px) {
  .founding-team-page .founding-team-head {grid-template-columns: 1fr; gap: 20px;}
}
@media(max-width: 600px) {
  .home-vision #products .eyebrow {margin-bottom: 18px;}
  .home-vision #products .rd-head {gap: 20px; margin-bottom: 28px;}
  .home-vision #products .rd-head h2 {font-size: clamp(30px,7.8vw,38px);}
  .home-vision .about-method-intro h2 {font-size: clamp(28px,7.5vw,36px);}
  .founding-team-page .founding-team-head h1 {font-size: 40px;}
  .founding-team-page .founding-team-head > p {font-size: 16px;}
}