/* Dalmia Family Office Trust — pure HTML/CSS */
:root{
  --bg:#f5f1e6;
  --ivory:#f5f1e6;
  --ink:#1a1f33;
  --fg:#1f2540;
  --muted:#6b6f80;
  --gold:#b88a3e;
  --border:rgba(31,37,64,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--fg);
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif;
  font-weight:300;line-height:1.55;letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:"Cormorant Garamond",ui-serif,Georgia,serif;font-weight:400;letter-spacing:-.015em;line-height:1.05}
em{font-style:italic;font-weight:300}
::selection{background:var(--gold);color:var(--ivory)}

.container{max-width:1480px;margin:0 auto;padding:0 1.5rem}
@media(min-width:768px){.container{padding:0 3rem}}

/* Header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .5s,border-color .5s,backdrop-filter .5s}
.site-header.scrolled{background:rgba(245,241,230,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;padding-bottom:1.25rem}
.brand{display:flex;flex-direction:column;line-height:1}
.brand .name{font-family:"Cormorant Garamond",serif;font-size:1.5rem}
.brand .tag{margin-top:.35rem;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}
.nav{display:none;gap:2.5rem;align-items:center}
.nav a{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--muted);transition:color .3s}
.nav a:hover,.nav a.active{color:var(--fg)}
.nav-cta{display:none;font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:4px}
.menu-btn{display:flex;flex-direction:column;gap:6px;background:none;border:0;cursor:pointer;padding:8px}
.menu-btn span{display:block;width:28px;height:1px;background:var(--fg);transition:transform .3s,opacity .3s}
.menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn.open span:nth-child(2){opacity:0}
.menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:768px){.nav,.nav-cta{display:inline-flex}.menu-btn{display:none}}
.mobile-nav{display:none;border-top:1px solid var(--border);background:var(--bg)}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:1rem 1.5rem;border-bottom:1px solid var(--border);font-size:.8rem;text-transform:uppercase;letter-spacing:.3em}

/* Type helpers */
.eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.rule{display:inline-block;width:2.5rem;height:1px;background:currentColor;vertical-align:middle;margin-right:.75rem}
.display{font-family:"Cormorant Garamond",serif;font-weight:300;line-height:1.02;letter-spacing:-.025em}
.muted{color:var(--muted)}
.gold{color:var(--gold)}
.editorial-link{display:inline-flex;align-items:center;gap:.75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.28em;padding-bottom:4px;border-bottom:1px solid currentColor;transition:gap .4s}
.editorial-link:hover{gap:1.25rem}

/* Sections */
section{position:relative}
.pad-xl{padding:8rem 0}
@media(min-width:768px){.pad-xl{padding:12rem 0}}
.pad-lg{padding:6rem 0}
@media(min-width:768px){.pad-lg{padding:11rem 0}}

/* Hero */
.hero{position:relative;height:100svh;width:100%;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(26,31,51,.3),rgba(26,31,51,.1) 40%,rgba(26,31,51,.85))}
.hero .top-fade{position:absolute;inset:0 0 auto 0;height:10rem;background:linear-gradient(to bottom,rgba(26,31,51,.55),transparent)}
.hero .inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:6rem;color:var(--ivory)}
@media(min-width:768px){.hero .inner{padding-bottom:8rem}}
.hero h1{margin-top:2rem;max-width:64rem;font-size:clamp(3rem,8vw,8.5rem);color:var(--ivory);font-weight:300}
.hero-bottom{margin-top:3rem;display:flex;flex-direction:column;gap:2.5rem}
.hero-bottom p{max-width:28rem;color:rgba(245,241,230,.85)}
@media(min-width:768px){.hero-bottom{flex-direction:row;align-items:flex-end;justify-content:space-between}}
.scroll-tag{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:2;font-size:.6rem;text-transform:uppercase;letter-spacing:.5em;color:rgba(245,241,230,.6)}

/* Page hero (interior) */
.page-hero{padding:11rem 0 6rem}
@media(min-width:768px){.page-hero{padding:14rem 0 6rem}}
.page-hero h1{margin-top:2rem;font-size:clamp(3rem,7vw,8rem);max-width:64rem}
.page-hero .lede{margin-top:3rem;max-width:42rem;font-size:1.125rem;color:var(--muted);line-height:1.7}

/* Grid utilities */
.grid-12{display:grid;gap:4rem}
@media(min-width:768px){.grid-12{grid-template-columns:repeat(12,1fr);gap:4rem}}
.col-4{grid-column:span 12}
.col-5{grid-column:span 12}
.col-6{grid-column:span 12}
.col-7{grid-column:span 12}
.col-8{grid-column:span 12}
@media(min-width:768px){
  .col-4{grid-column:span 4}
  .col-5{grid-column:span 5}
  .col-6{grid-column:span 6}
  .col-7{grid-column:span 7}
  .col-8{grid-column:span 8}
  .start-6{grid-column-start:6}
  .start-7{grid-column-start:7}
}

/* Stats band */
.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--ivory)}
.stats-grid{display:grid;grid-template-columns:1fr}
.stats-grid > div{padding:4rem 2rem;border-bottom:1px solid var(--border)}
.stats-grid > div:last-child{border-bottom:0}
@media(min-width:768px){
  .stats-grid{grid-template-columns:repeat(4,1fr)}
  .stats-grid > div{border-bottom:0;border-right:1px solid var(--border);padding:4rem 3rem}
  .stats-grid > div:last-child{border-right:0}
}
.stats .k{font-family:"Cormorant Garamond",serif;font-size:3rem;font-weight:300;line-height:1}
@media(min-width:768px){.stats .k{font-size:3.75rem}}
.stats .v{margin-top:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.28em;color:var(--muted)}

/* Image block */
.aspect-45{aspect-ratio:4/5;overflow:hidden}
.aspect-43{aspect-ratio:4/3;overflow:hidden}
.aspect-34{aspect-ratio:3/4;overflow:hidden}
.aspect-45 img,.aspect-43 img,.aspect-34 img{width:100%;height:100%;object-fit:cover}

/* Dark section */
.dark{background:var(--ink);color:var(--ivory)}
.dark .muted{color:rgba(245,241,230,.7)}
.dark .eyebrow{color:var(--gold)}

/* Ordered list rows */
.rows{list-style:none}
.rows li{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;align-items:baseline;padding:2.5rem 0;border-bottom:1px solid var(--border);transition:background .3s}
.dark .rows li{border-color:rgba(245,241,230,.15)}
.rows li:hover{background:rgba(245,241,230,.03)}
.rows .num{grid-column:span 2;font-family:"Cormorant Garamond",serif;font-size:1.5rem;color:var(--gold)}
.rows .key{grid-column:span 10;font-family:"Cormorant Garamond",serif;font-size:1.5rem}
@media(min-width:768px){
  .rows .key{grid-column:span 4;font-size:1.875rem}
  .rows .val{grid-column:span 6;font-size:.9rem;color:var(--muted);line-height:1.7}
}
.rows .val{grid-column:span 12;font-size:.9rem;color:var(--muted);line-height:1.7}
.dark .rows .val{color:rgba(245,241,230,.7)}

/* Portfolio rows */
.commit{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;align-items:baseline;padding:3rem 0;border-top:1px solid var(--border);transition:color .3s}
.commit:first-child{border-top:0}
.commit .year{grid-column:span 12;font-family:"Cormorant Garamond",serif;font-size:.875rem;color:var(--gold)}
.commit .brand{grid-column:span 12}
.commit .brand h3{font-family:"Cormorant Garamond",serif;font-size:2.25rem;transition:color .3s}
.commit:hover .brand h3{color:var(--gold)}
.commit .brand .sector{margin-top:.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--muted)}
.commit .desc{grid-column:span 12;color:var(--muted);line-height:1.7}
.commit .cat{grid-column:span 12;font-size:.7rem;text-transform:uppercase;letter-spacing:.3em}
@media(min-width:768px){
  .commit{padding:4rem 0}
  .commit .year{grid-column:span 1}
  .commit .brand{grid-column:span 4}
  .commit .brand h3{font-size:3rem}
  .commit .desc{grid-column:span 5}
  .commit .cat{grid-column:span 2;text-align:right}
}

/* Discipline tiles */
.tiles{display:grid;gap:1px;background:var(--border)}
@media(min-width:640px){.tiles{grid-template-columns:1fr 1fr}}
.tiles > div{background:var(--bg);padding:2.5rem}
.tiles h3{font-family:"Cormorant Garamond",serif;font-size:1.875rem}
.tiles p{margin-top:1.5rem;color:var(--muted);font-size:.9rem;line-height:1.7}

/* CTA image section */
.cta-img{position:relative;height:80svh;overflow:hidden}
.cta-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta-img .overlay{position:absolute;inset:0;background:rgba(26,31,51,.55)}
.cta-img .inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;color:var(--ivory)}
.cta-img h2{margin-top:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);max-width:48rem;color:var(--ivory)}
.cta-img .bottom{margin-top:3rem;display:flex;flex-direction:column;gap:1.5rem;color:var(--ivory)}
@media(min-width:768px){.cta-img .bottom{flex-direction:row;align-items:center;gap:3rem}}

/* Dark CTA strip */
.cta-strip{padding:6rem 0}
.cta-strip .row{display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem}
@media(min-width:768px){.cta-strip .row{flex-direction:row;align-items:flex-end;justify-content:space-between}}

/* Form */
.form{display:flex;flex-direction:column;gap:2.5rem}
.field label{display:block;font-size:.7rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.field input,.field textarea{
  margin-top:1rem;width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);
  padding:.75rem 0;font-family:"Cormorant Garamond",serif;font-size:1.25rem;color:var(--fg);
  outline:none;transition:border-color .3s;resize:none;
}
.field input:focus,.field textarea:focus{border-color:var(--gold)}
.btn{
  display:inline-flex;align-items:center;gap:1rem;border:1px solid var(--fg);background:var(--fg);color:var(--bg);
  padding:1.25rem 2.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.32em;cursor:pointer;
  transition:all .3s;font-family:inherit;
}
.btn:hover{background:transparent;color:var(--fg)}
.btn:disabled{background:var(--gold);border-color:var(--gold);color:var(--ivory);cursor:default}

/* Footer */
.site-footer{margin-top:8rem;border-top:1px solid var(--border);background:var(--ink);color:var(--ivory)}
.site-footer .container{padding-top:6rem;padding-bottom:6rem}
.footer-grid{display:grid;gap:4rem}
@media(min-width:768px){.footer-grid{grid-template-columns:5fr 1fr 3fr 3fr}}
.site-footer h2{margin-top:1.5rem;font-size:3rem;color:var(--ivory)}
@media(min-width:768px){.site-footer h2{font-size:3.75rem}}
.site-footer .eyebrow{color:rgba(245,241,230,.6)}
.site-footer .gold-eb{color:var(--gold)}
.site-footer address{margin-top:1.25rem;font-family:"Cormorant Garamond",serif;font-size:1.25rem;line-height:1.4;font-style:normal}
.site-footer ul{list-style:none;margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem;font-size:.875rem}
.site-footer ul a:hover{color:var(--gold)}
.legal{margin-top:6rem;border-top:1px solid rgba(245,241,230,.15);padding-top:2rem;display:flex;flex-direction:column;gap:1.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:rgba(245,241,230,.5)}
@media(min-width:768px){.legal{flex-direction:row;align-items:center;justify-content:space-between}}

/* Reveal animation */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.22,1,.36,1)}
.reveal.visible{opacity:1;transform:none}

/* Helpers */
.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}
.max-3xl{max-width:48rem}.max-4xl{max-width:56rem}.max-md{max-width:28rem}.max-sm{max-width:24rem}
.center{text-align:center}
.h2{font-family:"Cormorant Garamond",serif;font-size:2.25rem;line-height:1.05;letter-spacing:-.02em;font-weight:300}
@media(min-width:768px){.h2{font-size:3.5rem}}
.h2-sm{font-family:"Cormorant Garamond",serif;font-size:2.25rem;line-height:1.05;letter-spacing:-.02em;font-weight:300}
@media(min-width:768px){.h2-sm{font-size:3rem}}
.quote{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:300;font-size:2.25rem;line-height:1.15}
@media(min-width:768px){.quote{font-size:3.75rem}}