/* ===== DESKTOP ===== */
@media(min-width:769px){
nav{height:120px;background:transparent}
.logo{height:104px}
.ham{display:none}
.nav-l{position:static;flex-direction:row;max-height:none;gap:2rem;align-items:center;width:auto;overflow:visible;background:transparent}
.nav-l a{padding:0;min-height:auto;font-size:.9rem}
.nav-l .nav-cta{padding:0;margin-left:.5rem}.nav-cta .btn{width:auto}
.sec{padding:5rem 0}
.sec-t{font-size:clamp(1.5rem,3vw,2rem)}
.sec-s{font-size:.95rem;margin-bottom:3rem}
.hero{background:var(--pri) url('../images/bg_animals_wireframe.webp') center 40%/cover no-repeat;padding:10rem 0 5rem;position:relative}
.hero::before{content:'';position:absolute;inset:0;background:rgba(14,32,53,.7)}
.hero .c{position:relative;z-index:1}
.hero h1{font-size:clamp(2rem,5vw,3.2rem)}
.hero>div>p{font-size:1.1rem}
.hero-b{flex-direction:row;justify-content:center;gap:1rem}
.hero-b .btn{width:auto}
.cg-3{grid-template-columns:repeat(3,1fr)}
.cg-2{grid-template-columns:repeat(2,1fr)}
.cd{padding:2rem}
.cd-i{width:48px;height:48px}.cd-i svg{width:24px;height:24px}
.cd h3{font-size:1.1rem}
.cd p{font-size:.95rem}
.prob-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.prob-arrows{display:none}
.cmp{display:grid;grid-template-columns:1fr 1fr}
.cmp-col{padding:2.5rem}
.cmp-col h3{font-size:1.1rem}
.cmp-col li{font-size:.93rem}
.svc-g{grid-template-columns:repeat(4,1fr);gap:1.5rem}
.svc{padding:2.5rem 2rem}.svc h3{font-size:1rem}.svc p{display:block;font-size:.9rem;color:rgba(255,255,255,.5);margin-top:.4rem}
.sp{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.step-n{width:56px;height:56px;font-size:1.3rem}
.tm-p{width:72px;height:72px}
.tm-n{font-size:.75rem}
.tm{gap:1.5rem}
.cs-n{font-size:1.5rem}
.res-g{grid-template-columns:repeat(3,1fr)}
.res-th{height:auto}
.cta{padding:4rem 0}
.cta h2{font-size:clamp(1.4rem,3vw,2rem)}
.cta-b{flex-direction:row;gap:1rem}
.cta-b .btn{width:auto}
.ft-g{flex-direction:row;justify-content:space-between}
}

.team-g{display:grid;gap:1.2rem}
.team-f{grid-template-columns:1fr}
.team-s{grid-template-columns:1fr 1fr;gap:1rem}
.tc{text-align:center;padding:1.5rem 1rem;border:1px solid #e4e4e4;border-radius:var(--r)}
.tc.founder{padding:2rem 1.2rem}
.t-ph{width:100px;height:100px;border-radius:50%;margin:0 auto .8rem;overflow:hidden;background:var(--bg2);border:3px solid #e4e4e4}
.tc.founder .t-ph{width:120px;height:120px;border-color:var(--pri)}
.t-ph img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.t-nm{font:600 1rem 'Poppins',sans-serif;margin-bottom:.15rem}
.tc.founder .t-nm{font-size:1.1rem}
.t-rl{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--jade);margin-bottom:.6rem}
.tc.founder .t-rl{color:var(--pri)}
.t-ds{font-size:.85rem;color:var(--tx2);max-width:320px;margin:0 auto}
.tl{max-width:700px;margin:0 auto;padding-left:1.8rem;position:relative}
.tl::before{content:'';position:absolute;left:7px;top:0;bottom:0;width:2px;background:#e4e4e4}
.tl-i{position:relative;margin-bottom:1.5rem;padding-left:1.2rem}
.tl-i::before{content:'';position:absolute;left:-1.8rem;top:5px;width:14px;height:14px;border-radius:50%;background:var(--pri);border:3px solid #fff;box-shadow:0 0 0 2px var(--pri)}
.tl-d{font-size:.72rem;font-weight:700;color:var(--jade);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}
.tl-i h4{font-size:.95rem;margin-bottom:.2rem}
.tl-i p{font-size:.85rem;color:var(--tx2)}
.vg{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:769px){
.team-f{grid-template-columns:1fr 1fr;gap:2rem}
.team-s{grid-template-columns:repeat(4,1fr);gap:1.5rem}
.tc{padding:2.5rem 1.5rem}
.tc.founder{padding:3rem 2rem}
.t-ph{width:140px;height:140px}
.tc.founder .t-ph{width:160px;height:160px}
.vg{grid-template-columns:repeat(2,1fr);gap:1.5rem}
}


/* --- Scroll Reveal --- */
.rv{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.rv.show{opacity:1;transform:translateY(0)}
.rv-d1{transition-delay:.1s}
.rv-d2{transition-delay:.2s}
.rv-d3{transition-delay:.3s}
.rv-d4{transition-delay:.4s}
.rv-l{transform:translateX(-30px)}.rv-l.show{transform:translateX(0)}
.rv-r{transform:translateX(30px)}.rv-r.show{transform:translateX(0)}
.rv-s{transform:scale(.92)}.rv-s.show{transform:scale(1)}

nav{transition:transform .3s ease}
nav.hide{transform:translateY(-100%)}

/* --- Extracted inline styles --- */
.about-page-hero{padding:5rem 0 1.5rem;text-align:center}
.about-page-title{font-size:1.3rem;margin-bottom:.3rem}
.about-page-subtitle{color:rgba(255,255,255,.6);font-size:.85rem;max-width:500px;margin:0 auto}
.about-mission{max-width:780px}
.about-mission-lead{text-align:center;color:var(--tx2);font-size:.88rem;margin-bottom:1.5rem}
.about-mission-text{font-size:.92rem}
.about-mission-text-gap{font-size:.92rem;margin-top:.8rem}
.about-scale-130{transform:scale(1.3)}
.about-values-grid{margin-top:1.5rem}
.about-value-card{border:1px solid #e4e4e4}
.about-footer-copy{margin-top:.5rem}