/* Company introduction, scoped to the visitor hero. */
.hero.shell.hero-culture {
  grid-template-columns: minmax(0, 1.38fr) minmax(0, 1fr);
  gap: clamp(28px, 3vw, 56px);
  padding-block: 36px 40px;
}
.hero-culture .hero-copy { max-width: 800px; }
.hero-culture .eyebrow { font-size: 10px; letter-spacing: .18em; }
.hero-culture .eyebrow > span { color: var(--accent); padding-inline: 8px; }
.hero-culture h1 {
  font-size: clamp(42px, 10cqw, 72px);
  line-height: 1.2;
  letter-spacing: -.02em;
  margin: 22px 0 26px;
}
.hero-culture .culture-story { max-width: 46em; }
.hero-culture .culture-story br { display: initial; }
.hero-culture .culture-story p {
  font-family: inherit;
  font-weight: 400;
  color: var(--muted);
  font-size: clamp(14px, 2.2cqw, 15px);
  line-height: 1.95;
  letter-spacing: .025em;
  text-wrap: pretty;
}
.hero-culture .culture-story p + p { margin-top: 14px; }
.hero-culture .culture-motto {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: fit-content;
  margin-top: 24px;
  padding-top: 17px;
  border-top: 1px solid var(--line);
  font-family: 'Songti SC', 'STSong', 'SimSun', serif;
  font-size: 17px;
  letter-spacing: .08em;
  line-height: 1.6;
  color: var(--c-tone);
}
.hero-culture .culture-motto span { white-space: nowrap; }
@media (min-width: 701px) and (max-width: 1100px) {
  .hero.shell.hero-culture { grid-template-columns: 1fr; gap: 12px; padding: 24px 12px 28px; }
  .hero-culture h1 { font-size: clamp(40px, 10cqw, 60px); }
  .hero-culture .lark-art { grid-column: 1; grid-row: 2; width: min(100%, 420px); justify-self: center; }
  .hero-culture .lark-art svg { height: 230px; }
}
@media (max-width: 700px) {
  .hero.shell.hero-culture { grid-template-columns: 1fr; gap: 18px; padding: 30px 8px 16px; }
  .hero-culture h1 { font-size: clamp(40px, 14cqw, 64px); margin: 20px 0 24px; }
  .hero-culture .eyebrow { font-size: 8px; letter-spacing: .13em; }
  .hero-culture .culture-story p { font-size: 14px; line-height: 1.9; }
  .hero-culture .culture-motto { font-size: 16px; margin-top: 22px; }
  .hero-culture .lark-art { width: min(100%, 420px); justify-self: center; }
}