.video-band__full{width:100%}.video-band__frame{position:relative;display:block;aspect-ratio:1 / 1;height:auto;overflow:hidden;color:var(--vb-text);isolation:isolate}@media screen and (min-width:750px){.video-band__frame{aspect-ratio:auto;height:70vh}}.video-band__stage{position:absolute;top:0;right:0;bottom:0;left:0}.video-band__poster,.video-band__stage video,.video-band__stage iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}.video-band__poster--placeholder{background:#d8cec7}.video-band__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vb-overlay)}.video-band__frame[data-playing] .video-band__poster,.video-band__frame[data-playing] .video-band__overlay,.video-band__frame[data-playing] .video-band__content,.video-band__frame[data-playing] .video-band__play{display:none}.video-band__content:before{content:"";position:absolute;top:-2rem;right:-4rem;bottom:-2rem;left:-4rem;background:radial-gradient(ellipse at center,#0000006b,#0000 72%);z-index:-1;pointer-events:none}.video-band__content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;gap:.6rem;padding:2.4rem;max-width:46rem}.video-band__frame--centre .video-band__content{max-width:60rem;margin:0 auto;text-align:center;align-items:center}@media screen and (max-width:749px){.video-band__content{justify-content:flex-start;gap:.8rem;padding:4rem 2.4rem 2.4rem}.video-band__frame--centre .video-band__content{align-items:center}.video-band__content .video-band__link{margin-top:auto}}@media screen and (min-width:750px){.video-band__content{padding:4rem 5rem}}.video-band__heading{margin:0;font-family:var(--font-heading-family);font-weight:400;font-size:clamp(2rem,3.6vw,3rem);line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:inherit}.video-band__subheading{margin:0;font-size:1.5rem;line-height:1.5;opacity:.88}.video-band__link{display:inline-flex;align-items:center;gap:1rem;margin-top:1.6rem;padding:0;background:none;border:0;color:inherit;font-family:inherit;font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.video-band__link-icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1px solid currentColor;border-radius:50%;flex:0 0 auto}.video-band__link-icon svg{width:1.4rem;height:1.4rem}.video-band__link:hover .video-band__link-icon{background:currentColor}.video-band__link:hover .video-band__link-icon svg{mix-blend-mode:difference;filter:invert(1)}.video-band__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:6.4rem;height:6.4rem;padding:0;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .2s ease,transform .2s ease}.video-band__play svg{width:2.6rem;height:2.6rem}.video-band__play:hover,.video-band__play:focus-visible{background:#ffffff47;transform:translate(-50%,-50%) scale(1.06)}@media screen and (min-width:750px){.video-band__play{width:7.6rem;height:7.6rem}.video-band__play svg{width:3rem;height:3rem}}@media(prefers-reduced-motion:reduce){.video-band__play{transition:none}.video-band__play:hover,.video-band__play:focus-visible{transform:translate(-50%,-50%)}}.video-band__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:0}.video-band__sound{position:absolute;right:clamp(1.2rem,2vw,2rem);bottom:clamp(1.2rem,2vw,2rem);z-index:3;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;color:#fff;background:#100c0a6b;border:1px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer;transition:background .2s ease}.video-band__sound:hover{background:#100c0aad}.video-band__sound-icon{width:2rem;height:2rem}.video-band__sound [data-sound-on]{display:none}.video-band__sound[aria-pressed=true] [data-sound-on]{display:block}.video-band__sound[aria-pressed=true] [data-sound-muted]{display:none}@media screen and (max-width:749px){.video-band__sound{width:4rem;height:4rem}.video-band__sound-icon{width:1.8rem;height:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-video-band.css.map */