:root{--font-body-family: "Neue Montreal", "sans-serif";--font-body-weight: normal;--font-body-style: normal;--font-body-weight-bold: bold;--font-body-weight-400: 400;--font-heading-family: "Neue Montreal", "sans-serif";--font-heading-style: normal;--font-heading-weight: 500;--font-eyebrow-family: "lores-12", "sans-serif";--font-eyebrow-style: normal;--font-eyebrow-weight: 500;--font-cta-family: "lores-12-narrow", "sans-serif";--font-cta-style: normal;--font-cta-weight: 500;--white: #FFFFFF;--white-10: rgba(255, 255, 255, .1);--white-20: rgba(255, 255, 255, .2);--white-50: rgba(255, 255, 255, .5);--white-80: rgba(255, 255, 255, .8);--black: #0D0B14;--black-50: rgba(13, 11, 20, .5);--real-black:#000000;--real-black-50:rgba(0, 0, 0, .5);--real-black-70:rgba(0, 0, 0, .7);--yellow: #BFEE16;--yellow-light: #DDFF34;--grey-1: #2B2B2B;--grey-2: #39383E;--grey-3: #7C7C7C;--grey-3-50: rgba(124, 124, 124, .4);--grey-4: #A6A8A9;--grey-5: #BDBEC0;--grey-6: #E7E7E7;--grey-7: #EBEBEB;--grey-8: #3F3F3F;--grey-9-60: rgba(32, 31, 29, .6);--grey-9-70: rgba(32, 31, 29, .7);--grey-10-50: rgba(128, 128, 128, .5);--inactive: #CFD0CA;--page-width: 120rem;--page-width-margin: 0rem;--content-inner-container: 47.375rem;--landing-content-inner-container: 87.5rem;--gray-boxes-width-desktop: 47.375rem;--gray-boxes-width-mobile: 21.875rem;--duration-short: .1s;--duration-default: .2s;--duration-announcement-bar: .25s;--duration-medium: .3s;--duration-long: .5s;--duration-extra-long: .6s;--duration-extra-longer: .75s;--duration-extended: 3s;--alpha-button-background: 1;--alpha-button-border: 1;--alpha-link: .85;--alpha-badge-border: .1;--focused-base-outline: .2rem solid rgba(var(--color-foreground), .5);--focused-base-outline-offset: .3rem;--focused-base-box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);--ease-out-slow: cubic-bezier(0, 0, .3, 1);--animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;--animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)}.explainer-section{position:relative;width:100%;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.8125rem .375rem 7.25rem;background-color:var(--black);color:var(--white);will-change:transform}@media (min-width: 768px){.explainer-section{padding:unset}}.explainer-section .explainer-section-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transform-origin:center center}.explainer-section .explainer-section-background img,.explainer-section .explainer-section-background video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.explainer-section .explainer-wrapper{position:relative;z-index:2;width:auto;height:auto;overflow:hidden;padding:.375rem 16px;will-change:transform}@media (min-width: 768px){.explainer-section .explainer-wrapper{width:98%}}@media (min-width: 1024px){.explainer-section .explainer-wrapper{max-width:1480px;max-height:37.5rem}}@media (min-width: 1536px){.explainer-section .explainer-wrapper{width:100%}}.explainer-section .showcase-grid{background-color:var(--black);color:var(--white);padding:.375rem;border-radius:.5rem;max-width:100%;height:100%;margin:0 auto}@media (min-width: 768px){.explainer-section .showcase-grid{padding:.375rem .75rem}}@media (min-width: 1024px){.explainer-section .showcase-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:.75rem}}.explainer-section .showcase-column{position:relative}.explainer-section .showcase-product-slogan{display:flex;flex-direction:column;justify-content:space-between}.explainer-section .showcase-content-wrapper{height:100%;display:flex;flex-direction:column-reverse;justify-content:space-between}@media (min-width: 1024px){.explainer-section .showcase-content-wrapper{flex-direction:column;gap:1.5rem}}.explainer-section .showcase-heading{margin-top:.875rem;margin-bottom:1.875rem}@media (min-width: 1024px){.explainer-section .showcase-heading{margin-top:.375rem;margin-bottom:1rem}}.explainer-section .showcase-product-brand{display:flex;align-items:center;gap:1rem;justify-content:space-between;text-transform:uppercase;color:var(--grey-6);border-bottom:1px solid var(--grey-3-50);padding-bottom:.875rem}@media (min-width: 1024px){.explainer-section .showcase-product-brand{border-top:unset;border-top:1px solid var(--grey-3-50);border-bottom:unset;padding-top:.8125rem}}.explainer-section .showcase-product-brand .logo-small-card{display:inline-block}.explainer-section .showcase-product-brand .some-numbers{color:var(--grey-3)}.explainer-section .showcase-product-image{max-width:100%;margin:0 auto;height:100%}@media (min-width: 1024px){.explainer-section .showcase-product-image{max-width:734px}}.explainer-section .showcase-product-image img{width:100%;height:100%;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.explainer-section .showcase-product-img{width:100%;height:auto;display:block}.explainer-section .showcase-product-details{display:flex;flex-direction:column}.explainer-section .showcase-details-content{margin-top:auto}.explainer-section .showcase-product-title{padding-top:4.375rem;margin-bottom:1.375rem}@media (min-width: 1024px){.explainer-section .showcase-product-title{border-top:1px solid var(--grey-3-50);padding-top:1.875rem}}.explainer-section .showcase-product-title span{color:var(--yellow);vertical-align:super;font-family:var(--font-eyebrow-family);font-style:normal;font-weight:410;line-height:24.7px;letter-spacing:-2.6px;font-size:1.125rem}@media (min-width: 1024px){.explainer-section .showcase-product-title span{font-size:1.625rem}}.explainer-section .showcase-product-description{display:block;padding-bottom:1.875rem;font-family:var(--font-body-family);font-size:.875rem;letter-spacing:normal;line-height:1.1375rem}@media (min-width: 1024px){.explainer-section .showcase-product-description{padding-bottom:2.375rem;font-size:.875rem}}.explainer-section .showcase-product-description p{color:var(--grey-5)}.explainer-section .showcase-button-group{position:relative}@media (min-width: 768px){.explainer-section .showcase-button-group{margin-bottom:.375rem}}.explainer-section .showcase-button-group .button-primary{width:100%}
/*# sourceMappingURL=/cdn/shop/t/4/assets/explainer-section.css.map */