.type-lockup{--type-lockup-size: 9.54cqi;--type-lockup-subheading-size: min(1.8rem, 4.19cqi);--type-lockup-media-width: 66.2%;--type-lockup-media-offset-x: 13.66%;--type-lockup-media-shift: 5.13cqi;--type-lockup-media-ratio: 682 / 673;--type-lockup-subheading-gap: 8.6rem;--type-lockup-button-gap: 3.8rem;--type-lockup-drift: 3.6rem}@media(min-width:1024px){.type-lockup{--type-lockup-subheading-size: 1.8rem;--type-lockup-media-width: 42.64%;--type-lockup-media-offset-x: 25.13%;--type-lockup-media-shift: -1.16cqi;--type-lockup-subheading-gap: 4.6rem;--type-lockup-button-gap: 5.9rem;--type-lockup-drift: 6rem}}.type-lockup__container{container-type:inline-size}.type-lockup__stage,.type-lockup__footer{overflow-x:clip}.type-lockup__stage{display:grid;align-items:center}.type-lockup__heading,.type-lockup__media{grid-area:1 / 1}.type-lockup__heading{margin:0;font-size:var(--type-lockup-size);line-height:1;text-align:center;white-space:nowrap}.type-lockup__media{display:block;position:relative;top:var(--type-lockup-media-shift);width:var(--type-lockup-media-width);margin-left:var(--type-lockup-media-offset-x);pointer-events:none}.type-lockup__image{display:block;width:100%;height:auto;aspect-ratio:var(--type-lockup-media-ratio);object-fit:contain}.type-lockup__footer{display:flex;flex-direction:column;align-items:center;margin-top:calc(var(--type-lockup-subheading-gap) + var(--type-lockup-media-shift));text-align:center}.type-lockup__subheading{margin:0;font-size:var(--type-lockup-subheading-size);line-height:1}.type-lockup__button{align-self:stretch;margin-top:var(--type-lockup-button-gap)}@media(min-width:1024px){.type-lockup__button{align-self:center}}@keyframes type-lockup-drift{0%{transform:translateY(var(--type-lockup-drift))}to{transform:translateY(calc(var(--type-lockup-drift) * -1))}}@media(prefers-reduced-motion:no-preference){.type-lockup--parallax .type-lockup__image{transform:translateY(calc(var(--type-lockup-drift) * (1 - 2 * var(--parallax-progress, .5))))}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.type-lockup--parallax .type-lockup__image{animation:type-lockup-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-type-lockup.css.map */
