.nv-hero{
  --nv-bg:#4a7a33; --nv-video-w:60%; --nv-fade:45%;
  --color-white:#fff;
  position:relative; display:flex; align-items:center; overflow:hidden;
  min-height:320px; background:var(--nv-bg);
}
.nv-media{position:absolute; top:0; bottom:0; width:var(--nv-video-w); background-size:cover; background-position:center;}
.nv-side-right .nv-media{right:0}
.nv-side-left .nv-media{left:0}
.nv-video{width:100%; height:100%; object-fit:cover; display:block;}
.nv-fade{position:absolute; inset:0; pointer-events:none;}
.nv-side-right .nv-fade{background:linear-gradient(to right, var(--nv-bg) 0, transparent var(--nv-fade));}
.nv-side-left .nv-fade{background:linear-gradient(to left, var(--nv-bg) 0, transparent var(--nv-fade));}

.nv-content{position:relative; z-index:2; max-width:45%; padding:60px 40px; box-sizing:border-box;}
.nv-side-left .nv-content{margin-left:auto}

.nv-heading{margin:0 0 16px; color:var(--color-white,#fff);
  font-family:"Lora",serif; font-size:40px; font-style:normal; font-weight:400; line-height:50px;}
.nv-heading em{font-family:"Playfair Display",serif; font-style:italic; font-size:40px; font-weight:400; line-height:50px; color:inherit;}

.nv-text{margin:0 0 24px; color:var(--color-sage,#d6e0cc);
  font-family:"DM Sans",sans-serif; font-size:16px; font-style:normal; font-weight:400; line-height:26px;}

.nv-btn{display:inline-block; padding:12px 26px; background:#faf6ee; color:#2f4a22; text-decoration:none;
  font-family:"DM Sans",sans-serif; font-size:14px; font-weight:600; border-radius:2px; transition:.25s;}
.nv-btn:hover{background:#fff; transform:translateY(-1px);}

@media (max-width:767px){
  .nv-hero{flex-direction:column-reverse; align-items:stretch;}
  .nv-media{position:relative; width:100%; height:220px;}
  .nv-fade{display:none}
  .nv-content{max-width:100%; padding:30px 20px;}
  .nv-heading,.nv-heading em{font-size:30px; line-height:38px}
  .nv-hide-mobile .nv-video{display:none}
}