.about-page{background:#fff}
.about-wrap{width:min(1280px,90%);margin-inline:auto}
.about-page section{padding:100px 0;scroll-margin-top:80px}
.about-page .eyebrow{font-size:11px;margin-bottom:24px}
.about-page h2{font-size:clamp(37px,4.3vw,62px);letter-spacing:-.055em;line-height:1.06}
.about-hero{background:linear-gradient(90deg,#002d24eb,#002d24ae 47%,#002d2420),var(--image-about-coastal-journey-hero) center/cover no-repeat;min-height:740px;color:#fff;display:flex;align-items:center}
.about-hero h1{font-size:clamp(52px,6vw,87px);line-height:1.04;letter-spacing:-.06em;max-width:900px}
.about-hero h1 em{font-style:normal;color:#c7ff4d}
.about-hero p{font-size:23px;line-height:1.65;color:#e0ece4;max-width:660px;margin:30px 0 0}
.about-hero .hero-actions{margin-top:35px}
.about-hero .btn{font-size:13px}
.about-story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:start}
.about-story-copy p{font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 23px}
.about-story-copy .about-opening{font-size:25px;line-height:1.55;font-weight:650;color:#204a34;letter-spacing:-.015em}
.about-story-copy p:last-child{margin-bottom:0}
.about-purpose{color:white;background:radial-gradient(ellipse at 90% 20%,#28614a60,transparent 65%),#003b30}
.about-purpose h2{font-size:clamp(39px,4.6vw,67px);max-width:1050px}
.about-purpose h2 em{font-style:normal;color:#c7ff4d}
.about-purpose p{font-size:20px;line-height:1.75;color:#d0e4d7;max-width:800px;margin:30px 0 0}
.about-purpose-words{display:flex;gap:45px;flex-wrap:wrap;margin-top:45px;padding-top:27px;border-top:1px solid #ffffff36}
.about-purpose-words span{font-size:13px;font-weight:750;color:#e7f1e9}
.about-ecosystem{background:#edf5ef}
.about-section-heading{max-width:950px;margin-bottom:45px}
.about-section-heading>p{font-size:19px;line-height:1.75;color:var(--muted);max-width:780px;margin:25px 0 0}
.about-ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}
.about-ecosystem-grid article{padding:30px 27px;border:1px solid #d8e5dc;border-radius:23px;background:#ffffffdb;display:flex;align-items:flex-start;flex-direction:column}
.about-ecosystem-grid svg{color:#00734b;margin-bottom:28px}
.about-ecosystem-grid article>span{font-size:9px;letter-spacing:.09em;font-weight:800;color:#287147}
.about-ecosystem-grid h3{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:17px 0}
.about-ecosystem-grid p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 28px}
.about-ecosystem-grid a{font-size:12px;font-weight:750;color:#006a42;margin-top:auto;border-bottom:1px solid #a3c4ad;padding-bottom:5px}
.about-product{background:#fff}
.about-product-system{border:1px solid #d3e3d7;border-radius:26px;overflow:hidden}
.about-product-brand{background:#003b30;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.about-product-brand img{width:185px;height:60px;object-fit:contain}
.about-product-brand span{font-size:11px;letter-spacing:.14em;font-weight:750;color:#c7ff4d}
.about-product-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#f4f8f4}
.about-product-grid article{padding:36px;border-right:1px solid #d8e5dc;display:flex;flex-direction:column;align-items:flex-start}
.about-product-grid article:last-child{border:0}
.about-product-grid article>span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#00774c}
.about-product-grid h3{font-size:31px;line-height:1.1;letter-spacing:-.04em;margin:25px 0 20px}
.about-product-grid p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 30px}
.about-product-grid a{font-size:13px;font-weight:750;color:#006a42;margin-top:auto;border-bottom:1px solid #a3c4ad;padding-bottom:5px}
.about-principles{background:#f5f8f5}
.about-principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 70px}
.about-principle-grid article{border-top:1px solid #c6d9cd;padding-top:25px}
.about-principle-grid article>span{font-size:11px;font-weight:800;color:#008351}
.about-principle-grid h3{font-size:28px;line-height:1.12;letter-spacing:-.03em;margin:20px 0 16px}
.about-principle-grid p{font-size:17px;line-height:1.75;color:var(--muted);margin:0;max-width:540px}
.about-next{background:#e8f2eb}
.about-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}
.about-next-grid>div>p{font-size:19px;line-height:1.75;color:var(--muted);margin:27px 0 0;max-width:550px}
.about-partner-paths{display:grid;gap:14px}
.about-partner-paths a{position:relative;padding:24px 50px 24px 24px;border:1px solid #cbdfd1;border-radius:16px;background:#ffffffaa;transition:background .2s}
.about-partner-paths a:hover{background:#fff}
.about-partner-paths span{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;color:#00734b}
.about-partner-paths strong{display:block;font-size:17px;line-height:1.4;margin-top:11px;letter-spacing:-.02em}
.about-partner-paths i{font-style:normal;position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;color:#006b41}
.about-page a:focus-visible{outline:3px solid #00a863;outline-offset:5px}
@media (max-width:1100px){
.about-story-grid{gap:50px}
.about-ecosystem-grid{grid-template-columns:1fr 1fr;gap:22px}
.about-next-grid{gap:45px}
.about-product-grid article{padding:28px}
.about-product-grid h3{font-size:27px}
.about-hero h1{font-size:72px}
}
@media (max-width:760px){
.about-page section{padding:64px 0}
.about-hero{min-height:710px;background-position:65% center}
.about-hero h1{font-size:clamp(47px,10vw,64px)}
.about-hero p{font-size:19px}
.about-hero .btn{font-size:12px}
.about-story-grid,.about-next-grid{grid-template-columns:1fr;gap:35px}
.about-page h2{font-size:38px}
.about-story-copy .about-opening{font-size:22px}
.about-story-copy p{font-size:16px}
.about-purpose p,.about-section-heading>p,.about-next-grid>div>p{font-size:17px}
.about-purpose-words{gap:20px 30px;margin-top:32px;padding-top:23px}
.about-purpose-words span{font-size:12px}
.about-section-heading{margin-bottom:33px}
.about-ecosystem-grid{grid-template-columns:1fr}
.about-ecosystem-grid article{padding:28px}
.about-ecosystem-grid h3{font-size:26px}
.about-product-brand{padding:24px;align-items:flex-start;flex-direction:column;gap:12px}
.about-product-brand img{width:155px;height:48px}
.about-product-brand span{font-size:9px}
.about-product-grid{grid-template-columns:1fr}
.about-product-grid article{padding:29px;border-right:0;border-bottom:1px solid #d8e5dc}
.about-product-grid h3{font-size:30px}
.about-product-grid p{font-size:15px}
.about-principle-grid{grid-template-columns:1fr;gap:30px}
.about-principle-grid h3{font-size:26px}
.about-principle-grid p{font-size:16px}
.about-partner-paths strong{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
.about-partner-paths a{transition:none}
}
/* Responsive image backgrounds */
:root{--image-about-coastal-journey-hero:url("../images/about-coastal-journey-hero.9050ef2c0349.webp")}
@media (max-width: 760px){
:root{--image-about-coastal-journey-hero:url("../images/about-coastal-journey-hero-960w.35fec65a515a.webp")}
}