.about[data-astro-cid-cxh435ce]{background:var(--clr-primary-800);color:var(--clr-neutral-100);padding-block:var(--size-11);& .inner{align-items:center;gap:var(--size-10);display:flex;& .content{gap:var(--size-3);flex:1;display:grid;& h2{color:var(--clr-neutral-100)}& .body-text{font-size:var(--fs-500);line-height:var(--lh-400);color:var(--clr-primary-100)}& .subheading{font-size:var(--fs-600);font-family:var(--ff-header);color:var(--clr-neutral-100);margin-block-start:var(--size-1)}& .feature-list{gap:var(--size-3);margin:0;padding:0;list-style:none;display:grid;& .feature-item{gap:var(--size-3);align-items:flex-start;display:flex;& .icon-wrap{border-radius:var(--border-radius-btn);padding:var(--size-1);background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;& svg{width:2.4rem;height:2.4rem;color:var(--clr-neutral-100)}}& .feature-text{gap:.4rem;display:grid;& strong{font-size:var(--fs-400);font-weight:var(--fw-bold);color:var(--clr-neutral-100)}& p{font-size:var(--fs-400);line-height:var(--lh-400);color:var(--clr-primary-100);opacity:.85}}}}}& .image-wrap{border-radius:var(--border-radius-card);flex-shrink:0;width:44%;overflow:hidden;box-shadow:2px 6px 4px #af8d5a73;& img{object-fit:cover;aspect-ratio:15/16;width:100%;height:100%;display:block}}}@media (width<=1024px){& .inner{gap:var(--size-6);& .image-wrap{width:40%}}}@media (width<=870px){padding-block:var(--size-8);& .inner{flex-direction:column;& .image-wrap{width:100%}}}}.approach[data-astro-cid-hblmkmag]{background:var(--clr-neutral-100);padding-block:var(--size-11);& .header{gap:var(--size-2);margin-block-end:var(--size-6);display:grid;& h2{font-size:var(--fs-800);line-height:1.2}& .lead{font-size:var(--fs-500);line-height:var(--lh-400);color:var(--clr-primary-800)}}& .card-grid{gap:var(--size-3);grid-template-columns:1fr 1fr;display:grid;& .card{border-radius:var(--border-radius-btn);padding:var(--size-5);gap:var(--size-2);background:#e6e7ea40;border:1px solid #cdcfd680;display:grid;& .icon-wrap{border-radius:var(--border-radius-btn);width:4rem;height:4rem;padding:var(--size-1);background:#e5c89b66;justify-content:center;align-items:center;display:flex;& svg{width:2.4rem;height:2.4rem;color:var(--clr-secondary-900)}}& h3{font-size:var(--fs-600);font-weight:var(--fw-semi-bold);color:var(--clr-primary-800);font-family:var(--ff-base)}& p{font-size:var(--fs-500);line-height:var(--lh-400);color:var(--clr-primary-800)}}}@media (width<=768px){padding-block:var(--size-8);& .card-grid{grid-template-columns:1fr}}}.buttons-wrapper[data-astro-cid-xhpsl4rn]{gap:var(--size-1);flex-wrap:wrap;display:flex}.personal-story[data-astro-cid-33eksyvs]{background:var(--clr-neutral-100);padding-block:var(--size-11);& .inner{gap:var(--size-10);align-items:flex-start;display:flex;& .content{gap:var(--size-3);flex:1;display:grid;& h2{font-size:var(--fs-800);line-height:1.2}& .body-text{font-size:var(--fs-500);line-height:var(--lh-400)}& blockquote{border-left:3px solid var(--clr-secondary-900);margin:0;padding-inline-start:var(--size-3);& p{font-family:var(--ff-header);font-style:italic;font-size:var(--fs-600);color:var(--clr-primary-900);line-height:1.4}}& .author{font-size:var(--fs-500);color:var(--clr-primary-900)}}& .visuals{gap:var(--size-3);flex-direction:column;flex-shrink:0;width:46%;display:flex;& .image-wrap{border-radius:var(--border-radius-card);overflow:hidden;box-shadow:2px 6px 4px #07133373;& img{object-fit:cover;aspect-ratio:4/3;width:100%;height:100%;display:block}}& .milestone-grid{gap:var(--size-2);grid-template-columns:1fr 1fr;display:grid;& .milestone-card{border-radius:var(--border-radius-btn);padding:var(--size-2);background:#d8d8d8;border:1px solid #b2b2b2;gap:.6rem;display:grid;& .milestone-label{font-size:var(--fs-600);font-weight:var(--fw-semi-bold);color:var(--clr-primary-800)}& .milestone-sub{font-size:var(--fs-400);color:var(--clr-primary-800)}&.highlight{border-color:var(--clr-secondary-700);background:0 0;& .milestone-label{color:var(--clr-secondary-900)}}}}}}@media (width<=1024px){& .inner{gap:var(--size-6);& .visuals{width:42%}}}@media (width<=870px){padding-block:var(--size-8);& .inner{flex-direction:column;& .visuals{width:100%}}}}
