.hero-vsl{width:100%;min-width:0}.hero-vsl-box{aspect-ratio:16/9;border:1px solid var(--border);width:100%;box-shadow:var(--shadow-card);background:var(--video-background);border-radius:20px;position:relative;overflow:hidden}.hero-vsl-facade{background:var(--background);border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.hero-vsl-facade picture,.hero-vsl-facade img,.hero-vsl video{object-fit:cover;width:100%;height:100%;display:block}.hero-vsl video{object-fit:contain}.hero-vsl-play{border:1px solid var(--border);background:var(--background);width:max-content;max-width:calc(100% - 24px);color:var(--foreground);box-shadow:var(--shadow-card);border-radius:100px;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-size:14px;font-weight:600;transition:transform .18s;display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.hero-vsl-play-circle{background:var(--primary);width:40px;height:40px;color:var(--primary-foreground);border-radius:50%;flex:none;place-items:center;transition:background .18s;display:grid}.hero-vsl-facade:hover .hero-vsl-play,.hero-vsl-facade:focus-visible .hero-vsl-play{transform:translate(-50%,-50%)scale(1.04)}.hero-vsl-facade:hover .hero-vsl-play-circle,.hero-vsl-facade:focus-visible .hero-vsl-play-circle{background:var(--primary-hover)}.hero-vsl-facade:focus-visible{outline-offset:-4px}.hero-vsl-short{display:none}.hero-vsl-end{background:var(--video-backdrop);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.hero-vsl-replay{color:var(--dark-ink);min-height:44px}.hero-vsl-replay:hover{background:var(--dark);color:var(--dark-ink)}@media (width<=479px){.hero-vsl-play{gap:8px;padding:6px 12px 6px 6px;font-size:12px}.hero-vsl-play-circle{width:32px;height:32px}.hero-vsl-long{display:none}.hero-vsl-short{display:inline}}