.homepage .hero-product .hero-video-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:0;border-radius:inherit;padding:0;background:transparent;cursor:pointer;opacity:1;transition:opacity .2s ease}
.homepage .hero-video-play svg{width:88px;height:62px;filter:drop-shadow(0 4px 18px #0008);transition:transform .2s ease}
.homepage .hero-product .product-screen:hover .hero-video-play,.homepage .hero-product .hero-video-play:focus-visible{opacity:1}
.homepage .hero-video-play:focus-visible{outline:3px solid #8f6ee8;outline-offset:-4px}
.homepage .hero-video-play:hover svg{transform:scale(1.08)}
.homepage .hero-video-player{position:absolute;inset:0;z-index:3;background:#000}
.homepage .hero-video-player iframe{display:block;width:100%;height:100%;border:0}
.homepage .hero-video-close{position:absolute;right:12px;top:12px;z-index:4;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#191919;color:#fff;font:28px/1 sans-serif;cursor:pointer}
.homepage .hero-video-close:hover,.homepage .hero-video-close:focus-visible{background:#460cb6;color:#fff;outline:2px solid #fff;outline-offset:2px}
.homepage .hero-product [hidden]{display:none!important}
@media(hover:none){.homepage .hero-product .hero-video-play{opacity:1}}
@media(prefers-reduced-motion:reduce){.homepage .hero-video-play,.homepage .hero-video-play svg{transition:none}}

.homepage .hero-video-loading{position:absolute;inset:40% 12% auto;text-align:center;color:#fff;z-index:2;pointer-events:none;font-size:16px}
.homepage .hero-video-player iframe{position:relative;z-index:1}
.homepage .hero-video-fallback{position:absolute;bottom:0;left:0;right:0;z-index:2;background:#171121;color:#fff!important;text-align:center;font-size:12px;padding:5px 10px;text-decoration:underline}
.homepage .hero-video-player iframe{height:calc(100% - 28px)}