:root{--drv-learn-hero-crumb-h: 1.875rem;--drv-learn-hero-root-h: 7.8125rem;--drv-learn-hero-root-h-2: 112.5rem;--drv-learn-hero-card-1-w: 8rem;--drv-learn-hero-card-1-h: 10.625rem;--drv-learn-hero-card-1-shift: 27.125rem;--drv-learn-hero-card-1-shift-2: -.75rem;--drv-learn-hero-card-2-w: 18.75rem;--drv-learn-hero-card-2-h: 25rem;--drv-learn-hero-card-2-shift: 63.625rem;--drv-learn-hero-card-2-shift-2: 11rem;--drv-learn-hero-card-3-w: 18.75rem;--drv-learn-hero-card-3-h: 25rem;--drv-learn-hero-card-3-shift: 5.3125rem;--drv-learn-hero-card-3-shift-2: 12.5rem;--drv-learn-hero-card-4-w: 7rem;--drv-learn-hero-card-4-h: 9.3125rem;--drv-learn-hero-card-4-shift: -1.75rem;--drv-learn-hero-card-4-shift-2: -4.3125rem;--drv-learn-hero-card-5-w: 18.75rem;--drv-learn-hero-card-5-h: 25rem;--drv-learn-hero-card-5-shift: 62.625rem;--drv-learn-hero-card-5-shift-2: 39.5625rem;--drv-learn-hero-card-5-radius: 1.625rem;--drv-learn-hero-card-6-w: 6.25rem;--drv-learn-hero-card-6-h: 8.3125rem;--drv-learn-hero-card-6-shift: 6.8125rem;--drv-learn-hero-card-6-shift-2: 36rem;--drv-learn-hero-card-7-w: 5.75rem;--drv-learn-hero-card-7-h: 7.6875rem;--drv-learn-hero-card-7-shift: 78.25rem;--drv-learn-hero-card-7-shift-2: 2.1875rem;--drv-learn-hero-card-8-w: 18.75rem;--drv-learn-hero-card-8-h: 25rem;--drv-learn-hero-card-8-shift: 23.4375rem;--drv-learn-hero-card-8-shift-2: 45.9375rem;--drv-learn-hero-card-8-radius: 1.5rem;--drv-learn-hero-card-9-w: 18.75rem;--drv-learn-hero-card-9-h: 25rem;--drv-learn-hero-card-9-shift: 81.125rem;--drv-learn-hero-card-9-shift-2: 49.125rem;--drv-learn-hero-card-9-radius: 1.5rem;--drv-learn-hero-desc-h: 2.75rem;--drv-learn-hero-text-top: calc(50% - (var(--drv-learn-hero-desc-top) + var(--drv-learn-hero-desc-h)) / 2);--drv-learn-hero-text-w: 37.25rem;--drv-learn-hero-heading-top: 2.375rem;--drv-learn-hero-desc-top: 10.125rem;--drv-learn-hero-text-top-gte990-motion: 18.75rem;--drv-learn-hero-root-card-3-shift: 9.125rem;--drv-learn-hero-root-card-3-shift-2: -1.3125rem;--drv-learn-hero-card-3-radius: 1rem;--drv-learn-hero-root-card-5-shift: 74.5rem;--drv-learn-hero-root-card-5-shift-2: -.6875rem;--drv-learn-hero-root-card-8-shift: 3.6875rem;--drv-learn-hero-root-card-8-shift-2: 21.125rem;--drv-learn-hero-root-card-9-shift: 68rem;--drv-learn-hero-root-card-9-shift-2: 16.375rem;--drv-learn-hero-crumb-h-lt990: 2.125rem;--drv-learn-hero-root-h-lt990-2: 156.25rem;--drv-learn-hero-desc-top-lt990: 7.625rem;--drv-learn-hero-root-text-top: 13.125rem;--drv-learn-hero-root-text-w: 23.125rem;--drv-learn-hero-static-top-lt990: 6.9375rem}.drv-lhero__crumb{padding:var(--drv-space-10) var(--drv-page-inset);height:var(--drv-learn-hero-crumb-h);box-sizing:border-box;font-family:var(--font-body--family);font-size:var(--drv-fs-12);line-height:var(--drv-lh-14);letter-spacing:var(--drv-ls-2);text-transform:uppercase;color:var(--drv-text-muted)}.drv-lhero__crumb a{color:var(--drv-text-muted);text-decoration:none}.drv-lhero__crumb .drv-lhero__current{color:var(--drv-ink)}.drv-lhero{--drv-lhero-top: 0rem;height:calc(100svh - var(--drv-lhero-top) + var(--drv-learn-hero-root-h-2))}body:has(#header-component[sticky=always]) .drv-lhero{--drv-lhero-top: var(--header-height, 0rem)}.drv-lhero__pin{position:sticky;top:var(--drv-lhero-top);height:calc(100svh - var(--drv-lhero-top));overflow:hidden}.drv-lhero__stage{position:relative;width:100%;height:100%;background:var(--drv-white);font-family:var(--font-body--family);contain:layout paint;isolation:isolate}.drv-lhero__card{position:absolute;left:0;top:0;border-radius:var(--drv-radius-card);overflow:hidden;background:var(--drv-surface-alt);transform-origin:top left;will-change:transform,opacity;backface-visibility:hidden}.drv-lhero__card img{width:100%;height:100%;object-fit:cover;display:block}.drv-lhero__card--shadow{box-shadow:var(--drv-shadow-float)}.drv-lhero--anim .drv-lhero__card{opacity:0}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__card[data-drv-lhero-card="1"]{width:var(--drv-learn-hero-card-1-w);height:var(--drv-learn-hero-card-1-h);transform:translate(var(--drv-learn-hero-card-1-shift),var(--drv-learn-hero-card-1-shift-2))}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__card[data-drv-lhero-card="2"]{width:var(--drv-learn-hero-card-2-w);height:var(--drv-learn-hero-card-2-h);transform:translate(var(--drv-learn-hero-card-2-shift),var(--drv-learn-hero-card-2-shift-2))}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__card[data-drv-lhero-card="3"]{width:var(--drv-learn-hero-card-3-w);height:var(--drv-learn-hero-card-3-h);transform:translate(var(--drv-learn-hero-card-3-shift),var(--drv-learn-hero-card-3-shift-2))}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__card[data-drv-lhero-card="4"]{width:var(--drv-learn-hero-card-4-w);height:var(--drv-learn-hero-card-4-h);transform:translate(var(--drv-learn-hero-card-4-shift),var(--drv-learn-hero-card-4-shift-2));opacity:0}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__card[data-drv-lhero-card="5"]{width:var(--drv-learn-hero-card-5-w);height:var(--drv-learn-hero-card-5-h);transform:translate(var(--drv-learn-hero-card-5-shift),var(--drv-learn-hero-card-5-shift-2)) scale(.38);border-radius:var(--drv-learn-hero-card-5-radius);opacity:.5}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__card[data-drv-lhero-card="6"]{width:var(--drv-learn-hero-card-6-w);height:var(--drv-learn-hero-card-6-h);transform:translate(var(--drv-learn-hero-card-6-shift),var(--drv-learn-hero-card-6-shift-2));opacity:.5}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__card[data-drv-lhero-card="7"]{width:var(--drv-learn-hero-card-7-w);height:var(--drv-learn-hero-card-7-h);transform:translate(var(--drv-learn-hero-card-7-shift),var(--drv-learn-hero-card-7-shift-2));opacity:.7}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__card[data-drv-lhero-card="8"]{width:var(--drv-learn-hero-card-8-w);height:var(--drv-learn-hero-card-8-h);transform:translate(var(--drv-learn-hero-card-8-shift),var(--drv-learn-hero-card-8-shift-2)) scale(.41);border-radius:var(--drv-learn-hero-card-8-radius)}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__card[data-drv-lhero-card="9"]{width:var(--drv-learn-hero-card-9-w);height:var(--drv-learn-hero-card-9-h);transform:translate(var(--drv-learn-hero-card-9-shift),var(--drv-learn-hero-card-9-shift-2)) scale(.41);border-radius:var(--drv-learn-hero-card-9-radius);opacity:.5}.drv-lhero__text{position:absolute;left:50%;transform:translate(-50%);top:var(--drv-lhero-text-y, var(--drv-learn-hero-text-top));width:var(--drv-learn-hero-text-w);text-align:center}.drv-lhero__text>*{position:absolute;left:0;width:100%;margin:0}.drv-lhero__eyebrow{top:0;font-size:var(--drv-fs-16);font-weight:var(--drv-fw-semibold);line-height:var(--drv-lh-22);color:var(--drv-text-muted);opacity:1}.drv-lhero__heading{top:var(--drv-learn-hero-heading-top);font-size:var(--drv-fs-48);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-50);letter-spacing:var(--drv-ls-n1);color:var(--drv-ink)}.drv-lhero__desc{top:var(--drv-learn-hero-desc-top);font-size:var(--drv-fs-16);line-height:var(--drv-lh-22);color:var(--drv-dark)}.drv-lhero__big{top:0;opacity:0;font-size:var(--drv-fs-48);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-50);letter-spacing:var(--drv-ls-n1);color:var(--drv-ink)}@media(prefers-reduced-motion:reduce)and (min-width:990px){.drv-lhero{--drv-lhero-top: var(--drv-learn-hero-root-h);height:calc(100svh - var(--drv-lhero-top))}.drv-lhero__text{top:var(--drv-learn-hero-text-top-gte990-motion)}.drv-lhero__eyebrow,.drv-lhero__heading,.drv-lhero__desc{opacity:1}.drv-lhero__big,.drv-lhero .drv-lhero__card{opacity:0}.drv-lhero .drv-lhero__card[data-drv-lhero-card="3"]{width:var(--drv-learn-hero-card-3-w);height:var(--drv-learn-hero-card-3-h);transform:translate(var(--drv-learn-hero-root-card-3-shift),var(--drv-learn-hero-root-card-3-shift-2)) scale(.62);border-radius:var(--drv-learn-hero-card-3-radius);opacity:1}.drv-lhero .drv-lhero__card[data-drv-lhero-card="5"]{width:var(--drv-learn-hero-card-5-w);height:var(--drv-learn-hero-card-5-h);transform:translate(var(--drv-learn-hero-root-card-5-shift),var(--drv-learn-hero-root-card-5-shift-2)) scale(.573);border-radius:var(--drv-radius-card-mobile);opacity:1}.drv-lhero .drv-lhero__card[data-drv-lhero-card="8"]{width:var(--drv-learn-hero-card-8-w);height:var(--drv-learn-hero-card-8-h);transform:translate(var(--drv-learn-hero-root-card-8-shift),var(--drv-learn-hero-root-card-8-shift-2)) scale(1);border-radius:var(--drv-radius-card);opacity:1}.drv-lhero .drv-lhero__card[data-drv-lhero-card="9"]{width:var(--drv-learn-hero-card-9-w);height:var(--drv-learn-hero-card-9-h);transform:translate(var(--drv-learn-hero-root-card-9-shift),var(--drv-learn-hero-root-card-9-shift-2)) scale(1);border-radius:var(--drv-radius-card);opacity:1}}@media(max-width:989px){.drv-lhero__crumb{height:var(--drv-learn-hero-crumb-h-lt990)}.drv-lhero{height:calc(100svh - var(--drv-lhero-top) + var(--drv-learn-hero-root-h-lt990-2))}.drv-lhero__pin{height:auto}.drv-lhero__stage{height:min(calc(100vw * 662 / 390),calc(100svh - var(--drv-lhero-top)))}.drv-lhero--anim .drv-lhero__stage{height:calc(100svh - var(--drv-lhero-top))}.drv-lhero--anim .drv-lhero__text{top:var(--drv-lhero-text-y, calc(50% - var(--drv-lh-22) / 2))}.drv-lhero--anim .drv-lhero__heading,.drv-lhero--anim .drv-lhero__desc{opacity:0}.drv-lhero__heading{top:var(--drv-learn-hero-heading-top);font-size:var(--drv-fs-30);line-height:var(--drv-lh-34);letter-spacing:0}.drv-lhero__desc{top:var(--drv-learn-hero-desc-top-lt990);font-size:var(--drv-fs-16);line-height:var(--drv-lh-24);color:var(--drv-text-muted)}.drv-lhero__big{font-size:var(--drv-fs-20);line-height:var(--drv-lh-24);letter-spacing:var(--drv-ls-n1)}.drv-lhero__eyebrow{left:50%;width:max-content;transform:translate(-50%);white-space:nowrap}.drv-lhero--anim .drv-lhero__card{border-radius:var(--drv-radius-small-2)}.drv-lhero:not(.drv-lhero--anim){height:auto}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__stage{height:min(calc(100vw * 662 / 390),calc(100vh - var(--drv-learn-hero-static-top-lt990)))}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__card{display:none}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__text{top:var(--drv-learn-hero-root-text-top);width:var(--drv-learn-hero-root-text-w)}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__eyebrow,.drv-lhero:not(.drv-lhero--anim) .drv-lhero__heading,.drv-lhero:not(.drv-lhero--anim) .drv-lhero__desc{opacity:1}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__eyebrow{white-space:normal;width:100%;left:0;transform:none}.drv-lhero:not(.drv-lhero--anim) .drv-lhero__big{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/drv-learn-hero.css.map */