:root {
  --night: #09131b;
  --navy: #0d1b25;
  --panel: #111f29;
  --mist: #d6d8d3;
  --paper: #e9e6df;
  --white: #f4f2ed;
  --ink: #14212a;
  --soft: #9ba6ab;
  --gold: #a9813f;
  --night-line: rgba(255,255,255,.13);
  --light-line: rgba(20,33,42,.2);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--night); color: var(--white); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
main { overflow: hidden; }

.skip-link { position: fixed; top: 10px; left: 10px; z-index: 100; padding: 12px 16px; background: var(--white); color: var(--ink); transform: translateY(-160%); transition: transform .15s ease; }
.skip-link:focus { transform: translateY(0); }

.site-header {
  height: 82px;
  display: grid;
  grid-template-columns: 92px 220px auto 1fr;
  align-items: center;
  border-bottom: 1px solid var(--night-line);
  background: rgba(9,19,27,.96);
  position: relative;
  z-index: 20;
}
.brand { height: 82px; display: grid; place-items: center; border-right: 1px solid var(--night-line); }
.monogram { width: 58px; height: 58px; display: block; object-fit: contain; }
.masthead-name { padding-left: 25px; display: flex; flex-direction: column; gap: 5px; }
.masthead-name b { font: 400 16px/1.1 Georgia, serif; }
.masthead-name span { color: var(--soft); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.view-switch { display: flex; align-items: center; gap: 6px; padding: 4px; border: 1px solid var(--night-line); }
.view-switch span { padding: 0 8px 0 5px; color: #708089; font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }
.view-switch button { min-width: 44px; min-height: 44px; border: 0; padding: 0 10px; background: transparent; color: #87949a; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.view-switch button[aria-pressed="true"] { background: var(--white); color: var(--ink); }
nav { justify-self: end; padding-right: 4vw; display: flex; gap: clamp(18px,2.2vw,38px); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
nav a { min-width: 44px; min-height: 44px; padding: 12px 0; display: flex; align-items: center; justify-content: center; color: #bec5c8; }
nav a:hover { color: var(--white); }
.menu-button { display: none; }

.hero {
  min-height: 710px;
  display: grid;
  grid-template-columns: 92px minmax(460px,1.35fr) minmax(300px,.65fr);
  grid-template-rows: 1fr auto;
  padding: 0;
  background:
    linear-gradient(90deg, transparent 91px, var(--night-line) 92px, transparent 93px),
    radial-gradient(circle at 62% 42%, rgba(34,59,73,.36), transparent 36%),
    var(--night);
}
.hero-code { padding: 45px 0; text-align: center; writing-mode: vertical-rl; color: #708089; font-size: 9px; letter-spacing: .22em; }
.hero-mark { display: none; }
.hero-main { align-self: center; padding: 70px 5vw 50px; }
.kicker { color: var(--gold); text-transform: uppercase; letter-spacing: .18em; font-size: 10px; font-weight: 700; }
.hero h1 { margin: 40px 0 0; font: 400 clamp(74px,9.5vw,146px)/.84 Georgia, serif; letter-spacing: -.075em; }
.credentials { margin: 35px 0 0 8px; color: #b5bec2; font-size: 11px; letter-spacing: .22em; }
.hero-aside { align-self: center; max-width: 440px; padding: 80px 5vw 50px 0; border-left: 1px solid var(--night-line); padding-left: 4vw; }
.hero-aside .hero-role { color: var(--white); font: 400 24px/1.42 Georgia, serif; }
.hero-aside p:not(.hero-role) { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--night-line); color: var(--soft); font-size: 14px; line-height: 1.75; }
.hero-aside a, .speaking a { min-height: 44px; display: inline-flex; align-items: center; gap: 16px; margin-top: 28px; padding: 12px 0; border-bottom: 1px solid var(--gold); font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.hero-lens { grid-column: 2 / 4; display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--night-line); }
.hero-lens span { padding: 22px 24px; border-right: 1px solid var(--night-line); color: #87949a; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }

section:not(.hero):not(.operating-principles) {
  display: grid;
  grid-template-columns: 92px repeat(12,1fr);
  padding: 0;
  border-top: 1px solid var(--night-line);
}
.section-rail { grid-column: 1; grid-row: 1 / 5; display: flex; align-items: center; flex-direction: column; gap: 24px; padding-top: 58px; border-right: 1px solid var(--night-line); }
.section-rail span { color: var(--gold); font-size: 10px; }
.section-rail b { writing-mode: vertical-rl; text-transform: uppercase; letter-spacing: .2em; font-size: 9px; color: #819096; }
.profile { min-height: 640px; background: var(--navy); }
.profile-lead { grid-column: 2 / 7; padding: 90px 5vw 70px; }
h2 { margin: 30px 0 0; font: 400 clamp(43px,5vw,72px)/1.02 Georgia, serif; letter-spacing: -.04em; }
.profile-copy { grid-column: 7 / 14; padding: 90px 5vw 30px; border-left: 1px solid var(--night-line); }
.profile-copy p, .investing-copy p { color: var(--soft); font-size: 15px; line-height: 1.8; }
.profile-copy .lead, .investing-copy .lead { color: var(--white); font: 400 21px/1.55 Georgia, serif; }
.profile-copy > p, .investing-copy > p { margin: 0; }
.profile-copy > p + p, .investing-copy > p + p { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--night-line); }
blockquote { grid-column: 7 / 14; margin: 0; padding: 32px 5vw 70px; border-left: 1px solid var(--night-line); border-top: 1px solid var(--night-line); color: #d5c6a9; font: italic 21px/1.55 Georgia, serif; }

.operating-principles { display: grid; grid-template-columns: 92px repeat(3,1fr); padding: 0; background: #0a171f; border-top: 1px solid var(--night-line); }
.operating-principles:before { content: ""; border-right: 1px solid var(--night-line); }
.operating-principles div { min-height: 150px; padding: 33px 3vw; border-right: 1px solid var(--night-line); display: flex; flex-direction: column; justify-content: space-between; }
.operating-principles b { font: 400 26px/1 Georgia, serif; }
.operating-principles span { max-width: 280px; color: var(--soft); font-size: 12px; line-height: 1.6; }

.governance { background: var(--paper); color: var(--ink); }
.governance .section-rail, .perspectives .section-rail { border-color: var(--light-line); }
.governance .section-rail b, .perspectives .section-rail b { color: #667279; }
.governance-intro { grid-column: 2 / 8; padding: 90px 5vw 80px; }
.governance-intro > p:last-child { max-width: 590px; margin-top: 35px; color: #536067; font-size: 15px; line-height: 1.8; }
.appointments { grid-column: 8 / 14; padding: 90px 4vw 80px 0; }
.appointments article { display: grid; grid-template-columns: 42px 1.1fr .9fr; gap: 22px; padding: 25px 0; border-top: 1px solid var(--light-line); }
.appointments article:last-child { border-bottom: 1px solid var(--light-line); }
.row-number { color: var(--gold); font-size: 9px; }
.appointments h3 { margin: 0; font: 400 18px/1.4 Georgia, serif; }
.appointments b { display: block; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.appointments p { margin: 8px 0 0; color: #677178; font-size: 11px; line-height: 1.5; }
.appointments .prior { margin-top: 24px; border-color: var(--gold); }

.career { background: #cfd1cd; color: var(--ink); }
.career .section-rail { border-color: var(--light-line); }
.career .section-rail b { color: #667279; }
.career-title { grid-column: 2 / 6; padding: 78px 5vw; }
.career-title h2 { font-size: clamp(42px,4.2vw,62px); }
.career-list { grid-column: 6 / 14; padding: 78px 4vw 70px 0; }
.career-list > div { display: grid; grid-template-columns: 40px 1.3fr 1fr .55fr; gap: 20px; padding: 22px 0; border-top: 1px solid var(--light-line); align-items: baseline; }
.career-list span { color: var(--gold); font-size: 9px; }
.career-list h3 { margin: 0; font: 400 17px/1.4 Georgia, serif; }
.career-list p { margin: 0; color: #536067; font-size: 12px; }
.career-list small { color: #6d777c; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; text-align: right; }

.advisory { min-height: 720px; background: #142a33; }
.advisory-intro { grid-column: 2 / 7; padding: 90px 5vw 75px; }
.advisory-intro .lead { margin-top: 38px; color: var(--white); font: 400 21px/1.55 Georgia, serif; }
.advisory-intro > p:not(.kicker):not(.lead) { color: var(--soft); font-size: 14px; line-height: 1.75; }
.advisory-intro .lead + p { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--night-line); }
.advisory-intro a { min-height: 44px; display: inline-flex; align-items: center; gap: 16px; margin-top: 25px; padding: 12px 0; border-bottom: 1px solid var(--gold); font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.advisory-list { grid-column: 7 / 14; padding: 90px 5vw 70px; border-left: 1px solid var(--night-line); display: grid; grid-template-columns: 1fr 1fr; gap: 0 3vw; }
.advisory-list article { display: grid; grid-template-columns: 34px 1fr; align-content: start; gap: 9px 12px; padding: 24px 0; border-top: 1px solid var(--night-line); }
.advisory-list article:nth-last-child(-n+2) { border-bottom: 1px solid var(--night-line); }
.advisory-list span { color: var(--gold); font-size: 9px; }
.advisory-list h3 { margin: 0; font: 400 19px/1.35 Georgia, serif; }
.advisory-list p { grid-column: 2; margin: 0; color: var(--soft); font-size: 12px; line-height: 1.65; }

.investing { background: #0b161e; min-height: 690px; }
.dark-rail { border-color: var(--night-line); }
.investing-statement { grid-column: 2 / 7; padding: 90px 5vw 60px; }
.investing-copy { grid-column: 7 / 14; padding: 90px 5vw 55px; border-left: 1px solid var(--night-line); }
.investment-themes { grid-column: 2 / 14; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--night-line); }
.investment-themes span { padding: 24px 2vw; border-right: 1px solid var(--night-line); color: #9aa5aa; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }

.perspectives { background: var(--mist); color: var(--ink); }
.perspectives-intro { grid-column: 2 / 7; padding: 85px 5vw 60px; }
.perspectives-intro > p:last-child { max-width: 440px; margin-top: 30px; color: #5d696f; line-height: 1.7; }
.perspective-list { grid-column: 7 / 14; padding: 85px 4vw 50px 0; }
.perspective-list article { display: grid; grid-template-columns: 45px .7fr 1.3fr; gap: 22px; padding: 25px 0; border-top: 1px solid var(--light-line); }
.perspective-list span { color: var(--gold); font-size: 9px; }
.perspective-list h3 { margin: 0; font: 400 20px/1.3 Georgia, serif; }
.perspective-list p { margin: 0; color: #5e686e; font-size: 12px; line-height: 1.65; }
.speaking { grid-column: 2 / 14; display: grid; grid-template-columns: 1fr 2fr 1.2fr auto; gap: 4vw; align-items: center; padding: 45px 4vw 55px 5vw; border-top: 1px solid var(--light-line); }
.speaking .kicker { margin: 0; }
.speaking h3 { margin: 0; font: 400 26px/1.3 Georgia, serif; }
.speaking > p:not(.kicker) { margin: 0; color: #5e686e; font-size: 12px; line-height: 1.6; }
.speaking a { margin: 0; }

.contact { background: #071119; min-height: 410px; align-items: center; }
.contact > div:first-of-type { grid-column: 2 / 8; padding: 75px 5vw; }
.contact h2 { font-size: clamp(46px,5.5vw,78px); }
.contact-links { grid-column: 8 / 14; padding: 75px 4vw 75px 0; display: grid; gap: 10px; }
.contact-links a { display: flex; justify-content: space-between; gap: 20px; padding: 23px 0; border-top: 1px solid var(--night-line); font: 400 18px/1.2 Georgia, serif; }
.contact-links a:last-child { border-bottom: 1px solid var(--night-line); }
.contact-links a span { color: #87949a; font: 700 9px/1 Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; }

footer { min-height: 180px; display: grid; grid-template-columns: 92px 1.3fr .8fr auto; gap: 35px; padding: 45px 4vw 35px 0; align-items: center; border-top: 1px solid var(--night-line); background: #050c11; }
.footer-mark { justify-self: center; width: 48px; height: 41px; }
footer strong, footer span { display: block; }
footer strong { font: 400 17px/1.4 Georgia, serif; }
footer span, footer p, footer small { color: #75838a; font-size: 9px; line-height: 1.7; letter-spacing: .08em; }
footer small { text-align: right; }

main[data-view="warm"] { --gold: #9b7137; --night-line: rgba(24,42,50,.15); --light-line: rgba(24,42,50,.17); background: #eee8dc; color: #172b34; }
main[data-view="warm"] .site-header { background: rgba(238,232,220,.97); color: #172b34; border-color: var(--night-line); }
main[data-view="warm"] .brand { border-color: var(--night-line); }
main[data-view="warm"] nav a { color: #40565e; }
main[data-view="warm"] .view-switch { border-color: var(--night-line); }
main[data-view="warm"] .view-switch button[aria-pressed="true"] { background: #244852; color: #f5f0e7; }
main[data-view="warm"] .hero { min-height: 720px; grid-template-columns: 92px 1.05fr .95fr; grid-template-rows: 1fr auto; background: #eee8dc; color: #172b34; }
main[data-view="warm"] .hero-main { grid-column: 2; grid-row: 1; padding-right: 2vw; }
main[data-view="warm"] .hero-aside { grid-column: 2; grid-row: 2; padding: 35px 6vw 60px 5vw; border-left: 0; border-top: 1px solid var(--night-line); }
main[data-view="warm"] .hero-aside .hero-role { color: #172b34; }
main[data-view="warm"] .hero-aside p:not(.hero-role) { color: #55676d; }
main[data-view="warm"] .hero-mark { display: block; grid-column: 3; grid-row: 1 / 3; align-self: center; justify-self: center; width: min(38vw,520px); height: min(38vw,520px); filter: drop-shadow(0 25px 45px rgba(23,43,52,.14)); }
main[data-view="warm"] .hero-lens { grid-column: 2 / 4; grid-row: 3; border-color: var(--night-line); }
main[data-view="warm"] .hero-lens span { border-color: var(--night-line); color: #607278; }
main[data-view="warm"] .credentials { color: #5e6c70; }
main[data-view="warm"] section:not(.hero):not(.operating-principles) { grid-template-rows: auto auto auto; border-color: var(--light-line); }
main[data-view="warm"] .section-rail { grid-column: 2 / 14; grid-row: 1; flex-direction: row; align-items: center; gap: 14px; padding: 22px 5vw; border-right: 0; border-bottom: 1px solid var(--light-line); }
main[data-view="warm"] .section-rail b { writing-mode: horizontal-tb; color: #5f7075; }
main[data-view="warm"] .profile { min-height: auto; background: #f5f0e6; color: #172b34; }
main[data-view="warm"] .profile-lead { grid-column: 2 / 8; grid-row: 2; padding: 75px 5vw 65px; }
main[data-view="warm"] .profile-copy { grid-column: 8 / 14; grid-row: 2; padding: 75px 5vw 45px; border-color: var(--light-line); }
main[data-view="warm"] .profile-copy p { color: #58686d; }
main[data-view="warm"] .profile-copy .lead { color: #172b34; }
main[data-view="warm"] .profile-copy > p + p { border-color: var(--light-line); }
main[data-view="warm"] blockquote { grid-column: 2 / 14; grid-row: 3; padding: 30px 5vw 55px; border-left: 0; border-color: var(--light-line); color: #806137; text-align: center; }
main[data-view="warm"] .operating-principles { grid-template-columns: repeat(3,1fr); background: #ded2c1; color: #172b34; border-color: var(--light-line); }
main[data-view="warm"] .operating-principles:before { display: none; }
main[data-view="warm"] .operating-principles div { min-height: 180px; border-color: var(--light-line); }
main[data-view="warm"] .operating-principles span { color: #5c6b70; }
main[data-view="warm"] .governance { background: #244852; color: #f5f0e6; }
main[data-view="warm"] .governance .section-rail { border-color: rgba(255,255,255,.18); }
main[data-view="warm"] .governance .section-rail b { color: #aebfc0; }
main[data-view="warm"] .governance-intro { grid-column: 2 / 7; grid-row: 2; padding: 75px 5vw 70px; }
main[data-view="warm"] .governance-intro > p:last-child { color: #c3cecc; }
main[data-view="warm"] .appointments { grid-column: 7 / 14; grid-row: 2; padding: 75px 4vw 70px 2vw; }
main[data-view="warm"] .appointments article { border-color: rgba(255,255,255,.18); }
main[data-view="warm"] .appointments p { color: #b5c4c3; }
main[data-view="warm"] .career { background: #d7c5ac; color: #172b34; }
main[data-view="warm"] .career-title { grid-column: 2 / 7; grid-row: 2; padding: 70px 5vw; }
main[data-view="warm"] .career-list { grid-column: 7 / 14; grid-row: 2; padding: 70px 4vw 65px 1vw; }
main[data-view="warm"] .career-list > div { grid-template-columns: 35px 1fr; border-color: rgba(23,43,52,.2); }
main[data-view="warm"] .career-list p { grid-column: 2; }
main[data-view="warm"] .career-list small { grid-column: 2; text-align: left; }
main[data-view="warm"] .advisory { background: #2a525d; color: #f5f0e6; }
main[data-view="warm"] .advisory .section-rail, main[data-view="warm"] .advisory-list { border-color: rgba(255,255,255,.18); }
main[data-view="warm"] .advisory .section-rail b { color: #b4c5c5; }
main[data-view="warm"] .advisory-intro .lead { color: #f5f0e6; }
main[data-view="warm"] .advisory-intro > p:not(.kicker):not(.lead), main[data-view="warm"] .advisory-list p { color: #c3cecc; }
main[data-view="warm"] .advisory-intro .lead + p { border-color: rgba(255,255,255,.18); }
main[data-view="warm"] .advisory-list article { border-color: rgba(255,255,255,.18); }
main[data-view="warm"] .investing { min-height: auto; background: #f5f0e6; color: #172b34; }
main[data-view="warm"] .investing-statement { grid-column: 2 / 8; grid-row: 2; padding: 75px 5vw 65px; }
main[data-view="warm"] .investing-copy { grid-column: 8 / 14; grid-row: 2; padding: 75px 5vw 55px; border-color: var(--light-line); }
main[data-view="warm"] .investing-copy p { color: #58686d; }
main[data-view="warm"] .investing-copy .lead { color: #172b34; }
main[data-view="warm"] .investing-copy > p + p { border-color: var(--light-line); }
main[data-view="warm"] .investment-themes { grid-column: 2 / 14; grid-row: 3; border-color: var(--light-line); }
main[data-view="warm"] .investment-themes span { color: #5c6d72; border-color: var(--light-line); }
main[data-view="warm"] .perspectives { background: #d6dfd9; color: #172b34; }
main[data-view="warm"] .perspectives-intro { grid-column: 2 / 6; grid-row: 2; padding: 70px 5vw 55px; }
main[data-view="warm"] .perspective-list { grid-column: 6 / 14; grid-row: 2; padding: 70px 4vw 55px 2vw; display: grid; grid-template-columns: 1fr 1fr; gap: 0 4vw; }
main[data-view="warm"] .perspective-list article { grid-template-columns: 30px 1fr; }
main[data-view="warm"] .perspective-list p { grid-column: 2; }
main[data-view="warm"] .speaking { grid-column: 2 / 14; grid-row: 3; border-color: var(--light-line); }
main[data-view="warm"] .contact { background: #17333c; color: #f5f0e6; }
main[data-view="warm"] .contact .section-rail { border-color: rgba(255,255,255,.18); }
main[data-view="warm"] .contact .section-rail b { color: #aebfc0; }
main[data-view="warm"] .contact > div:first-of-type { grid-column: 2 / 8; grid-row: 2; }
main[data-view="warm"] .contact-links { grid-column: 8 / 14; grid-row: 2; }
main[data-view="warm"] footer { background: #10272f; border-color: rgba(255,255,255,.15); }

/* Keep the editorial grid composed on large and ultra-wide displays. */
@media (min-width: 1601px) {
  .site-header {
    grid-template-columns: minmax(0,1fr) 92px 220px auto minmax(0,972px) minmax(0,1fr);
  }
  .brand { grid-column: 2; }
  .masthead-name { grid-column: 3; }
  .view-switch { grid-column: 4; }
  nav { grid-column: 5; padding-right: 58px; }

  .hero {
    grid-template-columns: minmax(0,1fr) 92px minmax(0,875px) minmax(0,473px) minmax(0,1fr);
    background: radial-gradient(circle at 62% 42%, rgba(34,59,73,.36), transparent 36%), var(--night);
  }
  .hero-code { grid-column: 2; grid-row: 1 / 3; border-right: 1px solid var(--night-line); }
  .hero-main { grid-column: 3; padding: 70px 72px 50px; }
  .hero-aside { grid-column: 4; padding: 80px 72px 50px 58px; }
  .hero-lens { grid-column: 3 / 5; }

  section:not(.hero):not(.operating-principles) {
    grid-template-columns: minmax(0,1fr) 92px repeat(12,minmax(0,112.333px)) minmax(0,1fr);
  }
  .section-rail { grid-column: 2; }
  .profile-lead { grid-column: 3 / 8; padding: 90px 72px 70px; }
  .profile-copy { grid-column: 8 / 15; padding: 90px 72px 30px; }
  blockquote { grid-column: 8 / 15; padding: 32px 72px 70px; }
  .governance-intro { grid-column: 3 / 9; padding: 90px 72px 80px; }
  .appointments { grid-column: 9 / 15; padding: 90px 58px 80px 0; }
  .career-title { grid-column: 3 / 7; padding: 78px 72px; }
  .career-list { grid-column: 7 / 15; padding: 78px 58px 70px 0; }
  .advisory-intro { grid-column: 3 / 8; padding: 90px 72px 75px; }
  .advisory-list { grid-column: 8 / 15; padding: 90px 72px 70px; }
  .investing-statement { grid-column: 3 / 8; padding: 90px 72px 60px; }
  .investing-copy { grid-column: 8 / 15; padding: 90px 72px 55px; }
  .investment-themes { grid-column: 3 / 15; }
  .investment-themes span { padding: 24px 29px; }
  .perspectives-intro { grid-column: 3 / 8; padding: 85px 72px 60px; }
  .perspective-list { grid-column: 8 / 15; padding: 85px 58px 50px 0; }
  .speaking { grid-column: 3 / 15; padding: 45px 58px 55px 72px; }
  .contact > div:first-of-type { grid-column: 3 / 9; padding: 75px 72px; }
  .contact-links { grid-column: 9 / 15; padding: 75px 58px 75px 0; }

  .operating-principles {
    grid-template-columns: minmax(0,1fr) 92px repeat(3,minmax(0,449.333px)) minmax(0,1fr);
  }
  .operating-principles:before { grid-column: 2; }
  .operating-principles div { padding: 33px 43px; }
  .operating-principles div:nth-of-type(1) { grid-column: 3; }
  .operating-principles div:nth-of-type(2) { grid-column: 4; }
  .operating-principles div:nth-of-type(3) { grid-column: 5; }

  footer {
    grid-template-columns: minmax(0,1fr) 92px minmax(0,630px) minmax(0,360px) minmax(280px,358px) minmax(0,1fr);
    padding: 45px 0 35px;
  }
  footer .footer-mark { grid-column: 2; }
  footer > div { grid-column: 3; }
  footer > p { grid-column: 4; }
  footer > small { grid-column: 5; padding-right: 58px; }

  main[data-view="warm"] .hero {
    grid-template-columns: minmax(0,1fr) 92px minmax(0,674px) minmax(0,674px) minmax(0,1fr);
  }
  main[data-view="warm"] .hero-main { grid-column: 3; padding-right: 29px; }
  main[data-view="warm"] .hero-aside { grid-column: 3; padding: 35px 86px 60px 72px; }
  main[data-view="warm"] .hero-mark { grid-column: 4; }
  main[data-view="warm"] .hero-lens { grid-column: 3 / 5; }
  main[data-view="warm"] .section-rail { grid-column: 3 / 15; padding: 22px 72px; }
  main[data-view="warm"] .profile-lead { grid-column: 3 / 9; padding: 75px 72px 65px; }
  main[data-view="warm"] .profile-copy { grid-column: 9 / 15; padding: 75px 72px 45px; }
  main[data-view="warm"] blockquote { grid-column: 3 / 15; padding: 30px 72px 55px; }
  main[data-view="warm"] .governance-intro { grid-column: 3 / 8; padding: 75px 72px 70px; }
  main[data-view="warm"] .appointments { grid-column: 8 / 15; padding: 75px 58px 70px 29px; }
  main[data-view="warm"] .career-title { grid-column: 3 / 8; padding: 70px 72px; }
  main[data-view="warm"] .career-list { grid-column: 8 / 15; padding: 70px 58px 65px 14px; }
  main[data-view="warm"] .investing-statement { grid-column: 3 / 9; padding: 75px 72px 65px; }
  main[data-view="warm"] .investing-copy { grid-column: 9 / 15; padding: 75px 72px 55px; }
  main[data-view="warm"] .investment-themes { grid-column: 3 / 15; }
  main[data-view="warm"] .perspectives-intro { grid-column: 3 / 7; padding: 70px 72px 55px; }
  main[data-view="warm"] .perspective-list { grid-column: 7 / 15; padding: 70px 58px 55px 29px; }
  main[data-view="warm"] .speaking { grid-column: 3 / 15; }
  main[data-view="warm"] .contact > div:first-of-type { grid-column: 3 / 9; }
  main[data-view="warm"] .contact-links { grid-column: 9 / 15; }
  main[data-view="warm"] .operating-principles {
    grid-template-columns: minmax(0,1fr) repeat(3,minmax(0,480px)) minmax(0,1fr);
  }
  main[data-view="warm"] .operating-principles div:nth-of-type(1) { grid-column: 2; }
  main[data-view="warm"] .operating-principles div:nth-of-type(2) { grid-column: 3; }
  main[data-view="warm"] .operating-principles div:nth-of-type(3) { grid-column: 4; }
}

@media (max-width: 1120px) {
  .site-header { grid-template-columns: 92px 1fr auto auto; }
  .brand { height: 82px; }
  .masthead-name { padding-left: 20px; }
  .view-switch span { display: none; }
  .menu-button { display: block; width: 50px; height: 50px; margin-right: 18px; border: 0; background: transparent; position: relative; }
  .menu-button span { position: absolute; width: 24px; height: 1px; left: 13px; top: 20px; background: var(--white); transition: top .2s ease, transform .2s ease; }
  .menu-button span + span { top: 29px; }
  .menu-button[aria-expanded="true"] span { top: 24px; transform: rotate(45deg); }
  .menu-button[aria-expanded="true"] span + span { top: 24px; transform: rotate(-45deg); }
  nav { display: none; position: absolute; top: 82px; left: 0; width: 100%; padding: 30px 24px; background: var(--night); border-bottom: 1px solid var(--night-line); flex-direction: column; }
  nav.open { display: flex; }
  main[data-view="warm"] .menu-button span { background: #17333c; }
  main[data-view="warm"] nav { background: #eee8dc; border-color: var(--light-line); }
  main[data-view="warm"] nav a { color: #314b54; }
}

@media (max-width: 960px) {
  .site-header { grid-template-columns: 78px 1fr auto auto; }
  .hero { grid-template-columns: 78px 1fr; grid-template-rows: auto auto auto; min-height: auto; }
  .hero-code { grid-row: 1 / 4; }
  .hero-main { padding: 70px 7vw 30px; }
  .hero-aside { grid-column: 2; padding: 30px 7vw 65px; border-left: 0; border-top: 1px solid var(--night-line); max-width: none; }
  .hero-lens { grid-column: 2; grid-template-columns: repeat(3,1fr); }
  main[data-view="warm"] .hero { grid-template-columns: 78px 1fr; }
  main[data-view="warm"] .hero-main, main[data-view="warm"] .hero-aside { grid-column: 2; }
  main[data-view="warm"] .hero-mark { display: none; }
  main[data-view="warm"] .hero-lens { grid-column: 2; }
  main[data-view="warm"] .section-rail { grid-column: 2 / 8; }
  main[data-view="warm"] .profile-lead, main[data-view="warm"] .governance-intro, main[data-view="warm"] .career-title, main[data-view="warm"] .advisory-intro, main[data-view="warm"] .investing-statement, main[data-view="warm"] .perspectives-intro { grid-column: 2 / 8; grid-row: auto; }
  main[data-view="warm"] .profile-copy, main[data-view="warm"] .appointments, main[data-view="warm"] .career-list, main[data-view="warm"] .advisory-list, main[data-view="warm"] .investing-copy, main[data-view="warm"] .perspective-list { grid-column: 2 / 8; grid-row: auto; padding-left: 7vw; }
  main[data-view="warm"] blockquote, main[data-view="warm"] .investment-themes, main[data-view="warm"] .speaking { grid-column: 2 / 8; grid-row: auto; }
  main[data-view="warm"] .operating-principles { grid-template-columns: 1fr; }
  main[data-view="warm"] .perspective-list { grid-template-columns: 1fr; }
  main[data-view="warm"] .contact > div:first-of-type, main[data-view="warm"] .contact-links { grid-column: 2 / 8; grid-row: auto; }
  section:not(.hero):not(.operating-principles) { grid-template-columns: 78px repeat(6,1fr); }
  .section-rail { grid-row: 1 / 8; }
  .profile-lead,.governance-intro,.career-title,.advisory-intro,.investing-statement,.perspectives-intro { grid-column: 2 / 8; padding: 70px 7vw 40px; }
  .profile-copy,.investing-copy { grid-column: 2 / 8; padding: 20px 7vw 45px; border-left: 0; }
  blockquote { grid-column: 2 / 8; padding: 30px 7vw 65px; border-left: 0; }
  .operating-principles { grid-template-columns: 78px 1fr; }
  .operating-principles:before { grid-row: 1 / 4; }
  .operating-principles div { min-height: 130px; }
  .appointments,.career-list,.advisory-list,.perspective-list { grid-column: 2 / 8; padding: 0 7vw 70px; }
  .advisory-list { border-left: 0; }
  .investment-themes { grid-column: 2 / 8; grid-template-columns: 1fr 1fr; }
  .speaking { grid-column: 2 / 8; grid-template-columns: 1fr; padding: 45px 7vw 60px; }
  .contact > div:first-of-type,.contact-links { grid-column: 2 / 8; padding: 55px 7vw 20px; }
  .contact-links { padding-top: 0; padding-bottom: 60px; }
  footer { grid-template-columns: 78px 1fr 1fr; }
  footer small { grid-column: 2 / 4; text-align: left; }
}

@media (max-width: 600px) {
  .site-header { grid-template-columns: 68px 1fr auto auto; height: 72px; }
  .brand { height: 72px; }
  .monogram { width: 48px; height: 48px; }
  .view-switch { gap: 2px; }
  .view-switch button { padding: 0 6px; }
  .masthead-name span { display: none; }
  .masthead-name b { font-size: 14px; }
  nav { top: 72px; }
  .hero { grid-template-columns: 46px 1fr; background: var(--night); }
  .hero-main { padding: 58px 24px 30px; }
  .hero h1 { font-size: 72px; line-height: .86; }
  .hero-aside { padding: 30px 24px 55px; }
  .hero-aside .hero-role { font-size: 20px; }
  .hero-lens { display: none; }
  section:not(.hero):not(.operating-principles) { grid-template-columns: 46px repeat(6,1fr); }
  .section-rail { padding-top: 35px; }
  .section-rail b { display: none; }
  .profile-lead,.governance-intro,.career-title,.advisory-intro,.investing-statement,.perspectives-intro { padding: 58px 24px 32px; }
  .profile-copy,.investing-copy { padding: 15px 24px 38px; }
  blockquote { padding: 26px 24px 52px; font-size: 19px; }
  h2 { font-size: clamp(36px,11.8vw,42px); }
  .operating-principles { grid-template-columns: 46px 1fr; }
  .appointments,.career-list,.advisory-list,.perspective-list { padding: 0 24px 55px; }
  .advisory-list { grid-template-columns: 1fr; }
  .advisory-list article { border-bottom: 1px solid var(--night-line); }
  .appointments article { grid-template-columns: 28px 1fr; }
  .appointments article > div { grid-column: 2; }
  .career-list > div { grid-template-columns: 28px 1fr; }
  .career-list p,.career-list small { grid-column: 2; text-align: left; }
  .investment-themes { grid-template-columns: 1fr; }
  .perspective-list article { grid-template-columns: 28px 1fr; }
  .perspective-list p { grid-column: 2; }
  .speaking { padding: 40px 24px 52px; }
  .contact > div:first-of-type,.contact-links { padding-left: 24px; padding-right: 24px; }
  .contact-links a { flex-wrap: wrap; font-size: 15px; }
  footer { grid-template-columns: 46px 1fr; padding-right: 24px; }
  footer p, footer small { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .menu-button span { transition: none; }
  .skip-link { transition: none; }
}

.error-shell { min-height: 100vh; }
.error-page { min-height: 100vh; display: grid; grid-template-columns: minmax(88px, 9vw) minmax(0, 1fr); background: radial-gradient(circle at 68% 34%, rgba(34,59,73,.36), transparent 36%), var(--night); }
.error-mark { display: grid; place-items: start center; padding-top: 24px; border-right: 1px solid var(--night-line); }
.error-mark img { width: 58px; height: 58px; object-fit: contain; }
.error-copy { align-self: center; max-width: 760px; padding: 70px clamp(28px,8vw,120px); }
.error-copy h1 { margin: 34px 0 0; font: 400 clamp(52px,8vw,112px)/.94 Georgia, serif; letter-spacing: -.055em; }
.error-copy > p:not(.kicker) { max-width: 520px; margin: 30px 0 0; color: var(--soft); font-size: 15px; line-height: 1.8; }
.error-link { min-height: 44px; display: inline-flex; align-items: center; gap: 16px; margin-top: 30px; padding: 12px 0; border-bottom: 1px solid var(--gold); font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }

@media (max-width: 600px) {
  .error-page { grid-template-columns: 46px minmax(0, 1fr); }
  .error-mark { padding-top: 16px; }
  .error-mark img { width: 38px; height: 38px; }
  .error-copy { padding: 50px 24px; }
}
