/* V12 — homepage hero video, performance-aware and mobile-first */
body[data-design-version="12"] .hero-visual--video{position:relative}
body[data-design-version="12"] .hero-house--video{position:relative;overflow:hidden;background:#17343b}
body[data-design-version="12"] .hero-house--video::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,22,27,.03) 0%,rgba(5,22,27,.02) 56%,rgba(5,22,27,.28) 100%)}
body[data-design-version="12"] .hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.03) contrast(1.025);background:#17343b}
body[data-design-version="12"] .hero-house--video>figcaption{z-index:3}
body[data-design-version="12"] .hero-video-toggle{position:absolute;z-index:4;right:16px;bottom:16px;min-height:42px;padding:9px 12px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(10,38,45,.66);backdrop-filter:blur(10px);color:#f5fbf8;display:inline-flex;align-items:center;gap:8px;font:600 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.02em;box-shadow:0 8px 24px rgba(5,22,27,.18)}
body[data-design-version="12"] .hero-video-toggle:hover{background:rgba(10,38,45,.78)}
body[data-design-version="12"] .hero-video-toggle__play{display:none;font-size:11px}
body[data-design-version="12"] .hero-video-toggle[aria-pressed="true"] .hero-video-toggle__pause{display:none}
body[data-design-version="12"] .hero-video-toggle[aria-pressed="true"] .hero-video-toggle__play{display:inline}
body[data-design-version="12"] .hero-video-toggle:focus-visible{outline:3px solid #bddd78;outline-offset:3px}

/* Mobile: poster only, no remote 4K download. */
@media(max-width:767px){
 body[data-design-version="12"] .hero-house--video{height:clamp(330px,88vw,470px)}
 body[data-design-version="12"] .hero-video{object-position:center center}
 body[data-design-version="12"] .hero-video-toggle{display:none!important}
}
@media(min-width:768px){
 body[data-design-version="12"] .hero-house--video{min-height:560px}
}
@media(prefers-reduced-motion:reduce){
 body[data-design-version="12"] .hero-video-toggle{display:none!important}
}