.hpg-band-quality{--hpg-band-quality-heading-text: var(--hpg-text);--hpg-band-quality-subheading-text: var(--hpg-text);--hpg-band-quality-image-offset: 0px;--hpg-band-quality-image-x: 0%;--hpg-band-quality-image-y: var(--hpg-band-quality-image-offset);--hpg-band-quality-image-scale: 1.98;--hpg-band-quality-title-text: var(--hpg-text);--hpg-band-quality-copy-text: var(--hpg-muted);--hpg-band-quality-title-opacity: var(--hpg-band-quality-copy-opacity, 1);--hpg-band-quality-top-opacity: var(--hpg-band-quality-copy-opacity, 1);--hpg-band-quality-body-opacity: var(--hpg-band-quality-copy-opacity, 1);background:var(--hpg-bg);color:var(--hpg-text)}.hpg-band-quality__hero{position:relative;min-height:100svh;background:#000}.hpg-band-quality__stage{position:relative;height:100svh;background:#000;overflow:hidden}.hpg-band-quality__hero-media{position:absolute;top:50%;right:0;left:0;transform:translate3d(var(--hpg-band-quality-image-x),calc(-50% + var(--hpg-band-quality-image-y)),0) scale(var(--hpg-band-quality-image-scale));transform-origin:center center}.hpg-band-quality__hero-media img{display:block;width:100%;height:auto;object-fit:contain}.hpg-band-quality__hero-placeholder{height:100%;min-height:963px;background:radial-gradient(ellipse at 50% 60%,rgba(35,105,236,.42),transparent 38%),#000}.hpg-band-quality__hero-content{position:absolute;top:48%;left:50%;z-index:1;width:max-content;max-width:calc(100% - 80px);opacity:var(--hpg-band-quality-title-opacity);transform:translate(-50%) translateY(var(--hpg-band-quality-copy-y, 0));text-align:center}.hpg-band-quality .hpg-band-quality__heading{margin:0;color:var(--hpg-band-quality-title-text);font-family:var(--hpg-font-heading);font-size:var(--hpg-section-heading-size);line-height:var(--hpg-section-heading-line-height);font-weight:700;white-space:nowrap}.hpg-band-quality .hpg-band-quality__subheading{margin:16px 0 0;color:var(--hpg-band-quality-title-text);text-align:right;font-size:20px;line-height:24px;font-weight:600}.hpg-band-quality :is(strong,b){color:var(--hpg-band-quality-emphasis-text, currentColor)}.hpg-band-quality__body{padding:80px var(--hpg-desktop-gutter) 100px}.hpg-band-quality__top-text,.hpg-band-quality__text{position:absolute;z-index:1;margin:0;color:var(--hpg-band-quality-copy-text);font-family:var(--hpg-font-body);font-size:20px;line-height:150%;font-weight:600}.hpg-band-quality__top-text{opacity:var(--hpg-band-quality-top-opacity)}.hpg-band-quality__text{opacity:var(--hpg-band-quality-body-opacity)}.hpg-band-quality__top-text{top:8%;right:147px;width:568px;text-align:right;transform:translateY(var(--hpg-band-quality-copy-y, 0))}.hpg-band-quality__text{top:80%;left:153px;width:463px;transform:translateY(var(--hpg-band-quality-copy-y, 0))}.hpg-band-quality__top-text>*,.hpg-band-quality__text>*,.hpg-band-quality__footer>*{margin-top:0}.hpg-band-quality__top-text>*:last-child,.hpg-band-quality__text>*:last-child,.hpg-band-quality__footer>*:last-child{margin-bottom:0}.hpg-band-quality.is-scroll-controlled .hpg-band-quality__hero-content,.hpg-band-quality.is-scroll-controlled .hpg-band-quality__top-text,.hpg-band-quality.is-scroll-controlled .hpg-band-quality__text{transition:opacity 1s ease,transform 1.5s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.hpg-band-quality.is-scroll-controlled .hpg-band-quality__hero-content{transition-delay:.42s}.hpg-band-quality.is-scroll-controlled .hpg-band-quality__top-text{transition-delay:.7s}.hpg-band-quality.is-scroll-controlled .hpg-band-quality__text{transition-delay:.95s}.hpg-band-quality.is-scroll-controlled .hpg-band-quality__hero-media{transition:transform 1.2s cubic-bezier(.37,0,.63,1);transition-delay:0ms;will-change:transform}.hpg-band-quality.is-revealed .hpg-band-quality__hero-content,.hpg-band-quality.is-revealed .hpg-band-quality__top-text,.hpg-band-quality.is-revealed .hpg-band-quality__text,.hpg-band-quality.is-revealed .hpg-band-quality__hero-media{will-change:auto}.hpg-band-quality__video{position:relative;width:calc(100% + 6px);max-width:1146px;aspect-ratio:var(--hpg-band-quality-video-aspect);margin:0 -3px;overflow:hidden;border-radius:40px;background:#1d1d1f}.hpg-band-quality__video img,.hpg-band-quality__video video{width:100%;height:100%;object-fit:cover}.hpg-band-quality__video.is-reveal-ready{--hpg-band-quality-video-reveal: 0;--hpg-band-quality-video-inset: calc((1 - var(--hpg-band-quality-video-reveal)) * 50%);--hpg-band-quality-video-scale: calc(1 + ((1 - var(--hpg-band-quality-video-reveal)) * .025));clip-path:inset(0 var(--hpg-band-quality-video-inset) 0 var(--hpg-band-quality-video-inset) round 40px);transition:clip-path 1.4s cubic-bezier(.22,1,.36,1);will-change:clip-path}.hpg-band-quality__video.is-reveal-ready.is-revealed{--hpg-band-quality-video-reveal: 1;clip-path:inset(0 0 0 0 round 40px);will-change:auto}.hpg-band-quality__video.is-reveal-ready img,.hpg-band-quality__video.is-reveal-ready video{transform:scale(var(--hpg-band-quality-video-scale));transition:transform 1.4s cubic-bezier(.22,1,.36,1);will-change:transform}.hpg-band-quality__video.is-reveal-ready.is-revealed img,.hpg-band-quality__video.is-reveal-ready.is-revealed video{transform:scale(1);will-change:auto}@media(min-width:750px){.hpg-band-quality__video.is-reveal-ready{transition-duration:1.12s}.hpg-band-quality__video.is-reveal-ready img,.hpg-band-quality__video.is-reveal-ready video{transition-duration:1.12s}}.hpg-band-quality__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#fff;color:#000;transform:translate(-50%,-50%);font-size:var(--hpg-section-heading-mobile-size)}.hpg-band-quality__video-play{z-index:2;border:0;padding:0;cursor:pointer;transition:opacity .22s ease,transform .22s ease}.hpg-band-quality__video-play:hover{transform:translate(-50%,-50%) scale(1.04)}.hpg-band-quality__video.is-playing .hpg-band-quality__video-play{opacity:0;pointer-events:none}.hpg-band-quality__video--manual video{cursor:pointer}@media(prefers-reduced-motion:reduce){.hpg-band-quality__video.is-reveal-ready{clip-path:none;transition:none;will-change:auto}.hpg-band-quality__video.is-reveal-ready img,.hpg-band-quality__video.is-reveal-ready video{transform:none;transition:none;will-change:auto}}.hpg-band-quality__footer{max-width:760px;margin:80px auto 0;color:var(--hpg-muted);text-align:center;font-size:20px;line-height:26px;font-weight:700}@media screen and (max-width:989px){.hpg-band-quality .hpg-band-quality__heading{font-size:var(--hpg-section-heading-mobile-size);line-height:var(--hpg-section-heading-mobile-line-height);white-space:normal}.hpg-band-quality__body{padding-inline:40px}.hpg-band-quality__top-text{right:40px;width:min(568px,calc(100% - 80px))}.hpg-band-quality__text{left:40px;width:min(463px,calc(100% - 80px))}}@media screen and (min-width:750px)and (max-width:1199px){.hpg-band-quality__hero-content{width:min(960px,calc(100% - (var(--hpg-tablet-portrait-gutter) * 2)));max-width:min(960px,calc(100% - (var(--hpg-tablet-portrait-gutter) * 2)))}.hpg-band-quality .hpg-band-quality__subheading{text-align:center}}@media screen and (min-width:990px)and (max-width:1199px){.hpg-band-quality .hpg-band-quality__heading{white-space:normal}.hpg-band-quality__body{padding:64px var(--hpg-tablet-landscape-gutter) 96px}.hpg-band-quality__top-text{right:var(--hpg-tablet-landscape-gutter);width:min(568px,calc(100% - (var(--hpg-tablet-landscape-gutter) * 2)))}.hpg-band-quality__text{left:var(--hpg-tablet-landscape-gutter);width:min(463px,calc(100% - (var(--hpg-tablet-landscape-gutter) * 2)))}}@media screen and (max-width:749px){.hpg-band-quality{--hpg-band-quality-image-x: -34%;--hpg-band-quality-image-y: -100px;--hpg-band-quality-image-scale: 4.5;--hpg-band-quality-title-opacity: 0;--hpg-band-quality-top-opacity: 0;--hpg-band-quality-body-opacity: 0}.hpg-band-quality__hero{height:max(100svh,760px);min-height:760px;padding:0}.hpg-band-quality__stage{position:relative;top:0;height:max(100svh,760px);min-height:760px;overflow:hidden}.hpg-band-quality__body{padding:40px var(--hpg-mobile-gutter) 80px}.hpg-band-quality__hero-content,.hpg-band-quality__top-text,.hpg-band-quality__text{position:absolute;transform:none;max-width:none}.hpg-band-quality.is-scroll-controlled .hpg-band-quality__hero-content,.hpg-band-quality.is-scroll-controlled .hpg-band-quality__top-text,.hpg-band-quality.is-scroll-controlled .hpg-band-quality__text{transition:opacity .65s ease;transition-delay:0ms}.hpg-band-quality.is-scroll-controlled .hpg-band-quality__hero-content{transition-delay:0ms}.hpg-band-quality.is-scroll-controlled .hpg-band-quality__top-text{transition-delay:.14s}.hpg-band-quality.is-scroll-controlled .hpg-band-quality__text{transition-delay:.28s}.hpg-band-quality__hero-media{top:0;right:0;left:0;height:100%;transform:translate3d(var(--hpg-band-quality-image-x),var(--hpg-band-quality-image-y),0) scale(var(--hpg-band-quality-image-scale));transform-origin:center center}.hpg-band-quality__hero-media img{width:100%;height:100%;object-fit:contain}.hpg-band-quality__top-text,.hpg-band-quality__text{width:100%;color:var(--hpg-band-quality-copy-text);font-size:16px;line-height:24px;font-weight:600}.hpg-band-quality__hero-content{top:28%;left:50%;width:var(--hpg-mobile-card-width);text-align:center;transform:translate(-50%) translateY(0)}.hpg-band-quality__top-text{top:48%;right:auto;left:50%;width:var(--hpg-mobile-card-width);text-align:center;transform:translate(-50%)}.hpg-band-quality__text{top:66%;left:50%;width:var(--hpg-mobile-card-width);text-align:center;transform:translate(-50%)}.hpg-band-quality .hpg-band-quality__heading{width:auto;margin-inline:auto;font-size:var(--hpg-mobile-section-heading-size);line-height:var(--hpg-mobile-section-heading-line-height);font-weight:var(--hpg-mobile-section-heading-weight);white-space:normal}.hpg-band-quality .hpg-band-quality__subheading{margin-top:16px;text-align:center;font-size:16px;line-height:22px}.hpg-band-quality__video{margin-inline:auto;width:var(--hpg-mobile-card-width);height:554px;max-width:none;aspect-ratio:auto;border-radius:16px}.hpg-band-quality__footer{width:auto;margin:40px calc(var(--hpg-mobile-gutter) * -1) 0;padding-inline:var(--hpg-mobile-gutter);font-size:16px;line-height:24px;font-weight:600}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/section-hpg-band-quality.css.map */