:root{--celf-teal: #00A99F;--celf-cta-teal: #00AB9F;--celf-neutral-text: #000;--celf-border: #8C8C8C;--celf-background: #F7F6F7;--celf-white: #FFFFFF;--celf-light-gray: #F5F5F5}.learn-hero{padding:60px 0;background-color:var(--celf-white)}.learn-hero.color-dark{background-color:var(--celf-neutral-text);color:var(--celf-white)}.learn-hero.color-light{background-color:var(--celf-white);color:var(--celf-neutral-text)}.learn-hero__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.learn-hero__page-title{font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:400;color:var(--celf-border);margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.learn-hero__headline{font-family:DM Sans,sans-serif;font-size:3rem;font-weight:700;line-height:1.2;margin:0 0 24px;color:inherit}.learn-hero__subhead{font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.4;margin:0;color:inherit}.learn-hero__supporting-text{margin-bottom:40px}.learn-hero__supporting-text p{font-family:DM Sans,sans-serif;font-size:1.125rem;line-height:1.6;margin:0;color:inherit}.learn-hero__media{display:flex;flex-direction:column;align-items:flex-start;gap:30px}.learn-hero__video,.learn-hero__image{width:100%;border-radius:12px;overflow:hidden}.learn-hero__video--small{max-width:300px}.learn-hero__video--medium{max-width:400px}.learn-hero__video--large{max-width:500px}.learn-hero__video--extra-large{max-width:600px}.learn-hero__video:not([class*=learn-hero__video--]){max-width:400px}.learn-hero__video--left{margin-right:auto;margin-left:0}.learn-hero__video--center{margin-left:auto;margin-right:auto}.learn-hero__video--right{margin-left:auto;margin-right:0}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px;box-shadow:0 8px 25px #0000001a;transition:box-shadow .3s ease}.video-wrapper iframe:hover{box-shadow:0 12px 35px #00000026}.video-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--celf-teal);border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite;z-index:1}.video-wrapper iframe{z-index:2}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.learn-hero__image img{width:100%;height:auto;display:block}@media screen and (max-width:989px){.learn-hero{padding:40px 0}.learn-hero__wrapper{grid-template-columns:1fr;gap:40px;text-align:center}.learn-hero__headline{font-size:2.5rem}.learn-hero__subhead{font-size:1.125rem}.learn-hero__supporting-text p{font-size:1rem}.learn-hero__video--small,.learn-hero__video--medium,.learn-hero__video--large,.learn-hero__video--extra-large{max-width:100%;width:100%}.learn-hero__video--left,.learn-hero__video--center,.learn-hero__video--right{margin-left:auto;margin-right:auto}.learn-hero__media{align-items:center}}@media screen and (max-width:749px){.learn-hero{padding:30px 0}.learn-hero__wrapper{gap:30px}.learn-hero__headline{font-size:2rem}.learn-hero__subhead{font-size:1rem}.learn-hero__page-title{font-size:1.125rem}.learn-hero__video{margin-bottom:20px}}@media screen and (min-width:750px)and (max-width:989px){.learn-hero__video--small{max-width:280px}.learn-hero__video--medium{max-width:350px}.learn-hero__video--large{max-width:400px}.learn-hero__video--extra-large{max-width:450px}}@media(prefers-reduced-motion:reduce){.learn-hero *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-learn-hero.css.map */