/* Editorial introduction with an independent animation panel. */
.company-story.company-story--introduction{
  height:auto;min-height:0;padding:104px clamp(20px,5vw,72px);
  background:linear-gradient(180deg,#fff 0%,#f3f9fc 100%);
}
.company-introduction{
  display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);
  align-items:center;gap:clamp(32px,4.4vw,72px);max-width:1240px;margin:0 auto;
}
.company-intro-copy{color:#161719;min-width:0}
.company-intro-copy h2{margin:0 0 18px;font-size:clamp(25px,2.2vw,34px);font-weight:650;line-height:1.3;letter-spacing:-.035em}
.company-intro-copy p{margin:0 0 20px;font-size:17px;line-height:1.6;letter-spacing:.005em}
.company-intro-copy ul{margin:0 0 22px;padding-left:1.25em;font-size:17px;line-height:1.6}
.company-intro-copy li{padding-left:3px;margin-bottom:8px}
.company-intro-copy li:last-child{margin-bottom:0}
.company-intro-link{display:inline-flex;align-items:center;gap:12px;padding:13px 21px;border-radius:999px;background:#eaf0f3;color:#17191b;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;transition:background .2s}
.company-intro-link:hover{background:#dfe8ee}
.company-intro-link:focus-visible{outline:2px solid #202124;outline-offset:4px}
.company-story--introduction.is-autoplay .company-story-stage,
.company-story--introduction .company-story-stage{
  position:relative;top:auto;width:100%;height:auto;min-height:0;aspect-ratio:4/3;
  padding:30px 22px;border-radius:12px;background:transparent;overflow:hidden;
  container-type:inline-size;container-name:company-stage;
}
.company-story--introduction .company-story-layout{display:flex;width:100%;height:100%;max-width:none;gap:0;align-items:center;justify-content:center}
.company-story--introduction .company-story-visual{width:100%;height:auto;min-height:0}
.company-story--introduction .company-story-final-logo{width:min(400px,60%)}
.company-story--introduction .company-story-skip{position:absolute;right:14px;bottom:12px;padding:5px 9px;border:0;background:#f5f5f5;color:#62676d;font-size:10px;font-weight:500;box-shadow:none}
.company-story--introduction .company-story-skip:hover{background:#e9ecee;color:#17191b}
@container company-stage (max-width:700px){
  .company-story-voice{max-width:calc(100% - 48px);padding:9px 12px;font-size:12px;line-height:1.45}
  .company-story-voice:nth-child(n+9){display:none}
}
@container company-stage (max-width:430px){
  .company-story-voice:nth-child(n+7){display:none}
}
@media(max-width:1000px){
  .company-story.company-story--introduction{padding:72px 28px}
  .company-introduction{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px}
  .company-intro-copy p,.company-intro-copy ul{font-size:15px}
  .company-story--introduction.is-autoplay .company-story-stage{aspect-ratio:1;min-height:390px;padding:22px 14px}
}
@media(max-width:760px){
  .company-story.company-story--introduction{padding:64px 20px}
  .company-introduction{grid-template-columns:1fr;gap:32px;max-width:600px}
  .company-intro-copy h2{font-size:27px;margin-bottom:16px}
  .company-intro-copy p{margin-bottom:18px}
  .company-intro-copy ul{margin-bottom:20px}
  .company-story--introduction.is-autoplay .company-story-stage{aspect-ratio:1.1;min-height:380px;padding:24px 12px}
}
@media(prefers-reduced-motion:reduce){.company-intro-link{transition:none}}