.hero{isolation:isolate;overflow:hidden;background:#26352d}
.hero::before{content:"";display:block;position:absolute;z-index:-3;inset:-45px;background:url('/hero-wide.webp') center/cover no-repeat;filter:blur(28px);transform:scale(1.08)}
.hero::after{content:"";display:block;position:absolute;z-index:-2;inset:0;background:url('/hero-wide.webp') center/contain no-repeat}
.hero__portrait{display:none}
.hero__veil{z-index:0;background:linear-gradient(90deg,rgba(16,25,20,.08) 22%,rgba(16,25,20,.26) 58%,rgba(16,25,20,.62) 100%)}
.nav{z-index:3}
.hero__content{z-index:2;align-items:flex-end;text-align:right;justify-content:center;padding:110px clamp(42px,7vw,140px) 70px}
.hero__content{align-items:center;text-align:center}
.hero h1{max-width:900px;margin:0 0 30px;font-size:clamp(68px,7.2vw,122px);line-height:.9;letter-spacing:-.025em;text-wrap:balance;text-shadow:0 2px 25px rgba(12,20,16,.2)}
.hero h1 i{display:inline-block;margin:0 .08em;color:#ead8ce}
.hero .date{margin-bottom:26px}
.scroll{margin-top:0}

@media(max-width:900px){
  .hero::after{background-position:center;background-size:contain}
  .hero__veil{background:linear-gradient(180deg,rgba(16,25,20,.18),rgba(16,25,20,.12) 38%,rgba(16,25,20,.72) 100%)}
  .hero__content{align-items:center;justify-content:flex-end;text-align:center;padding:110px 22px 48px}
  .hero h1{font-size:clamp(52px,12vw,86px);line-height:.92;margin-bottom:20px}
  .hero .date{margin-bottom:18px}
}