@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&display=swap');

:root{
  --green:#173d32; --green2:#245646; --gold:#b4975a; --cream:#f5f1e8;
  --paper:#fbfaf6; --ink:#17231f; --muted:#66736d; --line:#dcd8cd; --white:#fff;
  --shadow:0 20px 60px rgba(23,61,50,.12); --radius:22px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Exo 2",sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.navbar{position:sticky;top:0;z-index:100;background:rgba(251,250,246,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,216,205,.7)}
.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px;font-family:"Exo 2",sans-serif;color:var(--green);font-size:22px;font-weight:700}
.logo-mark{width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:"Exo 2",sans-serif}
.nav-links{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}
.nav-links a:hover{color:var(--gold)}
.nav-cta{background:var(--green);color:#fff!important;padding:12px 20px;border-radius:999px}
.menu{display:none;border:0;background:none;font-size:25px;color:var(--green)}
h1,h2,h3{font-family:"Exo 2",sans-serif;line-height:1.15;color:var(--green)}
h1{font-size:clamp(48px,6vw,78px);letter-spacing:-1.5px}
h2{font-size:clamp(36px,4vw,54px)}
h3{font-size:25px}
p{color:var(--muted)}
.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;margin-bottom:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:999px;font-weight:700;font-size:14px;transition:.25s;border:1px solid transparent}
.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#0f2c24;transform:translateY(-2px)}
.btn-outline{border-color:var(--green);color:var(--green)}.btn-outline:hover{background:var(--green);color:#fff}
.btn-gold{background:var(--gold);color:#fff}
.hero{min-height:calc(100vh - 82px);display:grid;align-items:center;position:relative;overflow:hidden;background:linear-gradient(110deg,#f7f4ec 0%,#eee8da 52%,#dfe6dd 100%)}
.hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-230px;top:-160px;background:rgba(180,151,90,.12)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:90px 0}
.hero-copy p{font-size:18px;max-width:650px;margin:25px 0 34px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-image{min-height:570px;border-radius:180px 180px 24px 24px;background:linear-gradient(135deg,#254f42,#9d9b7a);box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-image:before{content:"DR. MOHAN";position:absolute;bottom:28px;left:30px;color:#fff;font-size:11px;letter-spacing:3px}
.image-placeholder{display:grid;place-items:center;height:100%;color:rgba(255,255,255,.8);text-align:center;padding:30px}
.stats{background:var(--green);color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:34px 20px;border-right:1px solid rgba(255,255,255,.15);text-align:center}
.stat:last-child{border:0}.stat strong{display:block;font:600 31px "Exo 2";color:#fff}.stat span{font-size:12px;color:#cbd8d2;text-transform:uppercase;letter-spacing:1px}
.section{padding:105px 0}.section-soft{background:var(--cream)}
.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.lead{font-size:21px;color:var(--green);line-height:1.6}
.prose p{margin:0 0 18px}
.quote{padding:40px;border-left:3px solid var(--gold);background:#fff;box-shadow:var(--shadow);font:500 25px/1.5 "Exo 2";color:var(--green);border-radius:0 18px 18px 0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}
.card{background:#fff;border:1px solid var(--line);padding:30px;border-radius:var(--radius);transition:.25s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.icon{width:46px;height:46px;border-radius:50%;background:var(--cream);color:var(--gold);display:grid;place-items:center;margin-bottom:25px;font-family:"Exo 2",sans-serif;font-size:20px}
.card p{font-size:14px;margin-top:10px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:520px}
.split-image{background:linear-gradient(135deg,#173d32,#b4975a);min-height:500px}
.split-copy{background:var(--green);padding:80px 8%;display:flex;flex-direction:column;justify-content:center}
.split-copy h2,.split-copy p{color:#fff}.split-copy p{opacity:.8;margin:22px 0}
.timeline{border-left:1px solid var(--gold);margin:45px 0 0 10px;padding-left:35px}
.timeline-item{position:relative;margin-bottom:40px}.timeline-item:before{content:"";position:absolute;width:10px;height:10px;background:var(--gold);border-radius:50%;left:-41px;top:8px}
.timeline-item h3{font-size:22px}.timeline-item p{margin-top:8px;font-size:15px}
.cta{background:var(--green);color:#fff;padding:75px 0;text-align:center}
.cta h2{color:#fff}.cta p{max-width:650px;margin:18px auto 28px;color:#cbd8d2}
.footer{background:#102c25;color:#d6e0db;padding:55px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:50px;padding-bottom:40px}
.footer h3{color:#fff;font-size:18px;margin-bottom:18px}.footer p,.footer a{color:#aebeb7;font-size:14px}.footer a{display:block;margin:8px 0}.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:12px;color:#82958d}
.page-hero{background:var(--cream);padding:100px 0 90px;text-align:center}.page-hero p{max-width:760px;margin:20px auto 0;font-size:18px}
.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}
.form-card{background:#fff;padding:38px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}
label{font-size:13px;font-weight:700;color:var(--green)}input,textarea,select{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fcfbf8;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold)}textarea{min-height:130px;resize:vertical}
.note{font-size:13px;margin-top:15px}.service-list{display:grid;gap:15px;margin-top:25px}.service-item{padding:22px;background:var(--cream);border-radius:15px}.service-item strong{display:block;color:var(--green);margin-bottom:5px}
@media(max-width:900px){
 .nav-links{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;box-shadow:0 15px 30px rgba(0,0,0,.08)}
 .nav-links.open{display:flex}.menu{display:block}
 .hero-grid,.two-col,.form-wrap{grid-template-columns:1fr;gap:45px}.hero-image{min-height:420px}.cards{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.split-image{min-height:380px}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .nav-inner{height:72px}.nav-links{top:72px}.hero{min-height:auto}.hero-grid{padding:65px 0}.hero-image{min-height:360px}.cards,.form-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.section{padding:70px 0}.split-copy{padding:60px 7%}.page-hero{padding:70px 0}
 h1{font-size:46px}.hero-copy p{font-size:16px}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
}

/* Dr. Mohan photography */
.hero-portrait { background:#fff; overflow:hidden; position:relative; }
.hero-portrait img { width:100%; height:100%; display:block; object-fit:cover; object-position:center top; }
.journey-image { overflow: hidden; }
.journey-image img { width: 100%; height: 100%; min-height: 500px; object-fit: cover; object-position: center; }
@media(max-width:900px){
  .hero-portrait img { object-position: center top; }
  .journey-image img { min-height: 380px; }
}

/* Updated global typography */
body { font-family:"Exo 2",sans-serif; }
h1,h2,h3,h4,h5,h6,.logo,.display-title { font-family:"Exo 2",sans-serif; }
.nav a,.btn,button { font-family:"Exo 2",sans-serif; }
.hero-portrait img { object-fit:cover; object-position:center top; }

/* Final Dr. Mohan portrait */
.hero-portrait {
  overflow: hidden;
  position: relative;
  background: #fff;
}
.hero-portrait img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center top;
}

/* Responsive gallery photo grid */
.gallery-page .gallery-hero { padding: clamp(3rem, 7vw, 6rem) 0; }
.gallery-page .gallery-section {
  padding-top: clamp(2rem, 4vw, 4rem);
  padding-bottom: clamp(3rem, 6vw, 5rem);
}
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 24px);
}
.gallery-card {
  margin: 0; overflow: hidden; border-radius: 12px;
  background: #f3f0eb; aspect-ratio: 4 / 3;
}
.gallery-card a { display: block; width: 100%; height: 100%; }
.gallery-card img {
  display: block; width: 100%; height: 100%;
  object-fit: cover; transition: transform .35s ease;
}
.gallery-card a:hover img { transform: scale(1.035); }
@media (max-width: 800px) {
  .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .gallery-grid { grid-template-columns: 1fr; }
}


/* Global typography: Exo 2 */
html, body, button, input, select, textarea {
  font-family: 'Exo 2', sans-serif !important;
}
body *, body *::before, body *::after {
  font-family: inherit;
}