/*! catalystui.org.www.client vundefined | (c) 2026 CatalystUI LLC | All rights reserved. */

.about-section{padding:clamp(3.5em,8vh,7em) clamp(1.25em,5vw,4em);width:100%;max-width:none;margin:0;box-sizing:border-box}.about-section+.about-section{border-top:1px solid var(--color-shade-light2)}.about-section-heading{width:min(100%,760px);margin:0 auto clamp(2.5em,6vw,5em);text-align:center}.about-section-heading>.title{margin:.15em 0 .45em}.about-section-heading>p:last-child{margin:0;color:var(--color-shade-dark1);line-height:1.65}.about-eyebrow{margin:0;color:#4b9633;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.about-logo-frame{padding:clamp(2.5em,6vw,5em);width:min(100%,1120px);min-height:clamp(260px,42vw,480px);margin:0 auto;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;border:1px solid var(--color-shade-light2);border-radius:clamp(26px,4vw,52px);background:radial-gradient(circle at 20% 20%, rgba(75, 150, 51, 0.16), transparent 38%),radial-gradient(circle at 80% 80%, rgba(51, 75, 148, 0.14), transparent 42%),var(--color-shade-light1);box-shadow:0 20px 55px rgba(0,0,0,.08)}.about-logo{width:min(100%,720px);max-height:210px;filter:drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12))}.about-logo>img{display:block;width:100%;height:auto;max-height:210px;object-fit:contain}html:not([data-theme=dark]) .about-logo-on-dark,html[data-theme=dark] .about-logo-on-light{display:none}#about-story{background-color:var(--color-shade-light1)}#about-content{padding:clamp(1.75em,5vw,3.5em);width:min(100%,960px);margin:0 auto;box-sizing:border-box;border:1px solid var(--color-shade-light2);border-radius:26px;background-color:var(--color-shade-white);box-shadow:0 14px 38px rgba(0,0,0,.06);font-size:clamp(1rem,.3vw + .95rem,1.1rem);line-height:1.75}#about-content>p{margin:0;padding:0 0 1.75em;color:var(--color-shade-dark1)}#about-content>p+p{padding-top:1.75em;border-top:1px solid var(--color-shade-light2)}#about-content>p:last-child{padding-bottom:0}html[data-theme=dark] .about-logo-frame{box-shadow:0 20px 55px rgba(0,0,0,.28)}html[data-theme=dark] #about-content{box-shadow:0 14px 38px rgba(0,0,0,.2)}@media(max-width: 745px){.about-section{padding:3.5em 1.25em}.about-section-heading{margin-bottom:2.75em}.about-logo-frame{padding:2em;min-height:250px;border-radius:28px}.about-logo{width:min(100%,500px)}#about-content{padding:1.5em;border-radius:20px;line-height:1.65}#about-content>p{padding-bottom:1.5em}#about-content>p+p{padding-top:1.5em}}