.vhero{background:#000;border-radius:22px;box-shadow:0 0 0 rgba(0,0,0,.02),0 1px 1px rgba(0,0,0,.04),0 2px 2px rgba(0,0,0,.05),0 3px 4px rgba(0,0,0,.07),0 5px 6px rgba(0,0,0,.09),0 8px 9px rgba(0,0,0,.11),0 10px 12px rgba(0,0,0,.13),0 13px 15px rgba(0,0,0,.14),0 17px 19px rgba(0,0,0,.16),0 21px 24px rgba(0,0,0,.18);cursor:pointer;overflow:hidden;padding-top:49.15%;position:relative;width:100%}.vhero__bg,.vhero__bg-video{inset:0;position:absolute}.vhero__bg-video{display:block;height:100%;object-fit:cover;width:100%}.vhero__overlay{background:rgba(0,0,0,.35);transition:opacity .4s ease;z-index:1}.vhero__overlay,.vhero__player{inset:0;pointer-events:none;position:absolute}.vhero__player{align-items:center;background:#000;display:flex;justify-content:center;opacity:0;transition:opacity .35s ease;z-index:5}.vhero__player-video{object-fit:contain;width:100%}.vhero__play{background:none;border:none;cursor:pointer;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .3s ease;z-index:3}.vhero__play:active,.vhero__play:focus,.vhero__play:hover{background:none;border:none;transform:translate(-50%,-50%) scale(1.1)}.vhero__exit{align-items:center;background:rgba(0,0,0,.5);border:none;border-radius:50%;cursor:pointer;display:none;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:36px;z-index:10}.vhero__exit:hover{background:rgba(0,0,0,.85)}.vhero.is-playing{cursor:default}.vhero.is-playing .vhero__player{opacity:1;pointer-events:auto}.vhero.is-playing .vhero__overlay{opacity:0}.vhero.is-playing .vhero__play{opacity:0;pointer-events:none}.vhero.is-playing .vhero__exit{display:flex}