.hero{display:flex;&.hero--has-video{--preheader-color:var(--white);--height:calc(100vh - 90px);align-items:center;height:var(--height);position:relative;z-index:0;&.hero--center{justify-content:center;text-align:center;& .btn-group{justify-content:center}}.dnd-section:has(&){padding-block:0!important}@media (max-width:1050px){--height:calc(100vh - 81px)}@media (max-width:820px){--height:calc(100vh - 70px)}}&.hero--has-image{align-items:center;gap:var(--spacing-12x);&.hero--vertical{flex-direction:column;text-align:center;& .btn-group{justify-content:center}}&.hero--horizontal{justify-content:space-between;& .hero__body{flex:0 1 588px}& .hero__image{flex:0 1 631px;max-width:631px}@media (max-width:1050px){flex-direction:column;& .hero__body{flex:none}& .hero__image{flex:none;max-width:100%}}}.dnd-section:has(&.hero--light){padding-block:var(--spacing-12x) 0}.dnd-section:has(&.hero--dark){padding-block:var(--spacing-12x) var(--spacing-24x)}}}.hero__video{height:100%;inset:0 auto auto 50%;position:absolute;transform:translateX(-50%);width:100vw;z-index:-1;&:before{background:rgba(0,0,0,var(--video-opacity));content:"";inset:0 auto auto 0;position:absolute}& video,&:before{height:100%;width:100%}& video{display:block;object-fit:cover;z-index:-1}}.preheader.hero__preheader{color:var(--preheader-color)!important;margin-bottom:var(--spacing-5x)}.hero__heading{margin-bottom:var(--spacing-4x);max-width:var(--content-width)}.hero__description{margin-bottom:var(--spacing-8x);max-width:var(--content-width)}.hero__image{border-radius:var(--radius-md)}