/* Portrait footage becomes a quiet background, with a readable cream text area. */
body #main .reel-hero{position:relative;isolation:isolate;overflow:hidden;padding:90px 0 100px;min-height:680px;background:#fdfbf7;border-bottom:1px solid #ded5c7}
.hero-video-background{position:absolute;z-index:-2;inset:0 0 0 48%;background:#e5e0d7}
.hero-video-background video{width:100%;height:100%;object-fit:cover;object-position:center 62%;display:block}
.reel-hero:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#fdfbf7 0%,#fdfbf7 43%,rgba(253,251,247,.96) 49%,rgba(253,251,247,.6) 59%,rgba(253,251,247,.06) 76%)}
.reel-hero-copy{max-width:620px;width:54%}
body #main .reel-hero h1{font-size:clamp(2.5rem,3.6vw,3.7rem);line-height:1.08;letter-spacing:-.035em;margin:18px 0 24px}
body #main .reel-hero h1 em{color:#a61c1c;font-style:normal}
body #main .reel-hero-copy .hero-hook{font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:700;line-height:1.35;color:#222;margin:0 0 22px}
body #main .reel-hero-copy .lead{font-size:clamp(1.08rem,1.5vw,1.22rem);line-height:1.65;color:#222;margin-bottom:28px;max-width:550px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}


@media(max-width:900px){body #main .reel-hero{padding:60px 0 90px;min-height:620px}.reel-hero-copy{width:65%}.reel-hero:after{background:linear-gradient(90deg,#fdfbf7 25%,rgba(253,251,247,.97) 48%,rgba(253,251,247,.65) 68%,rgba(253,251,247,.2))}}
@media(max-width:600px){body #main .reel-hero{padding:44px 0 54px;min-height:0}.hero-video-background{inset:0}.hero-video-background video{object-position:center 60%}.reel-hero:after{background:rgba(253,251,247,.92)}.reel-hero-copy{width:100%;max-width:none}body #main .reel-hero h1{font-size:clamp(2.1rem,8vw,2.9rem)}.hero-actions{gap:20px}.hero-actions .button{width:100%}}