body:has(.studio-hero--video) main{padding-top:var(--hero-header-space, 122px)}.studio-hero.studio-hero--video{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,76px);align-items:center;min-height:0;padding-block:clamp(20px,3svh,40px) 40px}.studio-hero--video .studio-hero-copy{grid-column:1;grid-row:1}.studio-hero-video-media{position:relative;grid-column:2;grid-row:1;justify-self:center;width:min(100%,510px,54svh);aspect-ratio:3 / 4;isolation:isolate}.studio-hero-video-fade{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 87%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 87%,transparent);mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.studio-hero-video-poster,.studio-hero-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;mix-blend-mode:normal}.studio-hero-video{opacity:0;transition:opacity .22s ease}[data-video-ready=true] .studio-hero-video{opacity:1}[data-video-failed=true] .studio-hero-video{opacity:0}.studio-hero-video-toggle{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e0d5f3;border-radius:50%;color:var(--studio-accent);background:#fff;box-shadow:0 4px 18px #3d255514;cursor:pointer}.studio-hero-video-toggle[hidden]{display:none}.studio-hero-video-toggle:hover{background:#f4efff}.studio-hero-video-toggle:focus-visible{outline:2px solid var(--studio-accent);outline-offset:4px}.studio-hero-video-toggle svg{width:19px;height:19px}.hero-video-icon-play{fill:currentColor}.hero-video-icon-pause{fill:none;stroke:currentColor;stroke-width:2;display:none}[data-video-playing=true] .hero-video-icon-play{display:none}[data-video-playing=true] .hero-video-icon-pause{display:block}.studio-hero-video-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px)and (min-width:750px){body:has(.studio-hero--video) main{padding-top:var(--hero-header-space, 114px)}.studio-hero.studio-hero--video{gap:22px}.studio-hero--video h1{font-size:clamp(72px,9vw,94px)}}@media(max-width:749px){body:has(.studio-hero--video) main{padding-top:var(--hero-header-space, 96px)}.studio-hero.studio-hero--video{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:0;padding-bottom:28px}.studio-hero-video-media{order:0;align-self:center;width:min(100%,360px,57svh);margin:0;flex:none}.studio-hero--video .studio-hero-copy{order:1}.studio-hero-video-fade{-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 90%,transparent)}.studio-hero-video-toggle{right:2px;bottom:2px}}@media(prefers-reduced-motion:reduce){.studio-hero-video{transition:none}}.no-js body:has(.studio-hero--video) main{padding-top:20px}
/*# sourceMappingURL=/cdn/shop/t/41/assets/studio-hero-video-v20.css.map */