.vera-hero{position:relative;height:var(--hero-height);min-height:520px;overflow:hidden;background:#9f978c}
.vera-hero__image{width:100%;height:100%;object-fit:cover;object-position:center}
.vera-hero__overlay{position:absolute;inset:0;background:rgba(20,23,20,var(--hero-overlay));pointer-events:none}
.vera-hero__content{position:absolute;left:50%;top:var(--hero-y);width:min(var(--content,1800px),calc(100% - (var(--gutter,50px) * 2)));margin:0;transform:translate(-50%,-50%);color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.vera-hero__content.reveal.is-visible{transform:translate(-50%,-50%)}
.vera-hero__content>*{max-width:var(--hero-width)}
.vera-hero--left .vera-hero__content{box-sizing:border-box;padding-left:clamp(28px,2vw,40px)}
.vera-hero--center .vera-hero__content{align-items:center;text-align:center}
.vera-hero--right .vera-hero__content{align-items:flex-end;text-align:right}
.vera-hero--right .vera-hero__content>*{margin-left:auto}
.vera-hero h1{max-width:18ch;font-size:clamp(48px,5.1vw,var(--hero-heading-d));line-height:.96;text-wrap:balance}
.vera-hero__text{max-width:39ch;margin:var(--hero-copy-gap) 0 var(--hero-button-gap);font-size:var(--hero-body);line-height:1.62}
.vera-hero__text p{margin:0}
.vera-hero .eyebrow{color:inherit}
.vera-hero .button{margin-top:0}
@media(max-width:760px){
  .vera-hero{height:var(--hero-height-m);min-height:560px}
  .vera-hero__image{object-position:66% center}
  .vera-hero__content{top:auto;bottom:var(--hero-bottom-m);width:calc(100% - 32px);transform:translateX(-50%)}
  .vera-hero__content.reveal.is-visible{transform:translateX(-50%)}
  .vera-hero--left .vera-hero__content{padding-left:0}
  .vera-hero h1{max-width:12ch;font-size:var(--hero-heading-m);line-height:.98}
  .vera-hero__text{max-width:31ch;margin:var(--hero-copy-gap) 0 var(--hero-button-gap);font-size:max(12px,var(--hero-body));line-height:1.55}
  .vera-hero--center .vera-hero__content,.vera-hero--right .vera-hero__content{align-items:flex-start;text-align:left}
  .vera-hero--right .vera-hero__content>*{margin-left:0}
}