/* Hero-only overrides. The card stack and global styles are intentionally untouched. */
@media(max-width:767px) and (orientation:portrait){
.hero{height:190svh!important;min-height:1000px;background:#080808}
.hero-pin{height:100svh;min-height:0;position:sticky;top:0;isolation:isolate;background:#080808}
.hero-pin video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:50% 50%;max-width:none;background:#080808;z-index:0}
.hero-caption{z-index:2;bottom:max(13%,env(safe-area-inset-bottom));left:6%;right:auto;max-width:76%;}
.scroll-hint{z-index:2}
}
@media (max-width:767px) and (orientation:portrait) and (prefers-reduced-motion:reduce){.hero{height:100svh!important}}