.slogan-hero{width:min(100%,1040px)}
.brand-slogan{width:fit-content;max-width:100%;margin:0 auto 76px;text-align:center;font-size:clamp(30px,4.2vw,56px);font-weight:500;line-height:1.25;letter-spacing:-.035em;color:#d4eee0;text-wrap:balance}
.brand-slogan span{display:inline-block}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .brand-slogan{background:linear-gradient(100deg,#f0f3de 0%,#d7eed9 28%,#a6dfc3 60%,#79cdbb 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
}
@media(forced-colors:active){.brand-slogan{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
@media(max-width:650px){.slogan-hero{max-width:440px}.brand-slogan{margin-bottom:48px;font-size:clamp(28px,7.2vw,42px)}main{padding-top:38px}}