:root{--padding-horizontal:4.7vw;--padding-top:3rem}
.header.header--compact{box-shadow:none}
.blue-bkg{background:rgba(34,50,66,.5)}
.main{position:relative;width:100%;overflow:hidden}
.main::after{content:"";position:fixed;inset:0;width:100%;height:100vh;background-image:url("../img/bg/art-line.svg");background-repeat:no-repeat;background-position:right 0;background-size:70vh;opacity:.2;pointer-events:none;z-index:0}
.section,.footer{position:relative;z-index:1}
.section{padding:var(--padding-top) var(--padding-horizontal);width:100%}
.body__row{display:flex;gap:2rem;align-items:center;width:100%;flex-direction:column}
.hero.section{padding-top:7rem}
.hero__inner{max-width:100%;margin:0 auto 0 0}
.hero__title{font-size:clamp(34px,3.73vw,56px);color:var(--color-brand);font-weight:700}
.hero__subtitle{margin:1.6rem auto;font-size:clamp(22px,3vw,32px);font-weight:500}
.hero__lead{margin:.5rem 0;font-size:clamp(14px,1.33vw,1rem)}
.eyebrow{margin:0 0 1.1rem;font-size:1.1rem;letter-spacing:.18rem;text-transform:uppercase}
.body__title{font-size:1.6rem;font-weight:700;position:relative;width:max-content;max-width:100%;margin-bottom:2rem}
.body__title::before{content:'';position:absolute;left:0;bottom:0;width:50%;height:.125rem;background-color:var(--color-brand)}
.body__content{max-width:100%}
.body__media{display:inline-flex;height:100%;max-width:100%;min-width:250px;position:relative;border-radius:.25rem;overflow:hidden;margin:0;padding:0}
.body__img{display:block;width:auto;height:100%;max-height:28rem;object-fit:cover}
.body__picture{display:block;height:100%;max-height:100%}
.body__picture .body__img{height:100%}
.image-shadow{position:relative}
.image-shadow::after{content:"";position:absolute;inset:0;border-radius:.25rem;background:rgba(34,50,66,.22);pointer-events:none}
.for-you__icon{display:block;flex:0 0 auto;color:currentColor;width:1.25rem;height:1.25rem}
.for-you__icon use{pointer-events:none}
.for-you__lead{font-weight:600;margin:2rem 0 1rem;font-size:clamp(16px,1.33vw,1.1rem)}
.for-you__list{display:grid;gap:.625rem;margin:0;padding-left:.5rem;list-style:none}
.for-you__item{display:flex;align-items:flex-start;gap:.75rem;font-size:clamp(14px,1.33vw,1rem)}
.for-you__copy{display:grid;gap:.5rem;margin-top:1.5rem;font-size:clamp(14px,1.33vw,1rem)}
.meet__copy{max-width:100%}
.meet__copy p{margin:.5rem 0;font-size:clamp(14px,1.33vw,1rem)}
.future__copy p{margin-bottom:0.5rem;font-size:clamp(14px,1.33vw,1rem)}
.future__list{list-style:square;padding-left:2rem;margin:1rem 0;display:grid;gap:.625rem;font-size:clamp(14px,1.33vw,1rem)}
.section--light{background:var(--color7);color:#223242}
.community-cta{padding:4rem 2rem 2rem}
.community-cta__inner{text-align:center}
.btn--primary{margin:1rem auto}
.btn--primary:hover,.btn--primary:active{background:transparent}
.faq-wrap{width:max-content;max-width:100%;display:flex;flex-wrap:wrap;margin:1rem auto 0;font-size:14px}
.faq-link{margin:0 auto;color:var(--color16);text-decoration:underline;display:block;padding:.5rem 1rem;width:max-content;text-underline-offset:.2em;font-weight:600}
.faq-link:hover,.faq-link:focus,.faq-link:focus-visible,.faq-link:active{opacity:.7}
@media (min-width:750px){
.main::after{opacity:.8}
.body__row{flex-direction:row;justify-content:space-between}
.body__row--reverse .body__media{order:1}
.body__row--reverse .body__content{order:2;padding-right:3rem}
.body__row--reverse .body__content p{max-width:70ch}
.for-you__list{padding-left:1rem}
.for-you__item{align-items:center}
}
@media (min-width:960px){
.meet.body__row{display:flex;align-items:stretch;gap:2rem}
/* .meet .body__content{flex:1 1 0;min-width:0} */
.meet .body__media{flex:0 0 auto;height:auto;align-self:stretch}
.meet .body__img{display:block;height:100%;width:auto;max-height:100%}
}
@media (min-width:992px){
.body__title{font-size:2.25rem}
.hero__inner{max-width:69ch}
.meet__copy{max-width:80ch}
}
@media (min-width:1200px){.section{width:90%}}
@media (min-width:750px) and (max-width:1600px){.meet .body__content{flex:1 1 0;min-width:0}}
@media (min-width:1600px){
.section{width:80%}
.hero.body__row{padding-top:8rem}
.section p{font-size:1.2rem}
.hero__title{font-size:3rem}
.section .hero__subtitle{font-size:2rem}
.hero__lead{font-size:1.3rem}
.body__media{height:26rem}
}