@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{
  --ink:#18221d; --muted:#66736c; --cream:#f7f3ea; --paper:#fffdf8; --sage:#657968;
  --deep:#23372d; --gold:#b99150; --line:#ded8ca; --soft:#ece7dc;
  --shadow:0 24px 70px rgba(24,34,29,.11); --radius:22px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none} p{color:var(--muted);font-size:1.02rem}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(222,216,202,.7);background:rgba(255,253,248,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:"Playfair Display";color:var(--gold);font-size:1.15rem}.brand strong{display:block;font-family:"Playfair Display";font-size:1rem}.brand small{display:block;color:var(--muted);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:22px;font-size:.82rem;color:#4e5a54}.nav a:hover{color:var(--gold)}.nav-family{padding:9px 14px;border:1px solid var(--line);border-radius:999px}.menu-btn{display:none;border:0;background:none;font-size:1.4rem}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(300px,1fr) minmax(380px,1fr);gap:7vw;align-items:center;padding:7vw 8vw;background:linear-gradient(135deg,#f6f1e7 0%,#fffdf8 60%)}
.hero-image{height:640px;max-height:72vh;border-radius:38px;overflow:hidden;background:linear-gradient(145deg,#d8d1c1,#9b8f79);position:relative;box-shadow:var(--shadow)}
.hero-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.45),transparent 35%),linear-gradient(180deg,transparent 55%,rgba(30,34,27,.35))}
.portrait-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.86);font-family:"Playfair Display";text-align:center}.portrait-placeholder span{font-size:9rem;line-height:1}.portrait-placeholder small{position:absolute;bottom:30px;letter-spacing:.16em;text-transform:uppercase;font:500 .66rem "DM Sans"}
.eyebrow,.section-kicker{color:var(--gold);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.hero h1,.section h2,.closing h2,.family-hero h1,.hindi-hero h1{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-.025em}.hero h1{font-size:clamp(3.2rem,6vw,6.2rem);margin:20px 0}.hero h1 em,.family-hero h1 em,.hindi-hero h1 em{color:var(--sage)}.hero-lead{font-size:1.16rem;max-width:610px}.hero-actions{display:flex;gap:12px;margin:32px 0 20px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border-radius:999px;font-weight:600;font-size:.86rem;transition:.25s ease}.btn.primary{background:var(--deep);color:white}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(35,55,45,.2)}.btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.45)}.btn.ghost:hover{border-color:var(--gold)}.btn.dark{border-color:rgba(255,255,255,.2);color:white}.hero-note{font-size:.72rem;color:#7a827d;letter-spacing:.08em;text-transform:uppercase}
.quote-band{padding:90px 15vw;background:var(--deep);color:#f8f3e9;text-align:center}.quote-mark{font:6rem/0.7 "Playfair Display";color:var(--gold)}blockquote{font:italic 1.8rem/1.45 "Playfair Display";max-width:900px;margin:25px auto 12px}.quote-band p{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#bdc5bf}
.section{padding:110px 8vw}.tinted{background:var(--cream)}.section-heading{max-width:820px;margin-bottom:46px}.section h2{font-size:clamp(2.4rem,4vw,4.2rem);margin:14px 0 18px}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.story-card{border:1px solid var(--line);background:#fff;padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.mini-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:18px}.fact{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:0}.fact span{color:var(--gold);font-size:.78rem}.fact b{font-size:.88rem}
.feature-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.feature-card{min-height:260px;padding:30px;border-radius:var(--radius);background:white;border:1px solid var(--line);position:relative}.feature-card.photo-slot{min-height:538px;background:linear-gradient(145deg,#c9c0ad,#776f61);grid-row:span 2}.photo-slot:after{content:attr(data-label);position:absolute;left:18px;bottom:16px;color:rgba(255,255,255,.85);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.photo-overlay{position:absolute;inset:auto 25px 24px;font:2rem "Playfair Display";color:white}.card-number{color:var(--gold);font-size:.75rem;letter-spacing:.15em}.feature-card h3{font:1.6rem "Playfair Display";margin:20px 0 8px}
.split-story{display:grid;grid-template-columns:1fr 1fr;padding:0}.image-panel{min-height:620px;background:linear-gradient(145deg,#aaa18f,#625b50);position:relative}.vertical-caption{position:absolute;bottom:30px;left:8vw;color:white;font:italic 1.4rem "Playfair Display"}.text-panel{padding:110px 9vw;align-self:center}.text-link{color:var(--gold);font-weight:700}.timeline{max-width:920px;margin:50px auto 0;border-left:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:160px 1fr;gap:35px;padding:0 0 44px 34px;position:relative}.timeline-item:before{content:"";position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--gold)}.timeline-year{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:700}.timeline h3{margin:0;font:1.5rem "Playfair Display"}.timeline p{margin-top:7px}
.story-feature{display:grid;grid-template-columns:1.2fr .8fr;min-height:440px;background:var(--deep);color:#f8f3e9}.story-feature-copy{padding:90px 9vw}.story-feature-copy p{color:#c8d0ca;max-width:650px}.story-feature-art{display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,#5d7565,transparent 48%),#2c4437;position:relative}.story-feature-art span{font:8rem "Playfair Display";opacity:.13}.lamp{font-size:7rem;color:#e8d19e;filter:drop-shadow(0 0 30px rgba(232,209,158,.4))}.story-feature-art small{color:#d2d9d3;letter-spacing:.15em;text-transform:uppercase;font-size:.65rem}
.quote-grid,.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote-grid article,.values-grid article{background:white;border:1px solid var(--line);padding:30px;border-radius:var(--radius)}.quote-grid h3,.values-grid h3{font:1.45rem "Playfair Display";margin:0 0 8px}.career-line{border-left:1px solid var(--line);padding-left:30px}.career-line div{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:25px}.career-line span{width:70px;color:var(--gold);font-size:.78rem}.career-line b{font-family:"Playfair Display";font-size:1.15rem}
.freedom{background:#2a332d;color:#f6f1e7}.history-card{border:1px solid rgba(255,255,255,.16);padding:55px;display:grid;grid-template-columns:1fr 260px;gap:50px;align-items:center}.freedom p{color:#c9d0ca}.small-note{font-size:.75rem;font-style:italic}.history-symbol{font:7rem "Playfair Display";color:var(--gold);text-align:center;opacity:.85}.values-grid{grid-template-columns:repeat(4,1fr)}.values-grid span{color:var(--gold);font-size:.72rem;letter-spacing:.15em}.mother{background:#18231d;color:#f7f3ea}.mother p{color:#c7d0c9}.mother-art{min-height:450px;border-radius:var(--radius);background:linear-gradient(145deg,#9b927e,#514d43);position:relative;display:flex;align-items:flex-end;padding:28px;color:white;font:1.6rem "Playfair Display"}.legacy{background:var(--cream)}.centered{text-align:center;margin-left:auto;margin-right:auto}.tree{max-width:900px;margin:55px auto}.tree-node{background:white;border:1px solid var(--line);padding:15px 22px;border-radius:999px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.05)}.tree-node.root{background:var(--deep);color:white;border-color:var(--deep);font-family:"Playfair Display";font-size:1.2rem;max-width:300px;margin:auto}.tree-stem{height:50px;border-left:1px solid var(--gold);margin:auto;width:1px}.tree-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;position:relative}.tree-branches:before{content:"";position:absolute;top:0;left:16%;right:16%;border-top:1px solid var(--gold)}.branch{padding-top:25px;text-align:center}.branch small{color:var(--muted);font-size:.72rem}.center-action{text-align:center;margin-top:35px}.closing{background:var(--deep);color:white;text-align:center;padding:120px 8vw}.closing-inner{max-width:850px;margin:auto}.closing h2{font-size:5rem}.closing p{color:#c9d0ca;font-size:1.1rem}.closing-line{width:80px;height:1px;background:var(--gold);margin:35px auto}.closing strong{font:1.2rem "Playfair Display";color:#e1d0a8}.footer{padding:35px 8vw;background:#101914;color:#d6ddd7;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer div:first-child span{display:block;color:#7e8b83;font-size:.75rem}.footer-links{display:flex;gap:20px;font-size:.8rem}.footer small{color:#6f7a73}
.hindi-hero,.family-hero{padding:130px 8vw 110px;background:linear-gradient(135deg,#f4efe5,#fffdf8)}.hindi-hero h1,.family-hero h1{font-size:clamp(3rem,6vw,6rem);max-width:950px}.hindi-hero p,.family-hero p{max-width:760px;font-size:1.15rem}.hindi-content{max-width:1000px}.hindi-content h2{max-width:800px}.hindi-page{font-family:"Noto Sans Devanagari","DM Sans",Arial,sans-serif}.hindi-page h1,.hindi-page h2{font-family:"Noto Serif Devanagari","Playfair Display",serif}.family-page .family-hero{background:linear-gradient(135deg,#1e3128,#324c3d);color:white}.family-page .family-hero p{color:#cbd4ce}.private-badge{display:inline-block;margin-top:22px;padding:8px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:.66rem;letter-spacing:.15em;color:#e4d0a0}.family-tree{max-width:1100px;margin:45px auto}.family-root{max-width:330px;margin:auto;background:var(--deep);color:white;padding:18px 25px;border-radius:999px;text-align:center;font:1.2rem "Playfair Display"}.family-line{height:55px;border-left:1px solid var(--gold);margin:auto}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.family-branch{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 10px 40px rgba(0,0,0,.04)}.branch-photo{height:180px;border-radius:16px;background:linear-gradient(145deg,#c6bda9,#766f62);position:relative}.family-branch h3{font:1.4rem "Playfair Display";margin:18px 0 5px}.members{display:flex;gap:6px;flex-wrap:wrap}.members span{font-size:.67rem;padding:5px 9px;border:1px solid var(--line);border-radius:999px}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.person-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:14px}.person-photo{height:240px;background:linear-gradient(145deg,#cbc2ae,#756d5e);border-radius:16px;position:relative}.person-card h3{font:1.25rem "Playfair Display";margin:14px 5px 2px}.person-card p{font-size:.8rem;margin:0 5px 8px}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.album{height:220px;border-radius:var(--radius);background:linear-gradient(145deg,#bbb19d,#6c665a);position:relative;padding:25px;color:white;display:flex;align-items:flex-end;font:1.5rem "Playfair Display"}.memory-card{max-width:850px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:50px;text-align:center}.muted{color:var(--muted)}
@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding:50px 6vw}.hero-image{height:55vh;max-height:none}.two-col,.story-feature,.split-story{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-card.photo-slot{grid-row:span 1;min-height:350px}.text-panel,.story-feature-copy{padding:70px 8vw}.quote-grid,.values-grid{grid-template-columns:1fr 1fr}.tree-branches,.family-grid,.people-grid,.album-grid{grid-template-columns:1fr 1fr}.history-card{grid-template-columns:1fr}.history-symbol{display:none}}
@media(max-width:600px){.site-header{padding:0 5vw}.hero h1{font-size:3.25rem}.section{padding:75px 6vw}.quote-band{padding:70px 8vw}.feature-grid,.quote-grid,.values-grid,.tree-branches,.family-grid,.people-grid,.album-grid{grid-template-columns:1fr}.feature-card.photo-slot{min-height:300px}.timeline-item{grid-template-columns:1fr;gap:5px;padding-left:22px}.closing h2{font-size:3.6rem}.history-card{padding:30px}.memory-card{padding:30px}.hindi-hero,.family-hero{padding:90px 6vw}}