.about-page{overflow:hidden;background:#fbf8f0}
.about-hero{position:relative;isolation:isolate;min-height:310px;padding:102px 0 48px;display:flex;align-items:center;background:var(--cream)}
.about-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 82% 24%,rgba(228,122,0,.14),transparent 27%),linear-gradient(125deg,transparent 54%,rgba(22,41,30,.05) 54% 54.2%,transparent 54.2%)}
.about-hero::after{content:"";position:absolute;z-index:-1;right:-70px;bottom:-230px;width:480px;height:480px;border:1px solid rgba(22,41,30,.09);border-radius:50%;box-shadow:0 0 0 48px rgba(228,122,0,.03),0 0 0 96px rgba(22,41,30,.02)}
.about-hero-inner{position:relative;max-width:960px}
.about-kicker{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}
.about-kicker::before{content:"";width:38px;height:1px;background:currentColor}
.about-hero h1{max-width:900px;margin:0;color:var(--green);font-size:clamp(44px,5.7vw,68px);font-weight:900;line-height:1.04;letter-spacing:-3px}
.about-hero h1 span{color:var(--orange)}
.about-section{padding:70px 0}
.about-story{padding:62px 0}
.about-story-grid{display:grid;grid-template-columns:.66fr 1.34fr;gap:68px;align-items:center}
.about-year{padding:30px 32px;border:1px solid rgba(22,41,30,.11);border-radius:20px;background:var(--cream);box-shadow:0 14px 34px rgba(22,41,30,.06)}
.about-year strong{display:block;color:var(--orange);font-size:62px;line-height:1;font-weight:900;letter-spacing:-3px}
.about-year span{display:block;margin-top:10px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}
.about-copy h2,.about-family-heading h2,.about-milestones-heading h2{margin:7px 0 15px;color:var(--green);font-size:clamp(34px,3.7vw,46px);line-height:1.07;letter-spacing:-1.8px}
.about-copy p{max-width:720px;margin:0;color:var(--muted);font-size:15.5px;line-height:1.75}
.about-family{padding:54px 0;background:#eee7d8}
.about-family-heading{max-width:690px;margin-bottom:28px}
.founder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.founder-card{overflow:hidden;border:1px solid rgba(22,41,30,.11);border-radius:18px;background:#fffdf8;box-shadow:0 10px 26px rgba(22,41,30,.05)}
.founder-placeholder{height:126px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--green),#304739);color:rgba(255,255,255,.92)}
.founder-placeholder span{width:68px;height:68px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--orange);font-size:20px;font-weight:900;letter-spacing:2px;background:rgba(255,255,255,.06)}
.founder-card-content{min-height:88px;padding:15px 18px 16px}
.founder-card h3{margin:0;color:var(--green);font-size:18px;line-height:1.25}
.founder-card p{margin:7px 0 0;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}
.about-milestones{padding-bottom:58px;background:#fbf8f0}
.about-milestones-heading{max-width:690px;margin-bottom:28px}
.milestone-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.milestone-timeline::before{content:"";position:absolute;z-index:0;top:37px;left:12.5%;right:12.5%;height:2px;background:rgba(228,122,0,.42)}
.milestone-connector-nodes{position:absolute;z-index:1;top:33px;left:12.5%;right:12.5%;display:flex;justify-content:space-evenly;pointer-events:none}
.milestone-connector-nodes span{width:10px;height:10px;border:2px solid #fbf8f0;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px rgba(228,122,0,.25)}
.milestone{position:relative;z-index:2;text-align:center}
.milestone-icon{width:76px;height:76px;margin:0 auto;border:1px solid rgba(228,122,0,.28);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fffaf0;color:var(--orange);box-shadow:0 8px 20px rgba(22,41,30,.055)}
.milestone-icon svg{width:34px;height:34px}
.milestone-label{display:block;min-height:29px;margin:13px 0 7px;color:var(--orange);font-size:11px;font-weight:900;line-height:1.35;letter-spacing:1.25px;text-transform:uppercase}
.milestone-card{min-height:92px;padding:14px 15px;border:1px solid rgba(22,41,30,.1);border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--cream)}
.milestone-card p{margin:0;color:var(--green);font-size:13px;font-weight:700;line-height:1.48}
html[lang="hi"] .about-hero h1,html[lang="pa"] .about-hero h1,html[lang="hi"] .about-copy h2,html[lang="pa"] .about-copy h2,html[lang="hi"] .about-family-heading h2,html[lang="pa"] .about-family-heading h2,html[lang="hi"] .about-milestones-heading h2,html[lang="pa"] .about-milestones-heading h2{letter-spacing:-.5px}
html[lang="hi"] .about-kicker,html[lang="pa"] .about-kicker,html[lang="hi"] .about-year span,html[lang="pa"] .about-year span,html[lang="hi"] .founder-card p,html[lang="pa"] .founder-card p,html[lang="hi"] .milestone-label,html[lang="pa"] .milestone-label{letter-spacing:.3px}
@media(max-width:900px){.milestone-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.milestone-timeline::before,.milestone-connector-nodes{display:none}.milestone:nth-of-type(odd)::before{content:"";position:absolute;z-index:-1;top:37px;left:50%;width:calc(100% + 18px);height:2px;background:rgba(228,122,0,.42)}.milestone:nth-of-type(odd)::after{content:"";position:absolute;z-index:1;top:33px;left:calc(100% + 4px);width:10px;height:10px;border:2px solid #fbf8f0;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px rgba(228,122,0,.25)}}
@media(max-width:820px){.about-hero{min-height:285px;padding:96px 0 40px}.about-story-grid{grid-template-columns:.55fr 1.45fr;gap:34px}.about-year{padding:25px}.about-year strong{font-size:52px}.founder-placeholder{height:112px}.founder-card-content{min-height:88px;padding:14px 17px 15px}}
@media(max-width:680px){.about-story-grid{grid-template-columns:1fr;gap:25px}.about-year{max-width:320px}.founder-grid{grid-template-columns:1fr}.founder-card{display:grid;grid-template-columns:120px 1fr}.founder-placeholder{height:100px}.founder-card-content{min-height:100px;display:flex;flex-direction:column;justify-content:center}}
@media(max-width:600px){.milestone-timeline{grid-template-columns:1fr;gap:19px;padding-left:82px}.milestone-timeline::before{display:block;top:37px;bottom:37px;left:37px;right:auto;width:2px;height:auto}.milestone{min-height:92px;text-align:left}.milestone:nth-of-type(odd)::before,.milestone:nth-of-type(odd)::after{display:none}.milestone-icon{position:absolute;top:0;left:-82px;width:74px;height:74px}.milestone-icon svg{width:31px;height:31px}.milestone-label{min-height:0;margin:0 0 7px}.milestone-card{min-height:66px;padding:12px 14px;justify-content:flex-start}.milestone-card p{font-size:12.5px}}
@media(max-width:520px){.about-hero{min-height:265px;padding:88px 0 36px}.about-hero h1{font-size:40px;letter-spacing:-1.8px}.about-section{padding:54px 0}.about-story{padding:48px 0}.about-family{padding:42px 0}.about-copy p{font-size:14.5px}.about-family-heading,.about-milestones-heading{margin-bottom:23px}.about-milestones{padding-bottom:50px}}