.about-header { background: linear-gradient(180deg, rgba(4, 10, 6, .82), rgba(4, 10, 6, .36)); }
.site-nav .is-active { position: relative; color: var(--green-bright); }
.site-nav .is-active::after { content: ""; position: absolute; right: 0; bottom: -10px; left: 0; height: 1px; background: var(--green); }
.about-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(ellipse at 13% 15%, rgba(133,204,68,.22), transparent 33%), radial-gradient(ellipse at 87% 68%, rgba(100,151,54,.18), transparent 31%), #09130d; }
.about-grid { position: absolute; inset: 0; opacity: .62; background-image: linear-gradient(rgba(194,235,148,.054) 1px, transparent 1px), linear-gradient(90deg, rgba(194,235,148,.054) 1px, transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(90deg, #000, transparent 88%); }
.about-hero-glow { position: absolute; top: -20vw; right: -17vw; width: 58vw; height: 58vw; border-radius: 50%; background: radial-gradient(circle, rgba(176,226,90,.15), transparent 67%); }
.about-hero-content { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.22fr) minmax(340px,1fr); gap: clamp(40px,6.2vw,112px); align-items: center; padding: 112px 0 52px; }.hero-story { max-width: 705px; }.about-hero h1 { margin: 18px 0 0; font-size: clamp(51px, 5.3vw, 76px); line-height: .97; letter-spacing: -.026em; }.hero-copy { max-width: 624px; margin: 24px 0 0; color: rgba(255,255,255,.79); font-size: 15px; line-height: 1.61; }.hero-statement { display: block; max-width: 624px; margin-top: 22px; padding-top: 15px; border-top: 1px solid var(--line-strong); color: var(--green-bright); font-size: 15px; line-height: 1.5; letter-spacing: -.011em; }.about-hero-image { position: relative; min-height: 456px; margin: 0; overflow: hidden; border: 1px solid rgba(211,237,183,.14); border-radius: 16px; box-shadow: 0 30px 74px rgba(0,0,0,.34), 0 0 0 7px rgba(149,207,90,.025); background: #152014; }.about-hero-image::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(234,247,218,.08); border-radius: inherit; background: linear-gradient(180deg, rgba(5,13,7,.025), rgba(5,13,7,.14)); pointer-events: none; }.about-hero-image img { display: block; width: 100%; height: 100%; min-height: 456px; object-fit: cover; object-position: 68% center; }
.about-today { position: relative; padding: 40px 0 36px; overflow: hidden; background: radial-gradient(circle at 88% 22%, rgba(109,173,60,.13), transparent 27%), #08110c; }.today-layout { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(310px,.74fr); gap: clamp(55px,10vw,164px); align-items: end; }.today-layout h2, .vision-intro h2, .together-intro h2, .directions-layout h2 { margin: 14px 0 0; font-size: clamp(41px,4.45vw,62px); line-height: 1.01; letter-spacing: -.022em; }.today-copy { max-width: 475px; }.today-copy p, .vision-intro > div p, .together-intro > p, .directions-layout article > p { margin: 0 0 15px; color: var(--body); font-size: 15px; line-height: 1.63; }.today-copy strong { display: block; margin-top: 14px; padding-top: 11px; border-top: 1px solid var(--line-strong); color: var(--green-bright); font-size: 15px; line-height: 1.4; }
.about-vision { position: relative; overflow: hidden; padding: 45px 0 38px; border-block: 1px solid var(--line); background: linear-gradient(135deg, #142310, #09130d 60%, #10170e); }.about-vision-lines { position: absolute; inset: 0; opacity: .33; background: repeating-linear-gradient(123deg, transparent 0 34px, rgba(191,224,165,.09) 35px 36px, transparent 37px 68px); }.vision-content { position: relative; z-index: 1; }.vision-intro { display: grid; grid-template-columns: minmax(0,.95fr) minmax(310px,.67fr); column-gap: clamp(55px,10vw,164px); align-items: end; }.vision-intro .eyebrow { grid-column: 1 / -1; margin-bottom: 12px; }.vision-intro h2 { grid-row: span 2; max-width: 630px; margin: 0; }.vision-intro > div p { max-width: 500px; }.vision-rows { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 30px; border-top: 1px solid var(--line-strong); }.vision-rows article { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 14px; min-height: 124px; padding: 14px 20px 15px 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.vision-rows article:nth-child(even) { padding-right: 0; padding-left: 20px; border-right: 0; }.vision-rows span { padding-top: 4px; color: var(--green-bright); font-size: 10px; font-weight: 830; letter-spacing: .16em; }.vision-rows h3, .contribution-rows h3 { margin: 0; font-size: clamp(18px,1.55vw,22px); line-height: 1.16; letter-spacing: -.013em; text-transform: uppercase; }.vision-rows p, .contribution-rows p { margin: 7px 0 0; color: var(--body); font-size: 13px; line-height: 1.47; }.social-purpose { display: grid; grid-template-columns: minmax(0,.94fr) minmax(310px,.67fr); gap: clamp(55px,10vw,164px); margin-top: 32px; padding: 22px 0; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line); }.social-purpose h2 { max-width: 580px; margin: 13px 0 0; font-size: clamp(30px,3.32vw,46px); line-height: 1.05; letter-spacing: -.02em; }.social-purpose > div:last-child p { margin: 0 0 10px; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.5; }.social-purpose strong { display: block; margin-top: 13px; padding-top: 10px; border-top: 1px solid var(--line-strong); color: var(--green-bright); font-size: 14px; line-height: 1.43; }
.about-together { position: relative; overflow: hidden; padding: 45px 0 40px; background: radial-gradient(circle at 14% 29%, rgba(113,175,63,.14), transparent 31%), #0a130d; }.about-together::before { content: ""; position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(rgba(203,235,175,.042) 1px, transparent 1px), linear-gradient(90deg, rgba(203,235,175,.042) 1px, transparent 1px); background-size: 82px 82px; mask-image: linear-gradient(90deg, #000, transparent 86%); }.together-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.77fr) minmax(0,1.08fr); gap: clamp(55px,10vw,164px); align-items: start; }.together-intro h2 { max-width: 550px; }.together-intro > p:first-of-type { margin-top: 18px; }.contribution-rows { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; border-top: 1px solid var(--line-strong); }.contribution-rows article { min-height: 115px; padding: 15px 18px 14px 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.contribution-rows article:nth-child(even) { padding-right: 0; padding-left: 18px; border-right: 0; }.contribution-rows article:last-child { grid-column: 1 / -1; padding-right: 0; }
.development-note { display: grid; grid-template-columns: 84px minmax(0,1fr); gap: 20px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line-strong); }.development-note img { width: 76px; height: 60px; object-fit: contain; object-position: left center; }.development-note h3 { margin: 0; color: var(--white); font-size: 16px; line-height: 1.15; }.development-note p { max-width: 640px; margin: 8px 0 11px; color: var(--body); font-size: 13px; line-height: 1.52; }.development-note .inline-link { font-size: 13px; }
.about-directions { padding: 31px 0; background: #0c1610; border-block: 1px solid var(--line); }.directions-layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.directions-layout article { min-height: 170px; padding: 0 48px 0 0; }.directions-layout article + article { padding: 0 0 0 48px; border-left: 1px solid var(--line); }.directions-layout h2 { max-width: 510px; margin-top: 13px; font-size: clamp(28px,2.85vw,39px); line-height: 1.05; }.directions-layout article > p { max-width: 500px; margin-top: 12px; font-size: 14px; }.directions-layout .button-link { margin-top: 2px; }.pending-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 2px; padding-bottom: 7px; border-bottom: 1px solid var(--line-strong); color: var(--muted); font-size: 14px; font-weight: 780; cursor: default; }.pending-link span { color: var(--green); font-size: 18px; }
.about-closing { min-height: 320px; }.about-closing .closing-content { padding-top: 60px; }.about-closing .closing-content h2 { max-width: 840px; }
@media (max-width: 860px) { .site-nav .is-active::after { display: none; }.about-hero { min-height: auto; }.about-hero-content { padding: 126px 0 58px; }.about-today, .about-vision, .about-together { padding-block: 75px; }.today-layout, .vision-intro, .social-purpose, .together-layout { gap: 49px; }.today-layout { grid-template-columns: minmax(0,1.03fr) minmax(275px,.75fr); }.vision-intro, .social-purpose { grid-template-columns: minmax(0,1fr) minmax(275px,.79fr); }.together-layout { grid-template-columns: minmax(0,.76fr) minmax(0,1.04fr); }.vision-rows { margin-top: 48px; }.social-purpose { margin-top: 50px; }.contribution-rows article { min-height: 174px; }.directions-layout article { padding-right: 34px; }.directions-layout article + article { padding-left: 34px; }.about-closing .closing-content { padding-top: 75px; } }
@media (max-width: 680px) { .about-hero-content { padding: 111px 0 46px; }.about-hero h1 { font-size: clamp(42px,11.35vw,58px); }.hero-statement { margin-top: 18px; padding-top: 14px; font-size: 14px; }.about-today, .about-vision, .about-together { padding-block: 59px; }.today-layout, .vision-intro, .social-purpose, .together-layout { grid-template-columns: 1fr; gap: 30px; }.today-layout h2, .vision-intro h2, .together-intro h2 { font-size: clamp(37px,10vw,50px); }.vision-intro .eyebrow { margin-bottom: 10px; }.vision-intro h2 { grid-row: auto; }.today-copy { max-width: none; }.today-copy p, .vision-intro > div p, .together-intro > p { font-size: 14px; }.today-copy strong { margin-top: 19px; }.vision-rows { grid-template-columns: 1fr; margin-top: 37px; }.vision-rows article, .vision-rows article:nth-child(even) { min-height: auto; padding: 20px 0; border-right: 0; }.vision-rows article { grid-template-columns: 31px minmax(0,1fr); gap: 10px; }.vision-rows h3, .contribution-rows h3 { font-size: 17px; }.vision-rows p, .contribution-rows p { font-size: 13px; }.social-purpose { margin-top: 42px; padding-block: 31px; }.social-purpose h2 { font-size: clamp(28px,8.5vw,39px); }.social-purpose > div:last-child p, .social-purpose strong { font-size: 14px; }.contribution-rows { grid-template-columns: 1fr; }.contribution-rows article, .contribution-rows article:nth-child(even), .contribution-rows article:last-child { min-height: auto; padding: 20px 0; border-right: 0; grid-column: auto; }.about-directions { padding-block: 47px; }.directions-layout { grid-template-columns: 1fr; }.directions-layout article, .directions-layout article + article { min-height: auto; padding: 0 0 35px; border-left: 0; }.directions-layout article + article { padding-top: 34px; border-top: 1px solid var(--line); }.directions-layout article:last-child { padding-bottom: 0; }.directions-layout h2 { font-size: clamp(27px,8vw,37px); }.directions-layout article > p { font-size: 14px; }.about-closing { min-height: 365px; }.about-closing .closing-content { padding-top: 70px; } }

@media (max-width: 860px) { .about-hero-content { grid-template-columns: minmax(0,1.08fr) minmax(280px,.82fr); gap: 36px; padding: 126px 0 58px; }.about-hero-image, .about-hero-image img { min-height: 420px; } }
@media (max-width: 680px) { .about-hero-content { grid-template-columns: 1fr; gap: 30px; padding: 111px 0 46px; }.hero-copy { margin-top: 21px; font-size: 14px; }.about-hero-image { min-height: 360px; aspect-ratio: 4 / 5; }.about-hero-image img { min-height: 360px; object-position: 67% center; }.development-note { grid-template-columns: 1fr; gap: 12px; }.development-note img { width: 82px; height: 62px; } }