responsive-media{display:block;min-width:0;position:relative}
.responsive-media__visual,.responsive-media__poster,.responsive-media__poster picture{display:block;width:100%;height:100%}
.responsive-media__visual{position:relative;overflow:hidden;border-radius:inherit}
.responsive-media__poster img,.responsive-media__poster svg{display:block;width:100%;height:100%;object-fit:cover}
.responsive-media__frame,.responsive-media__link{position:absolute;inset:0;display:block;width:100%;height:100%}
.responsive-media__frame{pointer-events:none}
.responsive-media__frame>video{display:none;width:100%;height:100%;object-fit:cover}
responsive-media[data-video-ready] .responsive-media__frame>video{display:block}
.responsive-media__toggle,.responsive-media__comparison-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:24px;background:#fff;color:#1a1c18;border:1px solid rgb(26 28 24 / .18);font:400 13px/20px var(--font-body);cursor:pointer}
.responsive-media__toggle{position:absolute;right:16px;bottom:16px;z-index:3}
.responsive-media__toggle>.icon,.responsive-media__comparison-toggle>.icon{width:14px;height:14px;flex:none}
.responsive-media__toggle[hidden],.responsive-media__comparison-toggle[hidden]{display:none}
.responsive-media__toggle:focus-visible,.responsive-media__comparison-toggle:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
.responsive-media__comparison-toggle{margin-top:16px;margin-left:auto}
.hector-theme .hero__media.responsive-media>.responsive-media__toggle{right:24px;bottom:24px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .hector-theme.hector-motion .case-card__media .responsive-media__visual{transition:transform 240ms var(--ease-out)}
 .hector-theme.hector-motion .case-card:has([data-media-link]):hover .responsive-media__visual{transform:scale(1.035)}
 .hector-theme.hector-motion .case-card:has([data-media-link]):hover .case-card__arrow{transform:translateX(3px)}
}
.hector-theme .case-card:has(:focus-visible) .responsive-media__visual{transform:none!important;transition:none!important}

.responsive-media__toggle[aria-pressed=false]>.icon--play,.responsive-media__comparison-toggle[aria-pressed=false]>.icon--play,.responsive-media__toggle[aria-pressed=true]>.icon--pause,.responsive-media__comparison-toggle[aria-pressed=true]>.icon--pause{display:none}