/* Tolani Family Office - Institution page redesign
   A restrained editorial system: midnight, bone, brass, archival imagery. */

.institution-page-v2{background:var(--bone);overflow:hidden}
.institution-page-v2 h1,.institution-page-v2 h2,.institution-page-v2 h3{font-weight:500}

/* Hero */
.inst-hero{
  min-height:760px;
  padding-top:78px;
  position:relative;
  display:flex;
  align-items:stretch;
  background:#07131d url('../images/institution/institution-office-bg.webp') center/cover no-repeat;
  color:#f4eadc;
}
.inst-hero-shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(7,19,29,.98) 0%,rgba(7,19,29,.93) 32%,rgba(7,19,29,.48) 60%,rgba(7,19,29,.15) 100%),
  linear-gradient(0deg,rgba(7,19,29,.50),rgba(7,19,29,.04) 60%)}
.inst-hero-inner{position:relative;z-index:1;display:flex;align-items:center}
.inst-hero-copy{width:min(650px,52%);padding:90px 0 82px}
.inst-hero .eyebrow{color:var(--brass-light)}
.inst-hero h1{font-family:var(--serif);font-size:clamp(4.9rem,7vw,8.2rem);line-height:.86;letter-spacing:-.045em;margin:18px 0 24px;color:#f5ebdc}
.inst-gold-rule{width:54px;height:1px;background:var(--brass-light);margin:0 0 24px}
.inst-hero p{font-family:var(--serif);font-size:1.35rem;line-height:1.52;color:#c9beaf;max-width:580px;margin:0}

/* Thesis */
.inst-thesis{padding:86px 0;background:#f4eee4;border-bottom:1px solid rgba(85,66,44,.18)}
.inst-thesis-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:88px;align-items:start}
.inst-thesis h2{font-family:var(--serif);font-size:clamp(3.3rem,4.8vw,5.4rem);line-height:.92;letter-spacing:-.035em;margin:12px 0 0;color:#273135}
.inst-thesis-copy{padding-top:24px;max-width:720px}
.inst-thesis-copy p{font-family:var(--serif);font-size:1.22rem;line-height:1.62;color:#5f584f;margin:0 0 18px}

/* Shared section intro */
.inst-section-intro{text-align:center;max-width:810px;margin:0 auto 54px}
.inst-section-intro h2{font-family:var(--serif);font-size:clamp(3.6rem,5.2vw,5.8rem);line-height:.92;letter-spacing:-.035em;color:#f3e9da;margin:12px 0 14px}
.inst-section-intro p{font-family:var(--serif);font-size:1.15rem;line-height:1.55;color:#aaa092;margin:0 auto;max-width:690px}
.inst-section-intro .eyebrow{color:var(--brass-light)}

/* Leadership */
.inst-leadership{padding:98px 0 108px;background:#07131d;color:#eee4d6}
.inst-person-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(270px,350px) minmax(0,1fr);
  gap:46px;
  align-items:start;
  border-top:1px solid rgba(207,173,122,.42);
  border-bottom:1px solid rgba(207,173,122,.24);
  padding:42px 0 44px;
}
.inst-person-card + .inst-person-card{margin-top:46px}
.inst-person-card::after{content:"";position:absolute;left:0;top:-1px;width:74px;height:1px;background:var(--brass-light)}
.inst-person-portrait{margin:0;position:relative;overflow:hidden;background:#13232d;border:1px solid rgba(207,173,122,.22)}
.inst-person-portrait img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;display:block;filter:saturate(.88) contrast(1.02)}
.ram-profile .inst-person-portrait img{object-position:center 18%}
.sanjay-profile .inst-person-portrait img{object-position:center 20%}
.inst-person-portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 16px;background:linear-gradient(0deg,rgba(7,19,29,.96),rgba(7,19,29,.78));border-top:1px solid rgba(207,173,122,.18)}
.inst-person-portrait figcaption strong{display:block;font-family:var(--serif);font-size:1.6rem;line-height:1.05;color:#f2e7d8;font-weight:500}
.inst-person-portrait figcaption span{display:block;margin-top:7px;font-size:.61rem;letter-spacing:.13em;text-transform:uppercase;color:#d1b47f}
.inst-person-content{position:relative;z-index:1;padding-top:3px}
.inst-person-header .eyebrow{color:var(--brass-light)}
.inst-person-header h3{font-family:var(--serif);font-size:clamp(3.15rem,4.3vw,4.8rem);line-height:.9;letter-spacing:-.03em;color:#f3e9da;margin:9px 0 8px}
.inst-person-subtitle{font-family:var(--serif);font-size:1.35rem;line-height:1.35;color:#d7cabb;margin:0 0 22px}
.inst-person-subtitle em{color:#d1ad70;font-style:italic}
.inst-person-copy{max-width:850px}
.inst-person-copy p{font-family:var(--serif);font-size:1.12rem;line-height:1.65;color:#bcb2a5;margin:0 0 16px}
.inst-person-copy strong{color:#ecd09b;font-weight:600}

/* Same fact language for both leaders */
.inst-fact-grid{display:grid;gap:1px;background:rgba(207,173,122,.18);border:1px solid rgba(207,173,122,.18);margin:27px 0 22px}
.inst-fact-grid>div{padding:16px 18px 17px;background:#0b1a24}
.inst-fact-grid small{display:block;font-size:.58rem;line-height:1.3;text-transform:uppercase;letter-spacing:.15em;color:#cda86d;margin-bottom:7px}
.inst-fact-grid strong{display:block;font-family:var(--serif);font-size:1.04rem;line-height:1.35;color:#e9dfd1;font-weight:500}
.ram-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.sanjay-facts{grid-template-columns:repeat(2,minmax(0,1fr))}

.inst-text-link{display:inline-flex;gap:10px;align-items:center;font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;color:#d4b77f;border-bottom:1px solid rgba(207,173,122,.52);padding-bottom:4px}
.inst-text-link:hover{color:#f1d7a5}

/* Sanjay keeps the same component, simply a richer information set */
.sanjay-profile{overflow:hidden;padding-top:46px;padding-bottom:50px}
.inst-sanjay-backdrop{position:absolute;inset:0;background:
  linear-gradient(90deg,#07131d 0%,rgba(7,19,29,.97) 34%,rgba(7,19,29,.91) 70%,rgba(7,19,29,.88) 100%),
  url('../images/institution/institution-public-bg.webp') center/cover no-repeat;opacity:.62}
.inst-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(207,173,122,.20);border:1px solid rgba(207,173,122,.20);margin:28px 0 0}
.inst-metrics>div{background:rgba(10,27,39,.94);padding:18px 16px 17px;text-align:left}
.inst-metrics strong{display:block;font-family:var(--serif);font-size:1.95rem;line-height:1;color:#e6c684;font-weight:500;margin-bottom:8px}
.inst-metrics span{display:block;font-size:.58rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#bdb09e}
.inst-expertise{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.inst-expertise span{padding:7px 11px;border:1px solid rgba(207,173,122,.22);font-size:.68rem;line-height:1.2;color:#c8bcac;background:rgba(10,27,39,.54)}

/* Public platform / credibility */
.inst-public{position:relative;min-height:560px;padding:96px 0;background:#091722 url('../images/institution/institution-public-bg.webp') center/cover no-repeat;color:#eee4d6}
.inst-public-shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(7,19,29,.95),rgba(7,19,29,.80) 44%,rgba(7,19,29,.68)),
  linear-gradient(0deg,rgba(7,19,29,.65),rgba(7,19,29,.25))}
.inst-public-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:82px;align-items:center}
.inst-public .eyebrow{color:var(--brass-light)}
.inst-public h2{font-family:var(--serif);font-size:clamp(3.6rem,5.4vw,6rem);line-height:.91;letter-spacing:-.035em;color:#f4eadc;margin:12px 0 22px;max-width:700px}
.inst-public-copy p{font-family:var(--serif);font-size:1.18rem;line-height:1.62;color:#c2b7a8;max-width:650px;margin:0 0 26px}
.inst-button{display:inline-flex;padding:12px 16px;border:1px solid rgba(207,173,122,.58);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#ead7b4;background:rgba(7,19,29,.3)}
.inst-button:hover{background:#aa8150;color:#07131d;border-color:#aa8150}
.inst-public-proof{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(207,173,122,.22);border:1px solid rgba(207,173,122,.22)}
.inst-public-proof>div,.inst-public-proof article{background:rgba(8,24,35,.88);padding:22px 22px 20px}
.inst-public-proof strong{display:block;font-family:var(--serif);font-size:2.1rem;line-height:1;color:#e4c17c;font-weight:500;margin-bottom:7px}
.inst-public-proof span{font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:#b8ad9f}
.inst-public-proof article{grid-column:1/-1;padding-top:24px;padding-bottom:25px}
.inst-public-proof h3{font-family:var(--serif);font-size:1.9rem;line-height:1.05;color:#eadfce;margin:0 0 8px}
.inst-public-proof p{font-family:var(--serif);font-size:1rem;line-height:1.5;color:#b8ad9f;margin:0}

/* Roles */
.inst-roles{padding:96px 0 104px;background:#f4eee4;color:#273135}
.inst-role-head{display:grid;grid-template-columns:.34fr 1fr;gap:70px;align-items:start;margin-bottom:46px}
.inst-role-head h2{font-family:var(--serif);font-size:clamp(3.4rem,5vw,5.5rem);line-height:.92;letter-spacing:-.035em;margin:0;max-width:790px}
.inst-role-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c9bba7;border-bottom:1px solid #c9bba7}
.inst-role-grid article{padding:34px 38px 36px}
.inst-role-grid article+article{border-left:1px solid #c9bba7}
.inst-role-label{font-size:.59rem;letter-spacing:.15em;text-transform:uppercase;color:#9b7245}
.inst-role-grid h3{font-family:var(--serif);font-size:2.7rem;line-height:1;color:#2a3437;margin:8px 0 16px}
.inst-role-grid p,.inst-role-grid li{font-family:var(--serif);font-size:1.03rem;line-height:1.55;color:#655e55}
.inst-role-grid ul{padding-left:18px;margin:18px 0 0}
.inst-role-grid .inst-text-link{color:#8b643e;margin-top:10px}

/* What is preserved - archive image deliberately used as quiet texture */
.inst-preserves{position:relative;padding:98px 0;background:#ede4d6 url('../images/institution/institution-archive-bg.webp') center/cover no-repeat;color:#283134}
.inst-preserves-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,238,228,.98),rgba(244,238,228,.95) 52%,rgba(244,238,228,.90))}
.inst-preserves-grid{position:relative;z-index:1;display:grid;grid-template-columns:.72fr 1.28fr;gap:78px;align-items:start}
.inst-preserves-title h2{font-family:var(--serif);font-size:clamp(3.5rem,5vw,5.55rem);line-height:.91;letter-spacing:-.035em;margin:12px 0 20px}
.inst-preserves-title p{font-family:var(--serif);font-size:1.12rem;line-height:1.6;color:#675f56;max-width:470px}
.inst-preserve-list{border-top:1px solid #9f8f79}
.inst-preserve-list article{display:grid;grid-template-columns:56px .72fr 1.28fr;gap:20px;align-items:start;padding:19px 0;border-bottom:1px solid rgba(126,105,77,.28)}
.inst-preserve-list span{font-size:.58rem;letter-spacing:.14em;color:#9a7045;padding-top:4px}
.inst-preserve-list h3{font-family:var(--serif);font-size:1.45rem;line-height:1.15;margin:0;color:#333b3d}
.inst-preserve-list p{font-family:var(--serif);font-size:.98rem;line-height:1.5;color:#6b6258;margin:0}

/* Video */
.inst-video{padding:86px 0;background:#0a1720!important;border-top:1px solid rgba(207,173,122,.16)}
.inst-video .video-feature-grid{gap:70px}
.inst-video .video-feature-copy h2{color:#f3e9da}
.inst-video .video-feature-copy p{color:#bdb2a3}

@media(max-width:1100px){
  .inst-hero{min-height:680px}
  .inst-hero-copy{width:58%}
  .inst-thesis-grid,.inst-public-grid,.inst-preserves-grid{gap:52px}
  .inst-person-card{grid-template-columns:280px minmax(0,1fr);gap:34px}
  .ram-facts{grid-template-columns:1fr}
  .inst-role-grid article{padding:30px}
}

@media(max-width:860px){
  .inst-hero{min-height:650px;background-position:64% center}
  .inst-hero-shade{background:linear-gradient(90deg,rgba(7,19,29,.98),rgba(7,19,29,.87) 58%,rgba(7,19,29,.45))}
  .inst-hero-copy{width:74%}
  .inst-thesis-grid,.inst-public-grid,.inst-preserves-grid,.inst-role-head{grid-template-columns:1fr;gap:30px}
  .inst-person-card{grid-template-columns:1fr;gap:24px}
  .inst-person-portrait{width:min(360px,74%)}
  .inst-person-header h3{font-size:3.4rem}
  .inst-metrics{grid-template-columns:repeat(2,1fr)}
  .inst-role-grid{grid-template-columns:1fr}
  .inst-role-grid article+article{border-left:0;border-top:1px solid #c9bba7}
  .inst-preserve-list article{grid-template-columns:46px .85fr 1.15fr}
}

@media(max-width:600px){
  .inst-hero{min-height:610px;padding-top:72px;background-position:68% center}
  .inst-hero-copy{width:100%;padding:72px 0 64px}
  .inst-hero h1{font-size:3.75rem}
  .inst-hero p{font-size:1.15rem;max-width:88%}
  .inst-thesis,.inst-leadership,.inst-public,.inst-roles,.inst-preserves{padding-top:66px;padding-bottom:70px}
  .inst-thesis h2,.inst-section-intro h2,.inst-public h2,.inst-role-head h2,.inst-preserves-title h2{font-size:3rem}
  .inst-person-portrait{width:100%}
  .inst-person-header h3{font-size:2.85rem}
  .inst-person-subtitle{font-size:1.18rem}
  .inst-person-copy p{font-size:1.05rem}
  .inst-metrics,.sanjay-facts,.inst-public-proof{grid-template-columns:1fr}
  .inst-public-proof article{grid-column:auto}
  .inst-preserve-list article{grid-template-columns:42px 1fr;gap:10px}
  .inst-preserve-list article p{grid-column:2}
  .inst-role-grid article{padding:26px 0}
}
.inst-credential-line{margin:0 0 7px;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:#caa66d;font-family:var(--sans);font-weight:500}

/* 2026-09 credibility and visual polish */
.inst-person-proof{grid-column:1/-1;position:relative;z-index:1;margin-top:4px}
.inst-proof-feature{position:relative;margin:0;min-height:220px;overflow:hidden;border:1px solid rgba(207,173,122,.2);background:#0b1821}
.inst-proof-feature img{width:100%;height:240px;object-fit:cover;display:block;filter:saturate(.75) contrast(1.03)}
.inst-proof-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,29,.86),rgba(7,19,29,.28) 58%,rgba(7,19,29,.14))}
.inst-proof-feature figcaption{position:absolute;left:30px;bottom:26px;z-index:2;max-width:650px}
.inst-proof-feature figcaption span{display:block;margin-bottom:8px;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:#d1ad70}
.inst-proof-feature figcaption strong{display:block;font-family:var(--serif);font-size:1.55rem;line-height:1.25;color:#efe4d5;font-weight:500}

.inst-public-record{margin-top:18px;padding-top:26px;border-top:1px solid rgba(207,173,122,.18)}
.inst-proof-kicker{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:start;margin-bottom:18px}
.inst-proof-kicker .eyebrow{color:#d1ad70;padding-top:4px}
.inst-proof-kicker p{font-family:var(--serif);font-size:1rem;line-height:1.55;color:#ada294;max-width:780px;margin:0}
.inst-proof-gallery{display:grid;grid-template-columns:1.35fr .65fr .65fr;grid-template-rows:170px 170px;gap:8px}
.inst-proof-gallery figure{margin:0;overflow:hidden;position:relative;background:#0b1821;border:1px solid rgba(207,173,122,.14)}
.inst-proof-gallery figure:first-child{grid-row:1/3}
.inst-proof-gallery figure:last-child{grid-column:3;grid-row:1/3}
.inst-proof-gallery img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(1.03)}
/* Keep Dr. Sanjay’s face visible in the wide Family Office Forum tile. */
.inst-proof-gallery .inst-proof-forum img{object-position:center 5%}
.inst-proof-gallery figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,19,29,.2),transparent 60%)}

/* The two-role section now carries visual evidence instead of reading like a dry comparison table. */
.inst-role-grid-visual{border:0;gap:22px;background:transparent}
.inst-role-grid-visual .inst-role-card{padding:0;border:1px solid rgba(123,96,62,.24);background:#f7f1e7;box-shadow:0 14px 34px rgba(60,46,29,.06);overflow:hidden}
.inst-role-grid-visual .inst-role-card+article{border-left:1px solid rgba(123,96,62,.24)}
.inst-role-visual{margin:0;aspect-ratio:16/7;overflow:hidden;position:relative;background:#07131d}
.inst-role-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.03)}
.inst-role-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,19,29,.45),rgba(7,19,29,.02) 62%)}
.inst-role-body{padding:30px 32px 34px}
.inst-role-grid-visual h3{font-size:2.55rem;margin-bottom:13px}
.inst-role-grid-visual .inst-role-body>p{margin:0 0 20px}
.inst-icon-list{list-style:none!important;padding:0!important;margin:24px 0 0!important;border-top:1px solid rgba(143,111,72,.18)}
.inst-icon-list li{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(143,111,72,.15);font-family:var(--sans)!important}
.inst-role-icon{width:30px;height:30px;border:1px solid rgba(155,114,69,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9b7245}
.inst-role-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.inst-icon-list strong{display:block;font-family:var(--serif);font-size:1.08rem;line-height:1.2;color:#403830;font-weight:600;margin-bottom:4px}
.inst-icon-list small{display:block;font-size:.72rem;line-height:1.45;color:#736a60}
.inst-role-grid-visual .inst-text-link{display:inline-flex;margin-top:18px}

/* Premium line icons support the preservation list without turning it into a dashboard. */
.inst-preserve-list article{grid-template-columns:70px .72fr 1.28fr}
.inst-preserve-mark{display:flex;align-items:center;gap:10px;color:#966c40;padding-top:1px}
.inst-preserve-mark>span{font-size:.55rem;letter-spacing:.12em;color:#9a7045;padding:0}
.inst-preserve-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.inst-preserve-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}

/* Metric icons keep the public proof section more visual while remaining restrained. */
.inst-public-proof>div{position:relative;padding-top:56px}
.inst-public-metric-icon{position:absolute;left:22px;top:19px;width:24px;height:24px;color:#d0aa69;display:block}
.inst-public-metric-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}

/* The real crowd montage is evidence, not decoration, so keep it low contrast behind the copy. */
.inst-public{background-position:center 48%}
.inst-public-shade{background:linear-gradient(90deg,rgba(7,19,29,.975),rgba(7,19,29,.88) 42%,rgba(7,19,29,.78)),linear-gradient(0deg,rgba(7,19,29,.72),rgba(7,19,29,.30))}

@media(max-width:860px){
  .inst-proof-kicker{grid-template-columns:1fr;gap:8px}
  .inst-proof-gallery{grid-template-columns:1fr 1fr;grid-template-rows:230px 150px 150px}
  .inst-proof-gallery figure:first-child{grid-column:1/-1;grid-row:1}
  .inst-proof-gallery figure:last-child{grid-column:1/-1;grid-row:3}
  .inst-role-grid-visual{gap:18px}
  .inst-role-grid-visual .inst-role-card+article{border-left:1px solid rgba(123,96,62,.24);border-top:1px solid rgba(123,96,62,.24)}
  .inst-role-visual{aspect-ratio:16/8}
  .inst-preserve-list article{grid-template-columns:64px .85fr 1.15fr}
}

@media(max-width:600px){
  .inst-proof-feature img{height:230px}
  .inst-proof-feature figcaption{left:20px;right:20px;bottom:20px}
  .inst-proof-feature figcaption strong{font-size:1.3rem}
  .inst-proof-gallery{grid-template-columns:1fr;grid-template-rows:220px repeat(3,150px)}
  .inst-proof-gallery figure:first-child,.inst-proof-gallery figure:last-child{grid-column:auto;grid-row:auto}
  .inst-role-body{padding:24px 22px 27px}
  .inst-role-grid-visual h3{font-size:2.25rem}
  .inst-role-visual{aspect-ratio:16/9}
  .inst-preserve-list article{grid-template-columns:54px 1fr;gap:10px}
  .inst-preserve-list article p{grid-column:2}
}