.campaign-video-hero{padding-top:clamp(2rem,3vw,3.6rem);padding-bottom:clamp(2.4rem,3vw,4rem);color:var(--bone)}.campaign-video-hero__title{width:min(100%,88rem);margin:0 auto clamp(1.6rem,2vw,2.4rem);font-family:var(--font-display);font-size:clamp(4rem,6vw,7.2rem);font-weight:700;line-height:.95;letter-spacing:-.035em;text-align:center}.campaign-video-hero__card{position:relative;isolation:isolate;width:min(100%,88rem);height:clamp(28rem,36vw,42rem);margin-inline:auto;overflow:hidden;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:#090909;box-shadow:0 2.4rem 6rem #0000003d}.campaign-video-hero__media,.campaign-video-hero__media:after{position:absolute;top:0;right:0;bottom:0;left:0}.campaign-video-hero__media:after{content:"";background:#0000001a}.campaign-video-hero__video,.campaign-video-hero__image{width:100%;height:100%;object-fit:cover;object-position:center}.campaign-video-hero__play{position:absolute;top:50%;left:50%;z-index:1;display:grid;width:clamp(6.4rem,9vw,9.6rem);height:clamp(6.4rem,9vw,9.6rem);place-items:center;border:1px solid rgb(255 255 255 / 42%);border-radius:50%;background:#0000008c;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1.2rem 3rem #0000004d;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.campaign-video-hero__play-icon{width:0;height:0;margin-left:.5rem;border-top:1.1rem solid transparent;border-bottom:1.1rem solid transparent;border-left:1.8rem solid #fff;transition:border-left-color .18s ease}.campaign-video-hero__card:hover .campaign-video-hero__play{border-color:var(--signal);background-color:var(--signal);box-shadow:0 1.2rem 3.6rem #d9a90057;transform:translate(-50%,-50%) scale(1.07)}.campaign-video-hero__card:hover .campaign-video-hero__play-icon{border-left-color:var(--ink)}@media screen and (max-width:749px){.campaign-video-hero__card{height:clamp(27rem,80vw,34rem)}.campaign-video-hero__media:after{background:linear-gradient(0deg,#000000b8,#0000000d 65%,#0000002e)}.campaign-video-hero__title{font-size:clamp(3.8rem,12vw,5.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/campaign-video-hero.css.map */