.outdoor-hero { position:relative; min-height:660px; display:flex; align-items:flex-end; overflow:hidden; background:#17221f url('/assets/img/products/outdoor-shade-zipper.webp') center/cover no-repeat; }
.outdoor-hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.outdoor-hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,12,16,.06),rgba(5,12,16,.82)); }
.outdoor-hero-content { position:relative; z-index:1; width:100%; padding-top:130px; padding-bottom:44px; color:#fff; }
.outdoor-hero .eyebrow { color:#e2e7e8; }
.outdoor-hero h1 { color:#fff; max-width:19ch; font-size:clamp(2.2rem,4.6vw,4.3rem); text-transform:uppercase; line-height:1.12; margin-bottom:22px; }
.outdoor-hero-sub { color:#eef0f1; max-width:48ch; font-size:1.05rem; margin-bottom:28px; }
.outdoor-hero-note { color:#d1d6d7; font-size:.7rem; margin-top:24px; margin-bottom:0; }
@media(max-width:600px) { .outdoor-hero { min-height:640px; } .outdoor-hero-content { padding-top:160px; padding-bottom:32px; } .outdoor-hero h1 { font-size:2.25rem; } .outdoor-hero-sub { font-size:.95rem; } }
@media(prefers-reduced-motion:reduce) { .outdoor-hero-video { display:none; } }