/* Human editorial hero: crisp alpha artwork, shared paper and emerald palette. */
.about-page .about-hero{position:relative;isolation:isolate;padding:64px 0 60px;min-height:650px;background:var(--paper);border-bottom:1px solid #d4dfd333}
.about-page .about-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 77% 64%,#e0e8dc88,transparent 57%);pointer-events:none}
.about-page .about-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:24px;align-items:center}
.about-page .about-hero-copy{position:relative;z-index:1;padding:8px 0}
.about-page .about-hero .nexo-eyebrow{margin-bottom:26px;font-size:11px;letter-spacing:.2em;color:#4b6154}
.about-page .about-hero h1{font-size:clamp(52px,4.55vw,72px);line-height:1.015;letter-spacing:-.052em;max-width:650px;margin-bottom:26px;overflow-wrap:normal;text-wrap:initial}
.about-page .about-hero h1 span{background-image:linear-gradient(105deg,#075238,#0d8757 65%,#086441)}
.about-page .about-hero .nexo-lead{max-width:535px;font-size:clamp(16px,1.15vw,19px);line-height:1.65;margin-bottom:0}
.about-page .about-hero-art{position:relative;height:clamp(450px,37vw,580px);width:calc(100% + 120px);max-width:none;margin-left:-52px;min-width:0;align-self:center}
.about-page .about-hero-art picture,.about-page .about-hero-art img{height:100%;width:100%;object-fit:contain;object-position:center;filter:none}
.about-page .about-hero-art img{mask-image:linear-gradient(180deg,#000 94%,transparent 100%)}
.about-hero-art-note{position:absolute;bottom:0;right:74px;font-size:11px;line-height:1.5;color:#566b5b;margin:0}
@media(min-width:901px){.about-page .about-hero-art picture{height:calc(100% - 25px)}}
.about-page .about-hero .about-actions{margin:30px 0 32px;gap:22px}
.about-page .about-hero .about-actions>.nexo-btn{min-height:52px;padding:14px 26px;font-size:14px;gap:28px;background:linear-gradient(112deg,#054b38,#002d25);border:1px solid #114b39}
.about-page .about-hero .about-approach-link{gap:13px;color:#3e5746;font-size:13px;text-decoration:none}
.about-approach-link .nexo-icon-btn{width:48px;height:48px;flex-shrink:0;border-color:#a2b3a5;color:#164b35;background:transparent;transition:background .2s,color .2s}
.about-approach-link:is(:hover,:focus-visible) .nexo-icon-btn{background:var(--forest);color:var(--paper)}
.about-page .about-hero-points{gap:18px;margin-top:0;max-width:565px}
.about-page .about-hero-points li{border-top:0;border-right:1px solid #b3c4b5;padding:0 18px 0 0}
.about-page .about-hero-points li:last-child{border-right:0;padding-right:0}
.about-page .about-hero-points strong{font-size:13px;line-height:1.6;color:#264836}
.about-page .about-hero-points span{font-size:11px;line-height:1.6;color:#687b6b;margin-top:3px}
@media(max-width:1100px) and (min-width:901px){
 .about-page .about-hero{padding:48px 0;min-height:590px}
 .about-page .about-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
 .about-page .about-hero h1{font-size:52px}
 .about-page .about-hero-art{width:calc(100% + 70px);margin-left:-30px;height:430px}
 .about-hero-art-note{right:36px;font-size:9px}
 .about-page .about-hero .about-actions{gap:16px}
 .about-page .about-hero .about-actions>.nexo-btn{padding:13px 20px;gap:20px}
 .about-page .about-hero-points{gap:12px}
 .about-page .about-hero-points li{padding-right:12px}
}
@media(max-width:900px){
 .about-page .about-hero{padding:44px 0 40px;min-height:0}
 .about-page .about-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .about-page .about-hero-copy{padding:0;max-width:650px}
 .about-page .about-hero h1{font-size:clamp(45px,7vw,64px)}
 .about-page .about-hero-art{margin:0;width:100%;max-width:680px;height:auto;aspect-ratio:3/2;justify-self:center}
 .about-hero-art-note{position:static;margin:10px 0 0;text-align:right;font-size:10px}
 .about-page .about-hero-art picture{aspect-ratio:3/2;height:auto}
 .about-page .about-hero .nexo-lead{max-width:590px}
}
@media(max-width:600px){
 .about-page .about-hero{padding:34px 0 32px}
 .about-page .about-hero .nexo-eyebrow{font-size:10px;margin-bottom:22px}
 .about-page .about-hero h1{font-size:clamp(38px,10vw,54px);letter-spacing:-.052em;margin-bottom:22px;overflow-wrap:break-word}
 .about-page .about-hero .nexo-lead{font-size:16px;line-height:1.65}
 .about-page .about-hero .about-actions{margin:26px 0;gap:18px}
 .about-page .about-hero .about-actions>.nexo-btn{padding:13px 20px;gap:24px;font-size:13px;min-height:48px}
 .about-approach-link .nexo-icon-btn{width:42px;height:42px}
 .about-page .about-hero-grid{gap:26px}
 .about-page .about-hero-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .about-page .about-hero-points li{display:block;padding-right:10px}
 .about-page .about-hero-points strong{font-size:12px}
 .about-page .about-hero-points span{font-size:10px;text-align:left;margin-top:5px;overflow-wrap:anywhere}
 .about-page .about-hero-art{width:calc(100% + 20px);max-width:none}
 .about-hero-art-note{margin-right:10px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.about-approach-link .nexo-icon-btn{transition:none}}
