@import url('./assets/language-fonts/fonts.css');
.language-hero{grid-template-columns:minmax(0,1fr) 240px;gap:24px;padding:94px 0 65px;align-items:end}
.language-hero h1{font-size:clamp(48px,6.6vw,106px);line-height:1.14;letter-spacing:-.055em}
.roll-first,.roll-second{display:block}
.roll-second{white-space:nowrap}
.roll-action{display:block;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;cursor:default}
.roll-action:focus-visible{outline:1px solid var(--green);outline-offset:10px}
.roll-phrase{display:inline;white-space:nowrap}
.roll-window{position:relative;display:inline-block;overflow:hidden;vertical-align:baseline;white-space:nowrap;isolation:isolate;transition:width 640ms cubic-bezier(.22,.75,.2,1)}
.roll-word{position:absolute;left:0;top:0;display:block;overflow:visible;will-change:transform}
.roll-window:not([data-ready]){overflow:visible}
.roll-window:not([data-ready]) .roll-word{position:static;font:inherit}
.language-hero .hero-description{font-size:15px;line-height:1.6;margin-bottom:0}
@media(max-width:1100px){.language-hero{grid-template-columns:1fr;gap:24px}.language-hero .hero-description{margin:0}}
@media(max-width:760px){.language-hero{display:block;padding:58px 0 40px}.language-hero h1{font-size:clamp(26px,8.4vw,64px);letter-spacing:-.055em;line-height:1.18}.language-hero .hero-description{margin:30px 0 0}}
@media(prefers-reduced-motion:reduce){.roll-window{transition:none}.roll-word{will-change:auto}}