.heroLanguageDemo{width:100%;position:relative}.heroLanguagePair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.languageSpeaker{min-width:0}.languageSpeakerFrench{grid-area:1/3}.languageSpeakerFrench strong{flex-direction:row-reverse}.heroLanguageFlow{grid-area:1/2}.languageReel{perspective:500px;padding:5px 0}.languageReel strong{transform-origin:50%;backface-visibility:hidden}.heroLanguagesLink{color:var(--ink);text-underline-offset:5px;margin-top:24px;font-size:14px;display:inline-block}.languageMotionToggle{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:10px auto 0;padding:6px 12px;font-size:11px;display:block}.languageMotionToggle:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.heroLanguagePair[data-phase=out] .languageReel strong{animation:.45s ease-in forwards languageRollOut}.heroLanguagePair[data-phase=in] .languageReel strong{animation:.45s ease-out both languageRollIn}@keyframes languageRollOut{0%{opacity:1;transform:rotateX(0)rotate(0)}25%{transform:rotateX(-12deg)rotate(-2deg)}48%{opacity:1;transform:rotateX(10deg)rotate(1.5deg)}to{opacity:0;transform:translateY(-10px)rotateX(90deg)}}@keyframes languageRollIn{0%{opacity:0;transform:translateY(10px)rotateX(-90deg)}65%{opacity:1;transform:rotateX(8deg)}to{opacity:1;transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.heroLanguagePair .languageReel strong{opacity:1;animation:none;transform:none}}.supportedLanguages{background:#fff;padding:64px 7vw;scroll-margin-top:100px}.supportedLanguages h2{letter-spacing:-.04em;margin:12px 0 18px;font-size:clamp(28px,3.2vw,44px)}.supportedLanguages>p:not(.eyebrow){max-width:680px;color:var(--muted);line-height:1.65}.supportedLanguages ul{flex-wrap:wrap;gap:12px;margin:30px 0 22px;padding:0;list-style:none;display:flex}.supportedLanguages li{background:var(--paper,#f7f4ee);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-weight:650;display:flex}.supportedLanguages li span{color:var(--signal);letter-spacing:.06em;font-size:11px}.supportedLanguages>small{color:var(--muted);line-height:1.6}@media (max-width:600px){.heroLanguagePair{gap:6px}.languageSpeaker,.languageSpeakerFrench{text-align:center;align-items:center}.languageSpeaker strong,.languageSpeakerFrench strong{flex-direction:column;gap:6px;font-size:13px}.heroLanguageFlow{min-width:48px}.supportedLanguages{padding:44px 6vw}.supportedLanguages ul{gap:8px}.supportedLanguages li{padding:10px 12px;font-size:14px}}
