/* The existing V2 stylesheet stays unchanged; only restored hero media is scoped here. */
.hero-media [hidden]{display:none!important}
.hero-media{min-width:0}
.hero-media .hero-picture{position:relative;isolation:isolate;aspect-ratio:2.1;max-height:650px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(44,40,36,.35);outline:1px solid rgba(255,255,255,.45);outline-offset:-1px}
.hero-media.arch .hero-picture{aspect-ratio:4/5;max-height:none;border-radius:50% 50% 0 0;box-shadow:0 50px 90px -40px rgba(44,40,36,.45)}
.hero-media .hero-picture [data-hero-scene]{position:absolute;inset:0}
.property-hero>figure.hero-media .hero-picture img,.hero-media.arch .hero-picture img,.hero-media .hero-picture video{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:0;box-shadow:none;outline:0}
.hero-media .hero-picture video{opacity:0;pointer-events:none}
.hero-media .hero-picture video.active{opacity:1}
.hero-media .hero-picture img.video-ready{visibility:hidden}
.hero-media .hero-projects,.hero-media .hero-controls{display:flex;align-items:center;gap:12px;min-width:0;margin-top:12px;flex-wrap:wrap}
.hero-media button{min-width:44px;min-height:44px;padding:8px 16px;border:1px solid var(--line);background:var(--paper);font-size:13px}
.hero-media button[aria-pressed=true]{border-color:#ae9066;background:var(--panel)}
.hero-media [data-hero-timeline]{display:flex;align-items:center;gap:10px;flex:1 1 160px;min-width:0}
.hero-media input[type=range]{min-width:0;width:100%;height:44px;margin:0;accent-color:#ae9066;touch-action:pan-y;cursor:pointer}
.hero-media [data-hero-time]{font-size:12px;white-space:nowrap;color:var(--muted)}
.hero-media .hero-error{font-size:13px;margin-top:12px;color:var(--muted)}
.hero-media input:focus-visible{outline:2px solid #8c6f45;outline-offset:2px}
@media(max-width:700px){.hero-media .hero-picture{aspect-ratio:1.1}.hero-media.arch .hero-picture{aspect-ratio:4/5;max-height:560px}.hero-media [data-hero-time]{font-size:11px}}