/* About Us page for GHG Sensing */
body.about-page{
    background:#fbfcf6;
    color:#172016;
}
body.about-page .navbar .nav-links a.active{color:var(--green);font-weight:950;}
body.about-page main{position:relative;z-index:5;overflow:hidden;background:#fbfcf6;}
.reveal-item{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity .86s cubic-bezier(.18,.82,.22,1),transform .86s cubic-bezier(.18,.82,.22,1),filter .86s cubic-bezier(.18,.82,.22,1);will-change:opacity,transform,filter;}
.reveal-item.is-visible{opacity:1;transform:translateY(0);filter:blur(0);}

.about-hero{position:relative;min-height:100vh;padding:146px 8vw 110px;display:flex;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(135deg,#07100c 0%,#0f2115 56%,#06100a 100%);}
.about-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(169,198,79,.20),transparent 26rem),radial-gradient(circle at 82% 66%,rgba(217,169,47,.12),transparent 24rem);pointer-events:none;}
.about-hero-field{position:absolute;inset:76px 0 0;overflow:hidden;opacity:.92;}
.about-hero-field::before{content:'';position:absolute;left:-3%;right:-3%;bottom:0;height:45%;background:linear-gradient(180deg,rgba(169,198,79,.18),rgba(81,116,53,.35)),repeating-linear-gradient(96deg,rgba(255,255,255,.08) 0 1px,transparent 1px 54px);clip-path:polygon(0 30%,14% 16%,34% 28%,56% 10%,78% 24%,100% 12%,100% 100%,0 100%);}
.about-hero-field::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,10,.82),rgba(5,16,10,.22),rgba(5,16,10,.88));}
.field-line{position:absolute;left:-10%;right:-10%;height:1px;background:linear-gradient(90deg,transparent,rgba(169,198,79,.28),transparent);transform:rotate(-4deg);z-index:2;}
.line-one{top:38%;}.line-two{top:48%;}.line-three{top:58%;}
.sun-glow{position:absolute;right:12%;top:17%;width:230px;height:230px;border-radius:999px;background:rgba(217,169,47,.16);filter:blur(45px);z-index:1;}
.cow-silhouette{position:absolute;bottom:24%;z-index:2;width:138px;height:76px;border-radius:48% 52% 38% 36%;background:rgba(0,0,0,.46);box-shadow:0 12px 46px rgba(0,0,0,.22);}
.cow-silhouette::before{content:'';position:absolute;right:-20px;top:16px;width:42px;height:36px;border-radius:50%;background:rgba(0,0,0,.46);}
.cow-silhouette::after{content:'';position:absolute;left:26px;bottom:-22px;width:12px;height:28px;border-radius:999px;background:rgba(0,0,0,.40);box-shadow:58px 0 0 rgba(0,0,0,.40);}
.cow-one{right:18%;transform:scale(1.26);}.cow-two{right:4%;bottom:32%;transform:scale(.92);opacity:.65;}.cow-three{left:13%;bottom:27%;transform:scale(.78);opacity:.52;}
.about-hero-content{position:relative;z-index:3;width:min(1040px,100%);margin:0 auto;text-align:center;}
.about-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--green-bright);font-size:.8rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase;}
.about-kicker span{width:9px;height:9px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 22px rgba(149,255,143,.8);}
.about-hero h1{margin:0 auto;font-size:clamp(3.2rem,6.4vw,7.6rem);line-height:.88;letter-spacing:-.075em;color:#fff;font-weight:950;max-width:1120px;}
.about-hero p{max-width:780px;margin:28px auto 0;color:rgba(255,255,255,.76);font-size:1.05rem;line-height:1.8;}
.about-hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px;}

.about-story-section,.about-team-section,.about-partners-section{position:relative;padding:118px 8vw;background:#fbfcf6;overflow:hidden;}
.story-shell{width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:.94fr 1.06fr;gap:28px;align-items:stretch;}
.story-copy,.story-metrics article,.team-card,.partners-grid article{position:relative;border:1px solid rgba(151,171,86,.24);background:rgba(255,255,255,.78);box-shadow:0 28px 92px rgba(30,43,24,.10);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;}
.story-copy::before,.story-metrics article::before,.team-card::before,.partners-grid article::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,0) 48%);pointer-events:none;}
.story-copy{border-radius:36px;padding:42px;display:flex;flex-direction:column;justify-content:center;}
.story-copy>*{position:relative;z-index:2;}
.story-copy h2,.about-section-heading h2{color:#172016;font-size:clamp(2.35rem,4.5vw,5rem);line-height:.94;letter-spacing:-.06em;font-weight:950;margin:0;}
.story-copy p,.about-section-heading p{margin:22px 0 0;color:rgba(23,32,22,.66);line-height:1.82;font-size:1rem;}
.story-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.story-metrics article{border-radius:30px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;}
.story-metrics article>*{position:relative;z-index:2;}
.story-metrics span{font-size:clamp(3.5rem,6vw,6rem);line-height:.86;letter-spacing:-.08em;font-weight:950;color:#a9c64f;}
.story-metrics small{display:block;margin-top:8px;color:#d9a92f;font-weight:950;text-transform:uppercase;letter-spacing:.14em;}
.story-metrics strong{display:block;margin-top:18px;color:#172016;font-size:1.05rem;font-weight:950;line-height:1.25;}
.story-metrics p{margin:10px 0 0;color:rgba(23,32,22,.58);font-size:.9rem;line-height:1.55;}

.about-goal-section{position:relative;padding:120px 8vw;background:linear-gradient(135deg,#07100c 0%,#102416 56%,#06100a 100%);overflow:hidden;color:#fff;}
.goal-network{position:absolute;inset:0;background-image:linear-gradient(rgba(169,198,79,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(169,198,79,.06) 1px,transparent 1px);background-size:74px 74px;opacity:.52;}
.goal-network span{position:absolute;left:var(--x);top:var(--y);width:10px;height:10px;border-radius:999px;background:#95ff8f;box-shadow:0 0 26px rgba(149,255,143,.72);animation:goalNodePulse 3.3s ease-in-out infinite var(--d);}
@keyframes goalNodePulse{0%,100%{transform:scale(.7);opacity:.55;}50%{transform:scale(1.25);opacity:1;}}
.about-section-heading{width:min(980px,100%);margin:0 auto 52px;text-align:center;position:relative;z-index:2;}
.about-goal-section .about-section-heading h2{color:#fff;}
.about-goal-section .about-section-heading p{color:rgba(255,255,255,.70);}
.goal-card-grid{width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;z-index:2;}
.goal-card{position:relative;min-height:360px;border-radius:34px;padding:30px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);box-shadow:0 26px 86px rgba(0,0,0,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transform-style:preserve-3d;}
.goal-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 22%,rgba(169,198,79,.22),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0));pointer-events:none;}
.goal-card>*{position:relative;z-index:2;}
.goal-icon{width:66px;height:66px;border-radius:22px;background:rgba(169,198,79,.16);display:flex;align-items:center;justify-content:center;color:#95ff8f;font-size:2rem;margin-bottom:26px;}
.goal-card span{color:#a9c64f;font-size:11px;font-weight:950;letter-spacing:.18em;}
.goal-card h3{margin:12px 0 14px;color:#fff;font-size:1.65rem;letter-spacing:-.04em;line-height:1.05;font-weight:950;}
.goal-card p{margin:0;color:rgba(255,255,255,.68);line-height:1.75;}

.about-team-section{background:linear-gradient(180deg,#fbfcf6 0%,#ffffff 52%,#f4f8e9 100%);}
.team-grid{width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.team-card{border-radius:30px;padding:18px;min-height:500px;display:flex;flex-direction:column;transform-style:preserve-3d;}
.team-card>*{position:relative;z-index:2;}
.team-portrait{height:300px;border-radius:24px;margin-bottom:18px;display:flex;align-items:flex-end;justify-content:flex-start;padding:20px;overflow:hidden;position:relative;background:linear-gradient(145deg,#cedbb2,#5e7b45);}
.team-portrait::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.28),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.30));}
.team-portrait span{position:relative;z-index:2;width:84px;height:84px;border-radius:28px;background:rgba(7,16,12,.74);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:1.45rem;letter-spacing:.05em;backdrop-filter:blur(10px);}
.portrait-amin{background:linear-gradient(145deg,#dce9cf,#4a7358);}.portrait-ghader{background:linear-gradient(145deg,#d5e4f0,#536b83);}.portrait-majid{background:linear-gradient(145deg,#e6e0d8,#5c6b57);}.portrait-hamid{background:linear-gradient(145deg,#e2dfd6,#31452f);}
.team-role{color:#6f8731;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;}
.team-card h3{margin:8px 0 10px;color:#172016;font-size:1.65rem;line-height:1.02;letter-spacing:-.05em;font-weight:950;}
.team-card p{margin:0;color:rgba(23,32,22,.58);line-height:1.6;font-size:.92rem;}
.team-socials{display:flex;gap:8px;margin-top:auto;padding-top:18px;}
.team-socials i{width:32px;height:32px;border-radius:999px;background:rgba(169,198,79,.14);border:1px solid rgba(151,171,86,.22);}

.about-partners-section{padding-top:105px;padding-bottom:130px;background:#fff;}
.partners-grid{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.partners-grid article{border-radius:28px;padding:28px;text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.partners-grid article>*{position:relative;z-index:2;}
.partners-grid span{display:inline-flex;align-items:center;justify-content:center;width:94px;height:46px;border-radius:18px;background:#f3f7e8;color:#5f752a;font-weight:950;letter-spacing:.08em;margin-bottom:16px;}
.partners-grid strong{color:#172016;font-size:.96rem;line-height:1.35;}

@media(max-width:1180px){
    .story-shell,.goal-card-grid,.team-grid,.partners-grid{grid-template-columns:1fr 1fr;}
    .story-metrics{grid-template-columns:1fr;}
}
@media(max-width:980px){
    .about-hero{padding:128px 24px 84px;}
    .about-hero h1{font-size:clamp(3rem,12vw,5.4rem);}
    .about-story-section,.about-goal-section,.about-team-section,.about-partners-section{padding:96px 24px;}
    .story-shell,.goal-card-grid,.team-grid,.partners-grid{grid-template-columns:1fr;}
    .story-copy{padding:30px 24px;border-radius:30px;}
    .story-metrics article{min-height:240px;}
    .goal-card{min-height:290px;}
    .team-card{min-height:auto;}
    .team-portrait{height:260px;}
}
@media(max-width:560px){
    .about-hero-actions{flex-direction:column;}
    .about-hero .button{width:100%;}
    .story-copy h2,.about-section-heading h2{font-size:clamp(2.2rem,12vw,4rem);}
}


/* v31: real team portraits, social hover layer, and interactive metric cards */
.team-card{
    min-height:540px;
    padding:18px;
    transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .34s ease;
}
.team-card:hover{
    border-color:rgba(169,198,79,.45);
    box-shadow:0 34px 110px rgba(30,43,24,.16),0 0 0 4px rgba(169,198,79,.08);
}
.team-portrait{
    height:330px;
    padding:0;
    background:#102016;
    align-items:stretch;
    justify-content:stretch;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 52px rgba(17,27,14,.12);
}
.team-portrait::before{
    z-index:2;
    background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.64) 100%),
               radial-gradient(circle at 50% 16%,rgba(255,255,255,.18),transparent 32%);
}
.team-portrait img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    transform:scale(1.01);
    transition:transform .72s cubic-bezier(.2,.8,.2,1),filter .72s ease;
}
.team-card:hover .team-portrait img{
    transform:scale(1.065);
    filter:saturate(1.05) contrast(1.04);
}
.team-image-shine{
    position:absolute;
    z-index:4;
    top:-18%;
    bottom:-18%;
    left:-52%;
    width:38%;
    background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,.46) 48%,rgba(217,169,47,.22) 56%,rgba(255,255,255,0) 76%,transparent 100%);
    transform:skewX(-16deg);
    opacity:0;
    pointer-events:none;
}
.team-card:hover .team-image-shine{
    animation:teamPortraitShine .95s cubic-bezier(.2,.8,.2,1) 1;
}
@keyframes teamPortraitShine{
    0%{left:-52%;opacity:0;}
    18%{opacity:.86;}
    100%{left:122%;opacity:0;}
}
.team-card-body{
    position:relative;
    z-index:3;
}
.team-socials{
    position:absolute;
    z-index:6;
    left:24px;
    right:24px;
    bottom:205px;
    justify-content:center;
    gap:10px;
    padding:0;
    margin:0;
    opacity:0;
    transform:translateY(16px);
    transition:opacity .28s ease,transform .28s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
}
.team-card:hover .team-socials{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}
.team-socials a{
    width:38px;
    height:38px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.24);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-weight:950;
    box-shadow:0 16px 36px rgba(0,0,0,.20);
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.team-socials a:hover{
    transform:translateY(-3px) scale(1.05);
    background:#a9c64f;
    border-color:#a9c64f;
    color:#07100c;
}
.team-socials .social-instagram::before{content:'◎';font-size:1rem;}
.team-socials .social-twitter::before{content:'𝕏';font-size:.92rem;}
.team-socials .social-facebook::before{content:'f';font-size:1.05rem;font-family:Arial,sans-serif;}
.team-socials .social-website::before{content:'↗';font-size:1rem;}

.story-metrics article{
    transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .34s ease,background .34s ease;
}
.story-metrics article::after{
    content:'';
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    border:1px solid rgba(169,198,79,0);
    box-shadow:0 0 0 rgba(169,198,79,0);
    pointer-events:none;
    transition:border-color .34s ease,box-shadow .34s ease;
}
.story-metrics article .metric-shine{display:none;}
.story-metrics article:hover{
    transform:translateY(-12px) scale(1.018);
    border-color:rgba(169,198,79,.44);
    box-shadow:0 34px 110px rgba(30,43,24,.15),0 0 0 5px rgba(169,198,79,.08);
    background:rgba(255,255,255,.92);
}
.story-metrics article:hover::after{
    border-color:rgba(169,198,79,.38);
    box-shadow:0 0 36px rgba(169,198,79,.18);
}
.story-metrics article:hover span{
    text-shadow:0 20px 48px rgba(169,198,79,.22);
}
.story-metrics article::before{
    z-index:1;
}
.story-metrics article:focus-within{
    transform:translateY(-12px) scale(1.018);
}
.story-metrics article:hover::before{
    background:radial-gradient(circle at 24% 20%,rgba(169,198,79,.22),transparent 34%),
               linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,255,255,0) 52%);
}
.story-metrics article:hover small{
    color:#d9a92f;
}
.story-metrics article:hover strong{
    color:#0e1a11;
}

@media(max-width:980px){
    .team-portrait{height:310px;}
    .team-socials{position:relative;left:auto;right:auto;bottom:auto;opacity:1;transform:none;pointer-events:auto;justify-content:flex-start;margin-top:auto;padding-top:18px;}
}


/* v32: stronger team portrait shine and draggable partner carousel */
.team-portrait .team-image-shine{
    display:block !important;
    position:absolute !important;
    z-index:5 !important;
    top:-24% !important;
    bottom:-24% !important;
    left:-58% !important;
    width:46% !important;
    height:auto !important;
    border-radius:0 !important;
    border:0 !important;
    color:transparent !important;
    background:linear-gradient(105deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0) 24%,
        rgba(255,255,255,.72) 46%,
        rgba(217,169,47,.38) 54%,
        rgba(255,255,255,.54) 61%,
        rgba(255,255,255,0) 78%,
        rgba(255,255,255,0) 100%) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:skewX(-17deg) !important;
    opacity:0;
    pointer-events:none;
    mix-blend-mode:screen;
}
.team-card:hover .team-portrait .team-image-shine{
    animation:teamPortraitLightSweep 1.25s cubic-bezier(.18,.82,.22,1) 1;
}
.team-portrait::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:3;
    border-radius:inherit;
    background:radial-gradient(circle at 24% 20%,rgba(255,255,255,.18),transparent 28%);
    opacity:0;
    transition:opacity .35s ease;
    pointer-events:none;
}
.team-card:hover .team-portrait::after{opacity:1;}
@keyframes teamPortraitLightSweep{
    0%{left:-58%;opacity:0;}
    16%{opacity:.96;}
    72%{opacity:.82;}
    100%{left:128%;opacity:0;}
}

.about-partners-section{
    position:relative;
    overflow:hidden;
}
.about-partners-section::before,
.about-partners-section::after{
    content:'';
    position:absolute;
    width:360px;
    height:360px;
    border-radius:999px;
    filter:blur(72px);
    opacity:.45;
    pointer-events:none;
}
.about-partners-section::before{left:-110px;top:22%;background:rgba(169,198,79,.18);}
.about-partners-section::after{right:-120px;bottom:12%;background:rgba(217,169,47,.12);}
.partners-carousel{
    width:min(1240px,100%);
    margin:0 auto;
    position:relative;
    z-index:2;
    overflow:hidden;
    border-radius:34px;
    padding:28px 0 34px;
    border:1px solid rgba(151,171,86,.20);
    background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(248,250,239,.68));
    box-shadow:0 28px 92px rgba(30,43,24,.10);
    cursor:grab;
    user-select:none;
    -webkit-user-select:none;
    touch-action:pan-y;
}
.partners-carousel:active{cursor:grabbing;}
.partners-carousel::before,
.partners-carousel::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:120px;
    z-index:4;
    pointer-events:none;
}
.partners-carousel::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0));}
.partners-carousel::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0));}
.partners-track{
    display:flex;
    gap:22px;
    width:max-content;
    will-change:transform;
    transform:translate3d(0,0,0);
}
.partner-logo-card{
    position:relative;
    flex:0 0 270px;
    min-height:205px;
    border-radius:28px;
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(151,171,86,.18);
    box-shadow:0 16px 46px rgba(30,43,24,.07);
    overflow:hidden;
    transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .34s ease,background .34s ease;
}
.partner-logo-card:hover,
.partner-logo-card.is-active{
    transform:translateY(-8px) scale(1.045);
    border-color:rgba(169,198,79,.45);
    box-shadow:0 28px 86px rgba(30,43,24,.14),0 0 0 5px rgba(169,198,79,.08);
    background:#fff;
    z-index:3;
}
.partner-logo-frame{
    position:relative;
    width:100%;
    height:112px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:linear-gradient(180deg,#fff,#f7faef);
    border:1px solid rgba(151,171,86,.14);
}
.partner-logo-frame img{
    max-width:88%;
    max-height:76px;
    object-fit:contain;
    display:block;
    pointer-events:none;
    transition:transform .34s cubic-bezier(.2,.8,.2,1),filter .34s ease;
}
.partner-logo-card:hover img,
.partner-logo-card.is-active img{
    transform:scale(1.08);
    filter:saturate(1.05) contrast(1.03);
}
.partner-shine{
    position:absolute;
    z-index:3;
    top:-28%;
    bottom:-28%;
    left:-60%;
    width:42%;
    background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0) 22%,rgba(255,255,255,.70) 48%,rgba(217,169,47,.28) 56%,rgba(255,255,255,0) 76%,transparent 100%);
    transform:skewX(-16deg);
    opacity:0;
    pointer-events:none;
    mix-blend-mode:screen;
}
.partner-logo-card:hover .partner-shine,
.partner-logo-card.is-active .partner-shine{
    animation:partnerLogoShine 1.15s cubic-bezier(.2,.8,.2,1) 1;
}
@keyframes partnerLogoShine{
    0%{left:-60%;opacity:0;}
    18%{opacity:.92;}
    100%{left:125%;opacity:0;}
}
.partner-logo-card strong{
    color:#172016;
    font-size:.95rem;
    line-height:1.32;
    font-weight:900;
    text-align:center;
}
@media(max-width:980px){
    .partners-carousel{border-radius:28px;padding:22px 0 28px;}
    .partner-logo-card{flex-basis:240px;min-height:190px;}
    .partners-carousel::before,.partners-carousel::after{width:54px;}
}


/* v33: animated goal background, stronger team shine, story visuals, richer hero particles */
body.about-page .about-hero{
    background:
      radial-gradient(circle at 18% 18%, rgba(169,198,79,.18), transparent 24rem),
      radial-gradient(circle at 82% 24%, rgba(149,255,143,.10), transparent 22rem),
      radial-gradient(circle at 78% 78%, rgba(217,169,47,.10), transparent 28rem),
      linear-gradient(135deg,#07110b 0%, #0d1d14 42%, #07110b 100%);
}
body.about-page .about-hero::after{
    content:'';
    position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(7,17,11,.18),rgba(7,17,11,.44));
    pointer-events:none;
}
body.about-page .about-hero-field{inset:72px 0 0;opacity:1;}
body.about-page .about-hero-field::before{
    left:-2%;right:-2%;bottom:0;height:48%;
    background:
      linear-gradient(180deg,rgba(146,196,83,.08),rgba(48,79,37,.26)),
      repeating-linear-gradient(96deg,rgba(255,255,255,.06) 0 1px,transparent 1px 64px),
      linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,0));
    clip-path:polygon(0 34%,15% 18%,35% 28%,55% 12%,76% 24%,100% 14%,100% 100%,0 100%);
}
body.about-page .about-hero-field::after{
    background:linear-gradient(90deg,rgba(5,16,10,.88),rgba(5,16,10,.36) 40%,rgba(5,16,10,.22) 52%,rgba(5,16,10,.76) 100%);
}
body.about-page .field-line{opacity:.65;filter:blur(.3px);}
body.about-page .cow-silhouette{display:none;}
body.about-page .sun-glow{right:8%;top:12%;width:260px;height:260px;background:rgba(149,255,143,.10);filter:blur(55px);}
.about-hero-particles{position:absolute;inset:90px 0 0;pointer-events:none;z-index:2;}
.about-hero-particles span{
    position:absolute;left:var(--x);top:var(--y);
    width:var(--size);height:var(--size);border-radius:50%;
    background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.95), rgba(149,255,143,.95) 40%, rgba(169,198,79,.68) 70%, rgba(169,198,79,0) 72%);
    box-shadow:0 0 0 1px rgba(149,255,143,.14),0 0 18px rgba(149,255,143,.44),0 0 34px rgba(217,169,47,.18);
    opacity:.82;
    animation:aboutFloat var(--dur) ease-in-out infinite var(--delay), aboutPulse 4.4s ease-in-out infinite var(--delay);
}
.about-hero-particles span:nth-child(3n){background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.95), rgba(217,169,47,.95) 40%, rgba(217,169,47,.35) 70%, rgba(217,169,47,0) 72%);}
@keyframes aboutFloat{0%,100%{transform:translate3d(0,0,0);}25%{transform:translate3d(10px,-16px,0);}50%{transform:translate3d(-12px,10px,0);}75%{transform:translate3d(7px,-9px,0);}}
@keyframes aboutPulse{0%,100%{opacity:.35;filter:brightness(.9);}50%{opacity:.95;filter:brightness(1.15);}}
body.about-page .about-hero-content{z-index:4;}
body.about-page .about-hero h1{max-width:1040px;text-wrap:balance;}
body.about-page .about-hero p{max-width:760px;}

/* Story cards with visuals */
.story-metrics article{padding:24px 24px 26px;min-height:370px;justify-content:flex-start;}
.metric-visual{
    position:relative;display:flex;align-items:center;justify-content:center;
    width:100%;height:148px;border-radius:24px;margin-bottom:18px;overflow:hidden;
    background:linear-gradient(145deg,#0b1710,#102116 58%,#172c1d 100%);
    border:1px solid rgba(169,198,79,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 20px 50px rgba(17,27,14,.12);
}
.metric-visual::before{
    content:'';position:absolute;inset:0;
    background:
      radial-gradient(circle at 18% 22%, rgba(169,198,79,.18), transparent 30%),
      radial-gradient(circle at 78% 20%, rgba(217,169,47,.18), transparent 24%),
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
}
.metric-visual svg{position:relative;z-index:2;width:100%;height:100%;}
.metric-visual-shine{
    position:absolute;z-index:3;top:-20%;bottom:-20%;left:-58%;width:36%;opacity:0;pointer-events:none;
    background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,.82) 48%,rgba(217,169,47,.30) 55%,rgba(255,255,255,0) 78%,transparent 100%);
    transform:skewX(-18deg);mix-blend-mode:screen;
}
.story-metrics article:hover .metric-visual-shine{animation:metricSweep 1.15s cubic-bezier(.2,.8,.2,1) 1;}
.story-metrics article:hover .metric-visual svg{transform:scale(1.03);transition:transform .4s cubic-bezier(.2,.8,.2,1);}
.story-metrics article .metric-visual svg{transition:transform .4s cubic-bezier(.2,.8,.2,1);}
@keyframes metricSweep{0%{left:-58%;opacity:0;}16%{opacity:.95;}100%{left:128%;opacity:0;}}
.visual-monitor svg path:nth-of-type(2), .visual-platform svg path:nth-of-type(3){animation:metricStroke 6s linear infinite;}
@keyframes metricStroke{0%{stroke-dashoffset:32;}100%{stroke-dashoffset:0;}}
.story-metrics article span[data-count]{margin-top:auto;}
.story-metrics article small{margin-top:4px;}

/* Goal section animated mesh */
.about-goal-section{background:linear-gradient(135deg,#06110a 0%,#092115 52%,#06110a 100%);} 
.goal-network{
    position:absolute;inset:0;overflow:hidden;opacity:1;
    background:radial-gradient(circle at 18% 30%, rgba(149,255,143,.07), transparent 26%), radial-gradient(circle at 84% 72%, rgba(217,169,47,.05), transparent 22%);
}
.goal-network::before{
    content:'';position:absolute;inset:0;
    background-image:linear-gradient(rgba(169,198,79,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(169,198,79,.04) 1px, transparent 1px);
    background-size:88px 88px;opacity:.26;animation:gridDrift 18s linear infinite;
}
.goal-network-svg{position:absolute;inset:0;width:100%;height:100%;fill:none;overflow:visible;}
.goal-network-svg polyline,.goal-network-svg line{
    stroke:rgba(82,171,104,.34);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
}
.goal-network-svg.mesh-back{opacity:.52;transform:scale(1.04);animation:meshFloatBack 20s ease-in-out infinite;}
.goal-network-svg.mesh-back polyline,.goal-network-svg.mesh-back line{stroke-dasharray:4 14;animation:dashFlow 22s linear infinite;}
.goal-network-svg.mesh-front{opacity:.82;transform:scale(1.02);animation:meshFloatFront 14s ease-in-out infinite;}
.goal-network-svg.mesh-front polyline,.goal-network-svg.mesh-front line{stroke:rgba(91,201,125,.46);stroke-dasharray:7 18;animation:dashFlowReverse 18s linear infinite;}
.goal-network span{width:12px;height:12px;box-shadow:0 0 0 4px rgba(149,255,143,.12), 0 0 26px rgba(149,255,143,.68);} 
@keyframes dashFlow{from{stroke-dashoffset:0;}to{stroke-dashoffset:-220;}}
@keyframes dashFlowReverse{from{stroke-dashoffset:220;}to{stroke-dashoffset:0;}}
@keyframes meshFloatBack{0%,100%{transform:translate3d(-12px,0,0) scale(1.04);}50%{transform:translate3d(10px,8px,0) scale(1.04);}}
@keyframes meshFloatFront{0%,100%{transform:translate3d(0,0,0) scale(1.02);}50%{transform:translate3d(-14px,-8px,0) scale(1.02);}}
@keyframes gridDrift{0%{transform:translate3d(0,0,0);}100%{transform:translate3d(-44px,-44px,0);}}

/* Team portrait shine fix */
.team-portrait .team-image-shine{
    display:block;position:absolute;z-index:5;top:-24%;bottom:-24%;left:-64%;width:34%;
    background:linear-gradient(102deg, transparent 0%, rgba(255,255,255,0) 18%, rgba(255,255,255,.96) 45%, rgba(217,169,47,.36) 52%, rgba(255,255,255,.54) 60%, rgba(255,255,255,0) 80%, transparent 100%);
    transform:skewX(-20deg);opacity:0;pointer-events:none;mix-blend-mode:screen;
}
.team-card:hover .team-portrait .team-image-shine{animation:teamPhotoSweep 1.35s cubic-bezier(.16,.84,.2,1) 1;}
.team-portrait::after{
    content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;
    background:radial-gradient(circle at 18% 16%, rgba(255,255,255,.22), transparent 24%), linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08));
    transition:opacity .34s ease;
}
.team-card:hover .team-portrait::after{opacity:1;}
@keyframes teamPhotoSweep{0%{left:-64%;opacity:0;}12%{opacity:.2;}20%{opacity:.98;}78%{opacity:.9;}100%{left:132%;opacity:0;}}

@media(max-width:1180px){
    .story-metrics article{min-height:310px;}
}
@media(max-width:980px){
    .about-hero-particles{inset:82px 0 0;}
    .story-metrics article{min-height:300px;}
    .metric-visual{height:136px;}
    .goal-network::before{background-size:66px 66px;}
}


/* v34: denser hero particles, connected goal mesh nodes, and Apple-style team photo shine */
.about-hero-particles span:nth-child(n+13){
    opacity:.72;
    transform-origin:center;
}
.about-hero-particles span:nth-child(4n){
    background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.95), rgba(116,209,126,.92) 42%, rgba(116,209,126,.40) 72%, rgba(116,209,126,0) 74%);
}
.about-hero-particles span:nth-child(5n){
    filter:blur(.15px);
}

.goal-network-svg circle{
    fill:#95ff8f;
    stroke:rgba(226,255,210,.72);
    stroke-width:2.2;
    filter:drop-shadow(0 0 8px rgba(149,255,143,.78)) drop-shadow(0 0 20px rgba(149,255,143,.26));
    transform-box:fill-box;
    transform-origin:center;
    animation:connectedNodePulse 3.4s ease-in-out infinite;
}
.goal-network-svg.mesh-back circle:nth-of-type(3n){
    fill:#d9a92f;
    stroke:rgba(255,236,175,.62);
    filter:drop-shadow(0 0 8px rgba(217,169,47,.62)) drop-shadow(0 0 18px rgba(217,169,47,.22));
}
.goal-network-svg.mesh-front circle:nth-of-type(2n){
    animation-delay:-1.1s;
}
.goal-network-svg.mesh-front circle:nth-of-type(3n){
    animation-delay:-2.2s;
}
.goal-network-svg.mesh-back circle:nth-of-type(2n){
    animation-delay:-.6s;
}
.goal-network-svg.mesh-back circle:nth-of-type(4n){
    animation-delay:-1.8s;
}
.goal-network-svg polyline,
.goal-network-svg line{
    vector-effect:non-scaling-stroke;
}
.goal-network-svg.mesh-front polyline,
.goal-network-svg.mesh-front line{
    stroke-width:2.4;
}
@keyframes connectedNodePulse{
    0%,100%{opacity:.55;transform:scale(.78);}
    45%{opacity:1;transform:scale(1.24);}
    68%{opacity:.72;transform:scale(.94);}
}

/* remove old top-left halo and replace it with a full-image light sweep */
.team-portrait{
    isolation:isolate;
    overflow:hidden;
}
.team-portrait::after{
    display:none !important;
    content:none !important;
}
.team-portrait img{
    z-index:1;
}
.team-portrait::before{
    z-index:2;
    pointer-events:none;
}
.team-portrait .team-image-shine{
    display:block !important;
    position:absolute !important;
    z-index:6 !important;
    top:-12% !important;
    bottom:-12% !important;
    left:-110% !important;
    width:82% !important;
    height:auto !important;
    border:0 !important;
    border-radius:0 !important;
    opacity:0;
    pointer-events:none;
    transform:skewX(-19deg) translate3d(0,0,0) !important;
    transform-origin:center;
    background:
      linear-gradient(104deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0) 30%,
        rgba(255,255,255,.08) 38%,
        rgba(255,255,255,.72) 48%,
        rgba(255,255,255,.98) 51%,
        rgba(217,169,47,.26) 56%,
        rgba(255,255,255,.20) 64%,
        rgba(255,255,255,0) 76%,
        rgba(255,255,255,0) 100%) !important;
    filter:blur(.25px);
    mix-blend-mode:screen;
    box-shadow:none !important;
}
.team-card:hover .team-portrait .team-image-shine{
    animation:teamAppleStyleSweep 1.65s cubic-bezier(.16,.84,.18,1) 1 !important;
}
.team-card:hover .team-portrait img{
    transform:scale(1.055);
    filter:saturate(1.07) contrast(1.045) brightness(1.02);
}
@keyframes teamAppleStyleSweep{
    0%{left:-115%;opacity:0;}
    12%{opacity:.36;}
    26%{opacity:1;}
    64%{opacity:.92;}
    100%{left:135%;opacity:0;}
}

@media(max-width:980px){
    .goal-network-svg.mesh-back{transform:scale(1.1);}
    .goal-network-svg.mesh-front{transform:scale(1.08);}
    .team-portrait .team-image-shine{width:92% !important;}
}


/* v35: reduce visual density of Our Goal background nodes */
.goal-network > span:nth-of-type(n+6){
    display:none !important;
}
.goal-network-svg circle:nth-of-type(even){
    display:none !important;
}
.goal-network-svg circle{
    opacity:.72;
}
.goal-network-svg.mesh-back circle:nth-of-type(3n),
.goal-network-svg.mesh-front circle:nth-of-type(3n){
    opacity:.60;
}

/* Employer-selected About goal icons */
.goal-icon .ghg-goal-custom-icon{display:block;width:38px;height:38px;object-fit:contain}