.smg-about-hero{position:relative;width:100%;min-height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;padding:0}.smg-about-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.smg-about-hero__background-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.smg-about-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,var(--smg-about-hero-overlay-opacity, .5));z-index:3}.smg-about-hero__container{position:relative;z-index:4;width:100%;max-width:1440px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:41px;padding-top:var(--smg-about-hero-padding-top, 80px);padding-bottom:var(--smg-about-hero-padding-bottom, 80px)}.smg-about-hero__content{display:flex;flex-direction:column;align-items:var(--smg-about-hero-content-align, center);justify-content:center;text-align:var(--smg-about-hero-text-align, center);gap:8px;width:100%;max-width:370px;color:var(--smg-about-hero-text-color, #FFFFFF)}.smg-about-hero__heading{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;color:inherit;width:100%}.smg-about-hero__heading--small{font-size:20px;line-height:1.15;letter-spacing:0}.smg-about-hero__heading--medium{font-size:24px;line-height:1.15;letter-spacing:0}.smg-about-hero__heading--large{font-size:28px;line-height:1.15;letter-spacing:0}.smg-about-hero__heading--xl{font-size:32px;line-height:1.15;letter-spacing:0}.smg-about-hero__heading--xxl{font-size:28px;line-height:1.15;letter-spacing:0}.smg-about-hero__description{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:1.2;letter-spacing:0;color:inherit;width:100%}.smg-about-hero__description p{margin:0;padding:0}.smg-about-hero__video-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.smg-about-hero__video-container{position:relative;width:100%;max-width:342px;height:192px;border-radius:var(--radius-2, 20px);overflow:hidden;background-color:#000}.smg-about-hero__video,.smg-about-hero__video-container video,.smg-about-hero__video-container deferred-media{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.smg-about-hero__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.smg-about-hero__controls{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3, 12px);z-index:20;pointer-events:all}.smg-about-hero__control-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:pointer;transition:opacity .2s ease}.smg-about-hero__control-btn:hover{opacity:.8}.smg-about-hero__control-btn--pause{width:54px;height:54px}.smg-about-hero__control-btn--mute{width:54px;height:54px;border-radius:50%;background-color:#0000001a}.smg-about-hero__icon{pointer-events:none}.smg-about-hero__video-container deferred-media .deferred-media__poster,.smg-about-hero__video-container deferred-media button{display:none!important}@media(min-width:750px){.smg-about-hero__container{padding:0 40px;gap:32px;padding-top:var(--smg-about-hero-padding-top-md, var(--smg-about-hero-padding-top, 120px));padding-bottom:var(--smg-about-hero-padding-bottom-md, var(--smg-about-hero-padding-top, 120px))}.smg-about-hero__content{max-width:500px;gap:12px}.smg-about-hero__heading--small{font-size:28px;line-height:1.1}.smg-about-hero__heading--medium{font-size:34px;line-height:1.1}.smg-about-hero__heading--large{font-size:40px;line-height:1.1}.smg-about-hero__heading--xl{font-size:46px;line-height:1.1}.smg-about-hero__heading--xxl{font-size:40px;line-height:1.1}.smg-about-hero__description{font-size:16px}.smg-about-hero__video-container{max-width:700px;height:400px}.smg-about-hero__controls{gap:var(--spacing-2);padding:20px}.smg-about-hero__control-btn--pause{width:54px;height:54px}.smg-about-hero__control-btn--pause svg{width:54px;height:54px}.smg-about-hero__control-btn--mute{width:54px;height:54px}.smg-about-hero__control-btn--mute svg{width:20px;height:20px}}@media(min-width:990px){.smg-about-hero__container{padding:0 80px;gap:40px;padding-top:var(--smg-about-hero-padding-top-lg, var(--smg-about-hero-padding-top, 152px));padding-bottom:var(--smg-about-hero-padding-bottom-lg, var(--smg-about-hero-padding-top, 152px))}.smg-about-hero__content{max-width:580px;gap:16px}.smg-about-hero__video-container{max-width:1067px;height:600px}.smg-about-hero__controls{gap:var(--spacing-2);padding:27px}.smg-about-hero__control-btn--pause{width:54px;height:54px}.smg-about-hero__control-btn--pause svg{width:54px;height:54px}.smg-about-hero__control-btn--mute{width:54px;height:54px}.smg-about-hero__control-btn--mute svg{width:20px;height:20px}}.smg-about-hero__video,.smg-about-hero__video-container video,.smg-about-hero__video-container deferred-media{pointer-events:none}@media(prefers-reduced-motion:reduce){.smg-about-hero__video,.smg-about-hero__video-container video{display:none}.smg-about-hero__video-container:after{content:"Video playback paused";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;text-align:center}}@media print{.smg-about-hero__video-wrapper{display:none}}@media(max-width:749px){.smg-about-hero__container{padding-top:130px}.smg-about-hero__content{align-items:center;text-align:center}}@keyframes smg-hero-ken-burns{0%{transform:scale(1) translate(0)}50%{transform:scale(1.06) translate(-1%,-.5%)}to{transform:scale(1) translate(0)}}.smg-about-hero__background-image{animation:smg-hero-ken-burns 18s ease-in-out infinite;transform-origin:center center}@keyframes smg-hero-fade-in-y{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.smg-about-hero__heading{animation:smg-hero-fade-in-y .9s cubic-bezier(0,0,.2,1) both}.smg-about-hero__description{animation:smg-hero-fade-in-y .9s cubic-bezier(0,0,.2,1) .15s both}@media(prefers-reduced-motion:reduce){.smg-about-hero__background-image,.smg-about-hero__heading,.smg-about-hero__description{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/smg-about-hero.css.map */