.IJeL6a_section{--header-offset:84px;--sticky-top:calc(var(--header-offset) + 24px);--card-height:min(760px, calc(100svh - var(--sticky-top) - 32px));--card-padding:clamp(24px, 3vw, 48px);--layout-gutter:min(4vw, 64px);--copy-height:calc(var(--card-height) - 2 * var(--card-padding));--copy-offset-top:var(--card-padding);--copy-offset-bottom:var(--card-padding);--chapter-gap:clamp(32px, 5svh, 64px);--video-max-height:calc(var(--card-height) - 2 * var(--card-padding) - 56px);scroll-margin-top:var(--header-offset);background:#fff;padding-block:clamp(24px,4svh,56px) 56px;padding-inline:clamp(20px,4.5vw,72px)}.IJeL6a_track{max-width:1600px;margin-inline:auto;display:grid}.IJeL6a_layout{top:var(--sticky-top);width:100%;height:var(--card-height);padding-block:var(--card-padding);color:#fff;border-radius:40px;grid-area:1/1;grid-template-columns:30% 70%;align-self:start;align-items:center;transition:background-color .36s;display:grid;position:sticky;overflow:hidden}.IJeL6a_copyViewport{grid-area:1/1;min-width:0;height:100%;min-height:0}.IJeL6a_steps{z-index:1;width:30%;min-width:0;padding:var(--copy-offset-top) var(--layout-gutter) var(--copy-offset-bottom);color:#fff;grid-area:1/1;align-self:start;position:relative}.IJeL6a_step{min-height:calc(var(--copy-height) * .6);flex-direction:column;justify-content:center;display:flex}.IJeL6a_step+.IJeL6a_step{margin-top:var(--chapter-gap)}.IJeL6a_step h2{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(22px,1.95vw,30px);line-height:1.3}.IJeL6a_step p{margin:0;font-size:clamp(16px,1.3vw,20px);line-height:1.6}.IJeL6a_mediaColumn{min-width:0;margin-right:var(--layout-gutter);grid-area:1/2;position:relative}.IJeL6a_videoStage{width:min(100%, calc(var(--video-max-height) * 16 / 9));aspect-ratio:16/9;background:#f7f9fc;border-radius:24px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 32px -8px #30283240,0 0 0 1px #ffffff26}.IJeL6a_video{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .24s;position:absolute;inset:0}.IJeL6a_video[data-current=true]{opacity:1}.IJeL6a_controls{justify-content:center;align-items:center;gap:14px;width:100%;padding-top:24px;display:flex;position:absolute;top:100%}.IJeL6a_dots{align-items:center;display:flex}.IJeL6a_dots button,.IJeL6a_playback{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.IJeL6a_dots span{background:#fff6;border-radius:50%;width:6px;height:6px;transition:background-color .18s,transform .18s}.IJeL6a_dots button[aria-current=step] span{background:#fff;transform:scale(1.35)}.IJeL6a_dots button:hover,.IJeL6a_playback:hover{background:#ffffff1a}.IJeL6a_controls button:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (max-width:900px) and (min-height:calc(50vw + 360px)){.IJeL6a_section{--header-offset:76px;--sticky-top:calc(var(--header-offset) + 12px);--card-height:calc(100svh - var(--sticky-top) - 24px);--card-padding:clamp(20px, 3vw, 28px);--copy-height:clamp(230px, 29svh, 250px);--video-max-height:calc(var(--card-height) - 2 * var(--card-padding) - var(--copy-height) - 64px)}.IJeL6a_layout{border-radius:24px;flex-direction:column;justify-content:flex-start;gap:20px;display:flex}.IJeL6a_copyViewport{flex:1;width:100%;height:auto}.IJeL6a_steps{width:100%;padding-inline:var(--card-padding)}.IJeL6a_step h2{margin-bottom:10px;font-size:23px}.IJeL6a_step p{max-width:490px;font-size:16px;line-height:1.5}.IJeL6a_mediaColumn{width:calc(100% - 2 * var(--card-padding));flex-shrink:0;order:-1;margin-inline:auto}.IJeL6a_videoStage{border-radius:18px;width:100%}.IJeL6a_controls{padding-top:12px;position:static}}@media (max-height:600px) and (min-width:621px){.IJeL6a_step h2{font-size:20px}.IJeL6a_step p{font-size:14px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.IJeL6a_layout,.IJeL6a_video,.IJeL6a_dots span{transition:none}}.IJeL6a_section[data-portrait=true] .IJeL6a_videoStage{aspect-ratio:4/5;max-height:var(--video-max-height)}@media (max-width:719px) and (min-height:calc(50vw + 360px)){.IJeL6a_section{--copy-height:190px}}@media (min-width:480px) and (max-width:719px) and (min-height:calc(50vw + 360px)){.IJeL6a_section{--copy-height:120px}}
