.about-page{position:relative;width:100%;height:100%;min-height:100svh;background-color:var(--color-brand-foreground)}.hero{width:100%;height:60svh;padding:2rem;background-color:var(--base-200)}.blockquote,.hero{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.blockquote{width:70%;height:50svh;padding:3rem;background-color:color-mix(in srgb,#20b0ba 18%,transparent);flex-direction:column;gap:.5rem;margin:0 auto;border-radius:1.5rem}.blockquote-fill{position:absolute;inset:0;background:#20b0ba;z-index:1}.blockquote blockquote{position:relative;z-index:2;margin:0;padding:2.2rem 2.4rem}.blockquote-quote-icon{position:absolute;display:inline-flex;color:color-mix(in srgb,var(--color-brand) 65%,transparent);line-height:1;pointer-events:none}.blockquote-quote-icon svg{width:clamp(1.5rem,2.5vw,2.25rem);height:clamp(1.5rem,2.5vw,2.25rem)}.blockquote-quote-icon.quote-start{top:.1rem;left:.2rem}.blockquote-quote-icon.quote-end{right:.2rem;bottom:.1rem}.blockquote blockquote p{font-family:var(--font-sans);font-weight:900;font-size:clamp(1.2rem,1.5vw,1.8rem);color:var(--color-brand-foreground)}.outro{position:relative;width:70%;height:120svh;padding:2rem;background-color:var(--base-200);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;gap:2rem;margin:0 auto}.outro img{width:50%;border-radius:1.5rem}.outro h3{color:var(--color-primary);width:50%;text-wrap:balance}.outro p{font-size:clamp(1rem,calc(.909rem + .455vw),1.25rem);width:60%;margin:0 auto}.outro h2{color:var(--color-primary);width:80%;text-wrap:balance;text-align:center}.about-content-tail{width:100%;padding:4rem 2rem 2rem;display:flex;justify-content:center;align-items:center;text-align:center}.about-content-tail h3{width:60%;margin:0;color:var(--color-brand)}.spotlight img{width:100%;height:100%;object-fit:cover;border-radius:2rem}.hero h1,.outro h3{width:60%;text-align:center}.hero h1{font-size:6vw;color:var(--color-brand)}.spotlight{width:100%;height:100%;padding:2rem;flex-direction:column;gap:10rem;overflow:hidden}.spotlight,.spotlight .row{position:relative;display:flex}.spotlight .row{z-index:2;justify-content:center;gap:2rem}.spotlight .row .col{flex:1;display:flex;flex-direction:column;justify-content:center}.spotlight .row .col h2{color:var(--color-brand);font-size:clamp(1.6rem,2.3vw,3rem)}.spotlight .row .col p{font-size:1.1rem}.spotlight .img.first{width:55%}.img.third,.spotlight .img.second{width:60%;margin-left:auto;margin-right:auto}.spotlight .img.fourth img{width:40%!important;margin-left:auto;margin-right:auto}.spotlight .card{width:75%;margin:0 auto;padding:3rem;background-color:var(--base-200);border-radius:1rem;display:flex;flex-direction:column;gap:1rem}.spotlight .svg-path{position:absolute;top:25svh;left:50%;transform:translateX(-50%);width:90%;height:100%;z-index:1;pointer-events:none}.spotlight .svg-path svg{width:100%;height:auto}#stroke-path{opacity:0}@media (max-width:1000px){.about-content-tail h3,.hero h1,.outro h3{width:100%}.hero h1{font-size:3rem}.hero{height:45svh}.about-content-tail{padding:2rem 1rem 1rem}.spotlight{gap:5rem}.spotlight .row{flex-direction:column}.spotlight .img{width:100%}.spotlight .img.first,.spotlight .img.second,.spotlight .img.third{width:100%!important}.spotlight .img.fourth img{width:150%!important;margin:0 auto}.spotlight .img.third{display:none}.spotlight .card{width:100%}.spotlight .svg-path{display:none}.blockquote blockquote p{font-size:1.2rem;color:var(--color-brand-foreground)}.blockquote{width:90%;height:fit-content;padding:1.5rem}.blockquote blockquote,.outro{padding:1rem}.outro{width:95%;height:100svh}.outro img{width:100%}}