.hero__section{.header{align-items:center;color:var(--light);display:flex;font-weight:600;gap:1rem;height:89px;justify-content:space-between;left:0;padding:12px 32px;position:absolute;position:fixed;top:0;width:100%;z-index:300;&.scrolled{background-color:var(--dark-green);box-shadow:0 2px 4px rgba(0,0,0,.1)}a{font-size:var(--font-lg);transition:opacity .3s ease}a:hover{opacity:.8}.header__sides{width:25%}nav.header__sides{align-items:center;display:flex;gap:1rem;justify-content:flex-start}.header__logo__desktop,.header__logo__mobile{display:none;font-family:Unbounded,sans-serif;font-size:var(--font-3xl);font-weight:800;text-transform:uppercase}&.scrolled .header__logo__desktop{display:block}}.hero{align-items:center;background-position:top;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;.hero__banner{position:absolute;right:0;top:0;z-index:2}.hero__banner-mobile{display:none}&:after{background-color:#000;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero__content{gap:32px;height:calc(var(--vh, 1vh)*100);padding-inline:20px;position:relative;z-index:2}.hero__heading{display:flex;flex-direction:column;gap:20px;gap:clamp(16px,1vw + 1rem,32px)}.hero__title{font-size:clamp(38px,7vw + .51rem,220px);line-height:1}.hero__subtitle{font-size:var(--font-3xl);font-size:clamp(20px,2vw + .5rem,60px);line-height:1.25}.hero__description{font-size:var(--font-xl);max-width:50%;opacity:.8}.cta-1{background-color:var(--dark-green);font-size:var(--font-xl);font-weight:500;padding:16px 24px;transition:background-color .3s ease;width:fit-content}.cta-1:hover{background-color:var(--light-green)}}}@media screen and (max-width:768px){.hero__section{.header{height:74px;&.scrolled{flex-direction:row-reverse;nav.header__sides{justify-content:flex-end}}nav{&.header__sides{width:100%}a{font-size:var(--font-md)}}.blank,.header__logo__desktop{display:none!important}&.scrolled .header__logo__mobile{display:block;font-size:var(--font-2xl)}}.hero{.hero__banner{height:240px;width:auto}.hero__banner-mobile{left:0;position:absolute;top:0;z-index:2}.hero__description{font-size:var(--font-md);max-width:70%}.cta-1{font-size:var(--font-md);padding:12px 16px}}}}