/* Shared wire language, distinct motion for each chapter of the company story. */
.company-page .company-symbol, .company-page .company-closing::after { display: none; }
.company-page .company-motion-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: center;
  column-gap: clamp(24px, 3vw, 56px);
}
.company-motion-copy { min-width: 0; }
.company-motion-layout .company-motion-copy > :last-child { margin-bottom: 0; }
.company-page .company-motion-layout h2 { font-size: clamp(42px, 4.9vw, 74px); }
.company-motion-copy p:not(.section-kicker) { text-wrap: balance; }
.company-motion-copy .company-hero-lead br { display: initial; }
.company-page .company-motion-layout h2 span { white-space: normal; }
.company-page .company-hero .company-motion-copy h1 { font-size: clamp(42px, 5.4vw, 78px); }
.company-motion-art {
  position: relative;
  width: 100%;
  max-width: 500px;
  aspect-ratio: 1;
  justify-self: center;
  isolation: isolate;
}
.company-motion-art::before {
  content: '';
  position: absolute;
  inset: 9%;
  z-index: -1;
  background: radial-gradient(ellipse, #9980f014, transparent 70%);
}
.company-motion-art canvas, .company-motion-art img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.company-motion-art.is-ready img { display: none; }
.company-motion-aside { width: min(100%, 350px); aspect-ratio: 1.22; margin-top: 20px; }
.company-motion-aside::before { inset: 7%; opacity: .7; }
.company-page .company-intro { scroll-margin-top: 88px; }
.company-page .company-philosophy, .company-page .company-closing { scroll-margin-top: 88px; }
@media (max-width: 900px) {
  .company-page .company-motion-layout { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
  .company-motion-art { max-width: 390px; }
  .company-page .company-hero-inner { padding-bottom: 64px; }
  .company-page .company-motion-layout h2 { font-size: clamp(36px, 6vw, 56px); }
}
@media (max-width: 560px) {
  .company-page .company-hero .company-motion-copy h1 { font-size: clamp(37px, 9vw, 50px); }
  .company-page .company-motion-layout h2 { font-size: clamp(31px, 8.5vw, 46px); }
  .company-motion-art { max-width: 320px; }
  .company-page .company-motion-layout { row-gap: 16px; }
}
@media (max-width: 850px) {
  .company-motion-aside { width: min(100%, 280px); margin: 18px auto 0; }
}