:root{--hero-background:var(--color-transparent);--hero-color:var(--color-white);--hero-min-height:max(40rem,55vh);--hero-max-height:55rem;--hero-max-width:58rem}.hero{background:var(--hero-background);color:var(--hero-color);display:flex;flex-direction:column;position:relative;z-index:0;&.hero-large{padding-bottom:calc(var(--padding-y)*1);padding-top:calc(var(--padding-y)*2)}&.hero-small{padding-bottom:calc(var(--padding-y)*1);padding-top:calc(var(--padding-y)*2);@media (min-width:1600px){padding-top:calc(var(--padding-y)*1.5)}}}.hero-wrapper{align-items:center;display:flex;flex-direction:column;gap:3rem;height:100%;width:100%;@media (min-width:768px){flex-direction:row-reverse;justify-content:flex-end}}.hero-content{flex:1 1 0;max-width:1040px;position:relative;z-index:2;@media (min-width:768px){flex-basis:50%}}.hero-media{flex:1 1 0;@media (min-width:768px){align-items:flex-start;flex-basis:50%}}.hero-content-wrapper{.hero-large &{display:flex;flex-direction:column;gap:2rem}.hero-small &{display:flex;flex-direction:column;gap:2rem;&>*{flex:1 1 0}}}.hero-title{animation:none;margin-bottom:1rem;max-width:1000px}.hero-text{max-width:800px}.hero-button{& .btn{margin-top:0}}.hero-meta{align-items:center;display:flex;gap:2rem;margin-bottom:3rem;& p{margin-bottom:0!important}}.hero-icon{align-items:center;display:flex;gap:.5rem}