.hero{display:block;position:relative;isolation:isolate;overflow:hidden;background:#1d1a17}
.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url('images/hero.jpg') center 18%/cover no-repeat;transform:scaleX(-1)}
.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,14,12,.8) 0%,rgba(18,14,12,.55) 38%,rgba(18,14,12,.05) 72%)}
.hero-copy{max-width:640px}
.hero h1{color:#f8f3e9}
.hero h1 em{color:#eaa793}
.hero .eyebrow{color:#e8ddca}
.hero .intro{color:#e9e2d5}
.hero-note,.hero-note p{color:#e8ddca}
.gallery-photo{min-height:100%;overflow:hidden;background:var(--sand)}
.gallery-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:750px){
  .hero{display:flex;align-items:flex-end}
  .hero::before{background-position:center top}
  .hero::after{background:linear-gradient(180deg,rgba(18,14,12,.05) 0%,rgba(18,14,12,.35) 35%,rgba(18,14,12,.85) 100%)}
  .hero-copy{max-width:none;padding:14rem 7vw 4rem}
  .gallery-photo{min-height:280px}
}