.video-section-wrapper{background:var(--color-background);color:var(--color-foreground);width:100%}.video-section__inner{width:100%}.video-section__container{grid-column:2;display:flex;flex-direction:column;gap:1.5rem}.video-section__header{text-align:center}.video-section__heading{margin:0;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.2;color:var(--color-foreground-heading)}.video-section__player-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--video-corner-radius, 1.5rem);background:var(--gradient-background-2);isolation:isolate;box-shadow:0 20px 50px #2a201a14}.video-section__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1);z-index:1}.video-section__player-container:hover .video-section__cover{transform:scale(1.02)}.video-section__placeholder-svg{width:100%;height:100%;display:block;background-color:#f2f2f2}.video-section__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#2a201a0d,#2a201a40);transition:opacity .3s ease}.video-section__play-button.button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:clamp(4.5rem,10vw,5.5rem);height:clamp(4.5rem,10vw,5.5rem);border-radius:50%;padding:0;cursor:pointer;box-shadow:0 10px 30px #2a201a40;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .4s ease}.video-section__play-button.button svg{width:1.5rem;height:1.5rem;fill:currentColor;margin-left:.25rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.video-section__player-container:hover .video-section__play-button.button{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 15px 35px #2a201a59}.video-section__player-container:hover .video-section__play-button.button svg{transform:scale(1.1)}.video-section__player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-video.css.map */