:root {
  color-scheme: light dark;
  --ink: #102323;
  --ink-soft: #38504e;
  --muted: #657572;
  --surface: #edf1ee;
  --surface-raised: #f5f7f4;
  --surface-deep: #dfe6e1;
  --line: rgba(16, 35, 35, 0.17);
  --accent: #a97810;
  --accent-bright: #cc981b;
  --accent-ink: #091b1c;
  --image-scrim: rgba(9, 27, 28, 0.07);
  --focus: #7c590b;
  --shadow: 0 26px 70px rgba(24, 52, 49, 0.15);
  --shell: 105rem;
  --gutter: clamp(2.5rem, 3.35vw, 3.5rem);
  --header-height: 5.5rem;
  --radius: 0px;
  --font-display: Cochin, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-body: Avenir, "Avenir Next", Futura, "Trebuchet MS", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #eef3f0;
    --ink-soft: #bdc9c5;
    --muted: #8fa19d;
    --surface: #091b1c;
    --surface-raised: #0e2626;
    --surface-deep: #102e2d;
    --line: rgba(226, 236, 231, 0.17);
    --accent: #fccb53;
    --accent-bright: #ffda7c;
    --accent-ink: #091b1c;
    --image-scrim: rgba(9, 27, 28, 0.2);
    --focus: #fccb53;
    --shadow: 0 30px 90px rgba(2, 12, 13, 0.42);
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-height) + 1rem);
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--surface);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  opacity: 0.022;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
}

button,
summary,
a {
  -webkit-tap-highlight-color: transparent;
}

button {
  color: inherit;
  font: inherit;
}

:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 5px;
}

::selection {
  color: var(--accent-ink);
  background: var(--accent);
}

h1,
h2,
h3,
h4,
p,
figure,
dl,
dd {
  margin-top: 0;
}

h1,
h2,
h3,
h4 {
  font-weight: 400;
  text-wrap: balance;
}

.shell {
  width: min(100%, var(--shell));
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.skip-link {
  position: fixed;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 20;
  padding: 0.7rem 1rem;
  color: var(--accent-ink);
  background: var(--accent);
  font-size: 0.82rem;
  font-weight: 700;
  transform: translateY(-160%);
}

.skip-link:focus {
  transform: translateY(0);
}

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 10;
  height: var(--header-height);
  color: #eef3f0;
  background: rgba(7, 25, 26, 0);
  border-bottom: 1px solid transparent;
  transition: background-color 220ms ease, border-color 220ms ease;
}

.site-header.is-scrolled,
.site-header.menu-open {
  background: rgba(7, 25, 26, 0.92);
  border-bottom-color: rgba(226, 236, 231, 0.16);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.brand {
  display: inline-flex;
  flex: 0 0 auto;
  text-decoration: none;
}

.brand-crop {
  position: relative;
  display: block;
  width: 16.25rem;
  height: 4.5rem;
  overflow: hidden;
}

.brand-crop img {
  position: absolute;
  top: -2.63rem;
  left: -2.35rem;
  width: 19.9rem;
  max-width: none;
  height: auto;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: clamp(1.75rem, 2.1vw, 2.25rem);
}

.site-nav a {
  position: relative;
  color: #d4ddda;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.015em;
  text-decoration: none;
}

.site-nav a::after {
  content: "";
  position: absolute;
  inset: auto 0 -0.4rem;
  height: 1px;
  background: var(--accent);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 220ms ease;
}

.site-nav a:hover::after,
.site-nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.menu-toggle {
  display: none;
  align-items: center;
  gap: 0.75rem;
  padding: 0.55rem 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.menu-label {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.menu-icon {
  position: relative;
  display: block;
  width: 1.5rem;
  height: 1rem;
}

.menu-icon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: transform 220ms ease, top 220ms ease;
}

.menu-icon span:first-child {
  top: 0.25rem;
}

.menu-icon span:last-child {
  top: 0.72rem;
}

.ring-story {
  --story-bg: #07191a;
  --story-ink: #f0f3f0;
  --story-ink-soft: #bdc9c5;
  --story-line: rgba(226, 236, 231, 0.17);
  --ink: var(--story-ink);
  --ink-soft: var(--story-ink-soft);
  --line: var(--story-line);
  position: relative;
  color: var(--story-ink);
  background: var(--story-bg);
  border-bottom: 1px solid var(--line);
  overflow: clip;
}

.ring-stage {
  position: relative;
  padding-top: var(--header-height);
}

.ring-stage-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(24rem, 0.92fr);
  gap: clamp(3rem, 6vw, 7rem);
  align-items: start;
  min-height: calc(100dvh - var(--header-height));
  padding-top: clamp(3rem, 7vh, 5.5rem);
  padding-bottom: clamp(4rem, 8vw, 8rem);
}

.story-copy {
  position: relative;
  z-index: 2;
  max-width: 58rem;
}

.story-panel {
  padding-block: clamp(3rem, 8vw, 7.5rem);
}

.story-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100dvh - var(--header-height) - 8rem);
  padding-block: 0;
}

.eyebrow {
  margin-bottom: clamp(1.35rem, 3vh, 2.25rem);
  color: var(--accent);
  font-size: 0.71rem;
  font-weight: 700;
  letter-spacing: 0.23em;
  text-transform: uppercase;
}

.story-hero h1 {
  margin-bottom: clamp(1.4rem, 3vh, 2.3rem);
  font-family: var(--font-display);
  font-size: clamp(5rem, 6.4vw, 7rem);
  line-height: 0.9;
  letter-spacing: -0.045em;
}

.hero-summary {
  max-width: 50ch;
  margin-bottom: clamp(1.7rem, 3vh, 2.5rem);
  color: var(--ink-soft);
  font-size: clamp(1.125rem, 1.35vw, 1.25rem);
  line-height: 1.65;
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 0.2rem 0 0.5rem;
  border-bottom: 1px solid var(--accent);
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: none;
  white-space: nowrap;
  transition: color 180ms ease, gap 180ms ease;
}

.text-link span {
  color: var(--accent);
  font-size: 1.05rem;
}

.text-link:hover {
  gap: 1.35rem;
  color: var(--accent);
}

.text-link:active,
.contact-details a:active,
.menu-toggle:active {
  transform: translateY(1px);
}

.hero-link {
  position: relative;
  z-index: 3;
  margin-top: calc(clamp(5rem, 8vw, 8rem) * -1);
  margin-bottom: clamp(4rem, 8vw, 8rem);
}

.story-principle,
.story-conclusion {
  max-width: 46rem;
}

.story-principle h2,
.story-conclusion h2 {
  margin-bottom: 1.7rem;
  font-family: var(--font-display);
  font-size: clamp(3.5rem, 5.5vw, 6.2rem);
  line-height: 0.94;
  letter-spacing: -0.04em;
}

.story-principle h3 {
  margin: 2.6rem 0 1rem;
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 2.8vw, 3.1rem);
  line-height: 1.05;
}

.story-principle > p:last-child,
.story-conclusion > p:last-child,
.story-lead {
  max-width: 52ch;
  margin-bottom: 0;
  color: var(--ink-soft);
  font-size: clamp(1.05rem, 1.35vw, 1.2rem);
}

.story-lead {
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--line);
}

.ring-visual {
  position: sticky;
  top: calc(var(--header-height) + 2rem);
  align-self: start;
  min-height: min(76vh, 50rem);
  margin: 0;
  overflow: hidden;
}

.ring-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: radial-gradient(circle at 52% 44%, transparent 28%, var(--image-scrim) 78%, transparent 100%);
  pointer-events: none;
}

.ring-fallback,
.ring-canvas,
.ring-canvas canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ring-fallback {
  z-index: 1;
  object-fit: cover;
  object-position: center;
  transition: opacity 500ms ease;
}

.ring-canvas {
  z-index: 0;
  opacity: 0;
  transition: opacity 500ms ease;
}

.ring-canvas canvas {
  display: block;
}

.ring-visual.ring-ready .ring-fallback {
  opacity: 0;
}

.ring-visual.ring-ready .ring-canvas {
  opacity: 1;
}

.ring-visual-mobile {
  display: none;
}

.intro-marker {
  margin: 0 0 1.5rem;
  color: var(--accent);
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 2vw, 1.8rem);
}

.principle-index {
  margin-bottom: 1.25rem;
  color: var(--accent);
  font-family: var(--font-display);
  font-size: 0.95rem;
}

.section {
  padding-block: clamp(5.5rem, 10vw, 10rem);
}

.section-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section-heading h2 {
  margin-bottom: 1.5rem;
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 5.6vw, 5.9rem);
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.section-heading p {
  max-width: 39rem;
  margin-bottom: 0;
  color: var(--ink-soft);
  font-size: 1.05rem;
}

.person-bio summary::-webkit-details-marker,
.footer-information summary::-webkit-details-marker {
  display: none;
}

@media (min-width: 75rem) {
  .ring-story.motion-enabled .ring-stage {
    height: calc(100dvh - var(--header-height));
    min-height: 42rem;
    padding-top: 0;
  }

  .ring-story.motion-enabled .ring-stage-grid {
    position: relative;
    display: block;
    height: 100%;
    min-height: 0;
    align-items: center;
    padding-top: var(--header-height);
    padding-bottom: 0;
  }

  .ring-story.motion-enabled .story-copy {
    align-self: stretch;
    height: 100%;
    width: 100%;
    max-width: none;
  }

  .ring-story.motion-enabled .story-panel {
    position: absolute;
    top: 50%;
    width: min(100%, 34rem);
    padding: 0;
    transform: none;
  }

  .ring-story.motion-enabled .story-hero {
    left: 50%;
    width: min(100%, 74rem);
    min-height: 0;
    align-items: center;
    text-align: center;
  }

  .ring-story.motion-enabled [data-story-panel="1"],
  .ring-story.motion-enabled [data-story-panel="3"] {
    left: 0;
  }

  .ring-story.motion-enabled [data-story-panel="2"] {
    right: 0;
  }

  .ring-story.motion-enabled [data-story-panel="4"] {
    left: 50%;
    width: min(100%, 62rem);
    text-align: center;
  }

  .ring-story.motion-enabled .hero-link {
    position: absolute;
    left: 50%;
    bottom: clamp(2rem, 4vh, 3.5rem);
    margin: 0;
    padding: 0.78rem 1.2rem;
    border: 0;
    color: #07191a;
    background: #f0f3f0;
    letter-spacing: 0.01em;
  }

  .ring-story.motion-enabled .ring-visual {
    position: absolute;
    inset: var(--header-height) 0 0;
    width: 100%;
    height: calc(100% - var(--header-height));
    min-height: 0;
    aspect-ratio: auto;
  }
}

.fund {
  position: relative;
  overflow: hidden;
}

.fund::before {
  content: "";
  position: absolute;
  top: -13rem;
  right: -6rem;
  width: 34rem;
  height: 34rem;
  border: 1px solid var(--line);
  border-radius: 50%;
  opacity: 0.65;
  pointer-events: none;
}

.fund-panel {
  position: relative;
  display: grid;
  grid-template-columns: 1.18fr 0.82fr;
  gap: clamp(3rem, 8vw, 9rem);
  padding: clamp(2.6rem, 6vw, 6rem);
  background: var(--surface-deep);
}

.plain-label,
.fund-facts dt,
.contact-details span,
.eligibility h4 {
  color: var(--muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.plain-label {
  margin-bottom: 1.8rem;
}

.fund-name h2 {
  max-width: 11ch;
  margin-bottom: 1.8rem;
  font-family: var(--font-display);
  font-size: clamp(3.5rem, 6.2vw, 6.8rem);
  line-height: 0.93;
  letter-spacing: -0.04em;
}

.fund-name > p:last-child {
  max-width: 35rem;
  margin-bottom: 0;
  color: var(--ink-soft);
  font-size: 1.03rem;
}

.fund-facts {
  margin: 0;
}

.fund-facts > div {
  padding: 1.6rem 0 2.4rem;
  border-bottom: 1px solid var(--line);
}

.fund-facts > div:first-child {
  padding-top: 0;
}

.fund-facts dt {
  margin-bottom: 0.9rem;
}

.fund-facts dd {
  margin-bottom: 0.4rem;
  color: var(--accent);
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 4.2vw, 4.8rem);
  line-height: 1;
}

.fund-facts p {
  margin: 0;
  color: var(--muted);
  font-size: 0.85rem;
}

.eligibility {
  display: grid;
  grid-template-columns: minmax(13rem, 0.65fr) minmax(16rem, 0.8fr) minmax(0, 1.55fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: start;
  padding: clamp(4rem, 7vw, 7rem) clamp(0rem, 4vw, 4rem) 0;
}

.eligibility > h3 {
  margin-bottom: 0;
  font-family: var(--font-display);
  font-size: clamp(2rem, 3.3vw, 3.7rem);
  line-height: 1.03;
}

.eligibility > p {
  margin-bottom: 0;
  color: var(--ink-soft);
}

.eligibility-groups {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: clamp(2rem, 4vw, 4.5rem);
}

.eligibility h4 {
  margin-bottom: 1.2rem;
}

.eligibility ul {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.eligibility li {
  color: var(--ink-soft);
}

.people {
  background: var(--surface-raised);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.people-heading {
  max-width: 58rem;
  margin-bottom: clamp(3.5rem, 8vw, 7rem);
}

.people-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(1.3rem, 3vw, 3.2rem);
  align-items: start;
}

.person-varun {
  grid-column: 1 / span 5;
}

.person-ajay {
  grid-column: 6 / span 3;
  margin-top: clamp(3rem, 8vw, 8rem);
}

.person-abhit {
  grid-column: 9 / span 4;
  margin-top: clamp(1rem, 3vw, 3rem);
}

.portrait {
  position: relative;
  aspect-ratio: 4 / 5;
  margin-bottom: 1.5rem;
  overflow: hidden;
  background: var(--surface-deep);
}

.person-ajay .portrait {
  aspect-ratio: 3 / 4;
}

.person-abhit .portrait {
  aspect-ratio: 1 / 1.24;
}

.portrait::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px var(--line);
  pointer-events: none;
}

.portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.76) contrast(1.04);
  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1), filter 300ms ease;
}

.person:hover .portrait img {
  transform: scale(1.02);
  filter: saturate(0.95) contrast(1.03);
}

.person-summary {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--line);
}

.person-summary h3 {
  margin-bottom: 0.1rem;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 2.5vw, 2.7rem);
  line-height: 1.1;
}

.person-summary p {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.person-bio summary,
.footer-information summary {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 1rem 0 0.25rem;
  color: var(--accent);
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  cursor: pointer;
  list-style: none;
}

.person-bio summary::after,
.footer-information summary::after {
  content: "+";
  font-size: 1rem;
  font-weight: 400;
}

.person-bio[open] summary::after,
.footer-information details[open] summary::after {
  content: "−";
}

.person-bio p {
  margin: 0.85rem 0 0;
  color: var(--ink-soft);
  font-size: 0.9rem;
}

.contact {
  padding-block: clamp(6rem, 12vw, 12rem);
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(19rem, 0.72fr);
  gap: clamp(4rem, 11vw, 12rem);
  align-items: end;
}

.contact-intro h2 {
  max-width: 11ch;
  margin-bottom: 2rem;
  font-family: var(--font-display);
  font-size: clamp(3.5rem, 7vw, 7.3rem);
  line-height: 0.93;
  letter-spacing: -0.04em;
}

.contact-intro p {
  max-width: 38rem;
  margin-bottom: 0;
  color: var(--ink-soft);
  font-size: 1.05rem;
}

.contact-details {
  display: grid;
  gap: 0;
  font-style: normal;
}

.contact-details a,
.contact-details > p {
  display: grid;
  gap: 0.65rem;
  margin: 0;
  padding: 1.4rem 0;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  line-height: 1.55;
  text-decoration: none;
  transition: color 180ms ease, padding-left 180ms ease;
}

.contact-details a:hover {
  padding-left: 0.5rem;
  color: var(--accent);
}

.site-footer {
  padding: clamp(4rem, 7vw, 6rem) 0 1.5rem;
  background: var(--surface-deep);
  border-top: 1px solid var(--line);
}

.footer-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: clamp(3rem, 9vw, 10rem);
  align-items: start;
}

.footer-brand > p {
  margin: 1.4rem 0 0;
  color: var(--muted);
  font-family: var(--font-display);
  font-size: 1.1rem;
}

.footer-information > p {
  max-width: 49rem;
  margin-bottom: 1.1rem;
  color: var(--ink-soft);
  font-size: 0.86rem;
}

.footer-information details p {
  max-width: 39rem;
  margin: 0.75rem 0 0;
  color: var(--muted);
  font-size: 0.8rem;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: clamp(4rem, 7vw, 6rem);
  padding-top: 1.25rem;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.74rem;
}

.footer-bottom p {
  margin: 0;
}

.footer-bottom a {
  text-decoration: none;
}

@media (max-width: 74rem) {
  .ring-stage-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr);
    gap: clamp(2.25rem, 4vw, 4.5rem);
  }

  .story-hero h1 {
    font-size: clamp(4.5rem, 7vw, 5.8rem);
  }

  .eligibility {
    grid-template-columns: 0.8fr 1.2fr;
  }

  .eligibility-groups {
    grid-column: 1 / -1;
  }
}

@media (max-width: 74.99rem) {
  :root {
    --gutter: 1.25rem;
    --header-height: 4.75rem;
  }

  .header-inner {
    position: relative;
  }

  .brand-crop {
    width: 12.5rem;
    height: 3.75rem;
  }

  .brand-crop img {
    top: -2.04rem;
    left: -1.83rem;
    width: 15.35rem;
  }

  .menu-toggle {
    display: inline-flex;
    min-width: 4.75rem;
    min-height: 2.75rem;
    justify-content: flex-end;
  }

  .menu-label {
    font-size: 0.9rem;
  }

  .site-nav {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 0.5rem 0 1rem;
  }

  .site-nav a {
    min-height: 2.75rem;
    padding: 0.75rem 0;
    font-size: 1.0625rem;
  }

  .js .site-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: auto;
    padding: 0.8rem 1.25rem 1.2rem;
    background: #0b2324;
    border: 1px solid rgba(226, 236, 231, 0.16);
    box-shadow: var(--shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.5rem);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms;
  }

  .js .site-header.menu-open .site-nav {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .js .site-header.menu-open .menu-icon span:first-child {
    top: 0.52rem;
    transform: rotate(45deg);
  }

  .js .site-header.menu-open .menu-icon span:last-child {
    top: 0.52rem;
    transform: rotate(-45deg);
  }

  .ring-stage-grid {
    display: block;
    min-height: 0;
    padding-top: clamp(2.5rem, 7vh, 4rem);
    padding-bottom: 0;
  }

  .story-copy {
    max-width: none;
  }

  .story-hero {
    min-height: calc(100dvh - var(--header-height) - 3rem);
  }

  .story-hero h1 {
    font-size: clamp(2.875rem, 11.5vw, 4.8rem);
    line-height: 0.93;
  }

  .hero-summary {
    max-width: 34rem;
    font-size: clamp(1.0625rem, 2.3vw, 1.125rem);
  }

  .hero-link {
    margin: -4.5rem 0 3rem;
  }

  .ring-visual-desktop {
    display: none;
  }

  .ring-visual-mobile {
    display: block;
    width: calc(100% + (var(--gutter) * 2));
    min-height: 0;
    aspect-ratio: 16 / 10;
    margin: 0 calc(var(--gutter) * -1) 3rem;
  }

  .story-panel:not(.story-hero) {
    padding-block: 4.5rem;
    border-top: 1px solid var(--line);
  }

  .story-principle h2,
  .story-conclusion h2 {
    font-size: clamp(2.85rem, 10vw, 4.8rem);
  }

  .fund-panel,
  .contact-layout {
    grid-template-columns: 1fr;
  }

  .fund-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .fund-facts > div:first-child {
    padding-top: 1.6rem;
  }

  .people-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .person-varun,
  .person-ajay,
  .person-abhit {
    grid-column: auto;
    margin-top: 0;
  }

  .person-varun {
    grid-row: span 2;
  }
}

@media (max-width: 47.99rem) {
  .section {
    padding-block: 5rem;
  }

  .eligibility,
  .eligibility-groups,
  .people-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .section-heading h2,
  .fund-name h2,
  .contact-intro h2 {
    font-size: clamp(2.8rem, 13vw, 4.8rem);
  }

  .fund-panel {
    gap: 3.5rem;
    padding: 2.1rem 1.4rem;
  }

  .fund-facts {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .eligibility {
    gap: 2rem;
    padding-top: 4rem;
  }

  .eligibility-groups {
    gap: 2.2rem;
  }

  .people-heading {
    margin-bottom: 3.5rem;
  }

  .people-grid {
    gap: 4rem;
  }

  .person-varun {
    grid-row: auto;
  }

  .portrait,
  .person-ajay .portrait,
  .person-abhit .portrait {
    aspect-ratio: 4 / 4.6;
  }

  .contact-layout {
    gap: 3.4rem;
  }

  .footer-grid {
    gap: 3.5rem;
  }
}

@media (max-width: 25rem) {
  .story-hero h1 {
    font-size: clamp(2.85rem, 14vw, 3.45rem);
  }

  .eyebrow {
    margin-bottom: 1.1rem;
  }

  .hero-summary {
    margin-bottom: 1.35rem;
  }

  .site-nav {
    grid-template-columns: 1fr;
  }
}

@media (max-height: 48rem) and (min-width: 75rem) {
  .story-hero h1 {
    font-size: clamp(4.1rem, 5.8vw, 5.6rem);
  }

  .story-principle h2,
  .story-conclusion h2 {
    font-size: clamp(3.2rem, 4.8vw, 5rem);
  }

  .ring-story.motion-enabled .hero-link {
    bottom: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (prefers-contrast: more) {
  :root {
    --line: currentColor;
  }
}

.fund-facts .horizon-note { font-family: var(--font-body); font-size: .8rem; line-height: 1.6; color: var(--ink-soft); max-width: 28ch; margin-top: .8rem; }

/* Cinematic perspective direction */
:root {color-scheme:dark;--ink:#eeeae0;--ink-soft:#a9b9b3;--muted:#8d9d96;--surface:#091d1a;--surface-raised:#102923;--surface-deep:#071714;--line:rgba(211,220,202,.18);--accent:#d3b779;--focus:#e6c98f;--gutter:clamp(1.5rem,5vw,6rem);--shell:100rem}
body{background:var(--surface)}
em{font-weight:400;color:var(--accent)}
.site-header{background:rgba(7,23,20,.84);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.site-nav a{font-size:.8rem}.site-nav a:last-child{border:1px solid #61736a;padding:.6rem 1.3rem;border-radius:2px}
.ring-story{--story-bg:#071714;--story-ink:#eeeae0;--story-ink-soft:#a9b9b3;background:radial-gradient(ellipse at 68% 50%,#173d30 0,transparent 60%),var(--story-bg)}
.stage-grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.94%,rgba(201,215,193,.06) 50%,transparent 50.06%);pointer-events:none}
.chapter-rail{display:none}
.story-hero h1{font-size:clamp(4rem,6.6vw,7.7rem);line-height:.99;letter-spacing:-.05em}
.story-hero h1 em{font-weight:400}.hero-summary{font-size:1rem;max-width:40ch}
.story-panel p{max-width:44ch}.story-principle h2{font-size:clamp(3.5rem,5.6vw,6.5rem)}
.principle-index{font-family:var(--font-body);letter-spacing:.2em;color:var(--accent)}
.story-lead{font-size:1rem;padding-bottom:1.2rem}.story-principle h3{margin-top:1.2rem}
.ring-visual::after{background:none}
.statement{max-width:15ch;font-family:var(--font-display);font-size:clamp(3.5rem,7.7vw,8.5rem);line-height:1.03;letter-spacing:-.045em;margin:3rem 0 4rem}
.statement span{transition:color .15s}.perspective{background:#0c231d;border-bottom:1px solid var(--line)}
.perspective-bottom{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-bottom:5rem}.perspective-bottom p{max-width:48ch;color:var(--ink-soft);font-size:1.1rem}.small-caption{font-size:.65rem;letter-spacing:.2em;margin-top:.4rem;color:var(--accent)}
.quality-list article{display:grid;grid-template-columns:.18fr 1fr 1fr;gap:3rem;padding:2.3rem 0;border-top:1px solid var(--line);align-items:baseline}.quality-list article>span{font-size:.7rem;color:var(--accent)}.quality-list h3{font-family:var(--font-display);font-size:2.1rem;line-height:1.1;margin:0}.quality-list p{font-size:.95rem;color:var(--ink-soft);margin:0;max-width:45ch}
.process{background:#081b17}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.process-intro{position:sticky;top:8rem;align-self:start}.process-intro h2{font-family:var(--font-display);font-size:clamp(3.4rem,5.2vw,6rem);line-height:1.02;letter-spacing:-.035em}.process-intro>p:not(.eyebrow){max-width:33ch;color:var(--ink-soft)}.process-steps article{padding:5rem 0;border-top:1px solid var(--line);min-height:65vh}.step-number{color:var(--accent);font-size:.7rem;letter-spacing:.15em}.process-steps h3{font-family:var(--font-display);font-size:clamp(2.8rem,3.8vw,4.2rem);line-height:1.05;margin:2rem 0}.process-steps p{color:var(--ink-soft);max-width:42ch;font-size:1.05rem}.process-tags{display:flex;gap:1rem;margin-top:2rem;font-size:.7rem;color:var(--accent)}.process-tags span{padding:.5rem 0;border-bottom:1px solid var(--line)}
.process-orbit{width:210px;height:210px;position:relative;display:grid;place-items:center;margin-top:2rem;perspective:500px}.process-orbit i{position:absolute;inset:10%;border:1px solid #c5a269;border-radius:50%;transform:rotateX(60deg) rotateY(20deg)}.process-orbit i:nth-child(2){transform:rotateX(25deg) rotateY(60deg)}.process-orbit i:nth-child(3){transform:rotateX(-35deg) rotateY(45deg)}.process-orbit span{font-family:var(--font-display);font-size:2rem;color:var(--accent)}
.fund{background:#133429}.fund-panel{background:none;box-shadow:none;border:none;padding:0;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem 8vw}.fund-name h2{font-size:clamp(4rem,7vw,8rem);max-width:10ch}.fund-name>p:last-child{color:var(--ink-soft);max-width:38ch}.fund-description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.fund-description>p{max-width:33ch;color:var(--ink-soft)}.fund-monogram{font-family:var(--font-display);font-size:10rem;line-height:1;color:var(--accent);letter-spacing:-.16em;margin-bottom:2rem}.fund-monogram>span{position:relative;top:1rem;left:-.1em;color:#a39565}.fund-facts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:8vw}.fund-facts>div{padding:2rem 0!important;border-bottom:1px solid var(--line)}.fund-facts dd{font-size:clamp(3rem,5vw,5.5rem)}.eligibility{padding-top:4rem}.people{background:#0b211b}.people-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.person-varun,.person-ajay,.person-abhit{grid-column:auto;grid-row:auto;margin-top:0}.person-ajay{margin-top:5rem}.person-abhit{margin-top:10rem}.portrait,.person-ajay .portrait,.person-abhit .portrait{aspect-ratio:4/5}.portrait img{filter:saturate(.65);transition:filter .5s,transform .7s}.person:hover img{filter:saturate(1);transform:scale(1.025)}.people-heading h2{max-width:13ch}.contact{background:radial-gradient(ellipse at 10% 100%,#254332,transparent 65%),#0c241d}.contact-intro h2{max-width:12ch;font-size:clamp(3.5rem,7.6vw,8rem)}
@media(min-width:75rem){
.ring-story.motion-enabled .ring-stage{height:100dvh;min-height:640px}
.ring-story.motion-enabled .story-hero{left:0;width:70%;text-align:left;align-items:flex-start;top:45%}
.ring-story.motion-enabled .story-hero h1{max-width:16ch;text-shadow:0 4px 35px #07171488}
.ring-story.motion-enabled .story-panel{width:45%}
.ring-story.motion-enabled .story-hero{width:80%}
.ring-story.motion-enabled [data-story-panel="4"]{top:48%;width:64%}
.ring-story.motion-enabled .hero-link{left:0;bottom:5.6rem;color:var(--ink);background:none;border-bottom:1px solid var(--accent);padding:.65rem 0;letter-spacing:.03em}
.ring-story.motion-enabled .ring-visual{inset:0;width:100%;height:100%;pointer-events:none}
.chapter-rail{position:absolute;display:flex;align-items:center;gap:2rem;bottom:2rem;left:var(--gutter);right:var(--gutter);z-index:3;color:#a9b9b3;font-size:.6rem;letter-spacing:.16em}.chapter-count{margin-left:auto}.chapter-track{width:12rem;height:1px;background:#637265}.chapter-track i{display:block;height:1px;background:var(--accent);transform-origin:left;transform:scaleX(.2)}
}
@media(max-width:74.99rem){.story-hero h1{font-size:clamp(3.1rem,8.9vw,5rem)}.story-hero{min-height:65dvh}.hero-link{margin:0 0 2rem}.ring-visual-mobile{aspect-ratio:1.3; margin-bottom:1rem}.perspective-bottom{grid-template-columns:1fr;gap:1rem}.quality-list article{grid-template-columns:2rem 1fr;gap:1rem}.quality-list p{grid-column:2}.process-layout{gap:3rem}.process-intro{top:7rem}.process-steps article{padding:3rem 0}.fund-monogram{font-size:7rem}.fund-panel{grid-template-columns:1fr}.fund-description{display:none}.people-grid{grid-template-columns:repeat(3,1fr)}.person-ajay,.person-abhit{margin-top:0}}
@media(max-width:47.99rem){.process-layout{grid-template-columns:1fr}.process-intro{position:relative;top:auto}.process-orbit{position:absolute;right:0;bottom:-.5rem;width:110px;height:110px;opacity:.45}.process-intro>p:not(.eyebrow){max-width:24ch}.process-steps article{min-height:0;padding:2.5rem 0}.fund-facts{grid-template-columns:1fr;gap:0}.people-grid{grid-template-columns:1fr;gap:3rem}.person{max-width:34rem}.statement{font-size:clamp(3.1rem,11vw,5rem)}.perspective-bottom{margin-bottom:3rem}.quality-list h3{font-size:1.8rem}.quality-list article{padding:1.8rem 0}.story-panel:not(.story-hero){padding:3rem 0}.story-principle h2,.story-conclusion h2{font-size:3.2rem}.story-hero{min-height:0;padding:3rem 0 1rem}.hero-summary{font-size:1rem}.ring-stage-grid{padding-top:1rem}}

/* Defined navigation surface and a shared cinematic story on small screens. */
.site-header,.site-header.is-scrolled,.site-header.menu-open{
  background:rgba(22,48,39,.97);
  border-bottom:1px solid rgba(211,183,121,.55);
  box-shadow:0 8px 30px rgba(1,12,8,.26),inset 0 3px 0 #c9a96c;
}
.site-nav a:last-child{background:var(--accent);border-color:var(--accent);color:#10251c;font-weight:700}
@media(max-width:74.99rem){
  .menu-toggle{border:1px solid rgba(211,183,121,.6);border-radius:3px;padding:.55rem .7rem;min-width:5.3rem;justify-content:center;color:#ebd29b}
  .menu-label{font-size:.75rem;letter-spacing:.04em}
  .js .site-nav{background:#163027;border-color:#8a7954;box-shadow:0 18px 30px #02120dcc;gap:.5rem 1rem;padding:1rem 1.5rem}
  .site-nav a{font-size:.95rem}.site-nav a:last-child{text-align:center}
  .ring-story.motion-enabled .ring-stage{height:100svh;min-height:600px;padding:0}
  .ring-story.motion-enabled .ring-stage-grid{position:relative;display:block;height:100%;min-height:0;padding-top:0;padding-bottom:0}
  .ring-story.motion-enabled .story-copy{position:relative;width:100%;height:100%;max-width:none}
  .ring-story.motion-enabled .story-panel{position:absolute;top:calc(var(--header-height) + 2rem);left:0;right:auto;width:100%;max-width:36rem;margin:0;padding:0;border:0;min-height:0;text-align:left}
  .ring-story.motion-enabled .story-hero{display:block}
  .ring-story.motion-enabled .eyebrow{font-size:.59rem;letter-spacing:.17em;max-width:none;margin-bottom:1.3rem}
  .ring-story.motion-enabled .story-hero h1{font-size:clamp(2.65rem,11.5vw,4rem);line-height:1;letter-spacing:-.045em;margin-bottom:1.3rem;max-width:17ch}
  .ring-story.motion-enabled .hero-summary{font-size:.91rem;line-height:1.6;max-width:37ch;margin:0}
  .ring-story.motion-enabled .story-principle h2,.ring-story.motion-enabled .story-conclusion h2{font-size:clamp(2.4rem,10vw,3.5rem);line-height:1;max-width:19ch;margin-bottom:1rem}
  .ring-story.motion-enabled .story-panel p{font-size:.85rem;line-height:1.55;margin-bottom:.8rem}
  .ring-story.motion-enabled .story-panel .principle-index{font-size:.65rem;margin-bottom:.75rem}
  .ring-story.motion-enabled .story-lead{padding-bottom:.65rem}
  .ring-story.motion-enabled .story-principle h3{font-size:1.25rem;margin:.75rem 0 .5rem}
  .ring-story.motion-enabled .ring-visual-desktop{display:block;position:absolute;inset:52% 0 12%;width:100%;height:auto;min-height:0;aspect-ratio:auto;margin:0;pointer-events:none}
  .ring-story.motion-enabled .ring-visual-mobile{display:none}
  .ring-story.motion-enabled .hero-link{position:absolute;left:0;bottom:3.7rem;margin:0;padding:.55rem 0;font-size:.7rem}
  .ring-story.motion-enabled .chapter-rail{position:absolute;display:flex;align-items:center;gap:.8rem;bottom:1.3rem;left:var(--gutter);right:var(--gutter);z-index:3;color:#acbbb2;font-size:.47rem;letter-spacing:.09em}
  .chapter-count{margin-left:auto;white-space:nowrap}.chapter-track{width:3rem;height:1px;background:#637265}.chapter-track i{display:block;height:1px;background:var(--accent);transform-origin:left;transform:scaleX(.2)}
}
@media(max-width:74.99rem) and (max-height:720px){
 .ring-story.motion-enabled .story-panel{top:calc(var(--header-height) + 1.1rem)}
 .ring-story.motion-enabled .story-hero h1{font-size:2.65rem;margin-bottom:.8rem}
 .ring-story.motion-enabled .story-panel p{font-size:.79rem;line-height:1.45}
 .ring-story.motion-enabled .story-principle h2,.ring-story.motion-enabled .story-conclusion h2{font-size:2.35rem}
 .ring-story.motion-enabled .ring-visual-desktop{inset:58% 0 14%}
}
@media(max-width:74.99rem){
 .ring-story.motion-enabled .ring-visual-desktop{height:36%}
 .ring-story.motion-enabled .story-panel .eyebrow{font-size:.59rem;line-height:1.6}
}
@media(max-width:74.99rem) and (max-height:720px){
 .ring-story.motion-enabled .ring-visual-desktop{height:28%}
}
@media(max-width:74.99rem) and (min-height:721px){
 .ring-story.motion-enabled .ring-visual-desktop{top:46%;height:42%}
}

/* Larger desktop navigation and an integrated mobile background sculpture. */
@media(min-width:75rem){
 .site-nav a{font-size:1rem;letter-spacing:.01em}
 .site-nav{gap:clamp(1.5rem,2.2vw,2.5rem)}
 .site-nav a:last-child{padding:.7rem 1.5rem}
}
@media(max-width:74.99rem){
 .ring-story.motion-enabled .ring-visual-desktop{
   inset:var(--header-height) 0 0;
   width:100%;height:calc(100% - var(--header-height));
   z-index:0;opacity:.82;
 }
 .ring-story.motion-enabled .ring-visual-desktop::after{
   content:"";position:absolute;inset:0;z-index:2;
   background:linear-gradient(180deg,#071714e8 0%,#071714b8 24%,#07171455 48%,#07171400 68%,#071714b3 100%),linear-gradient(90deg,#07171488,transparent 85%);
 }
 .ring-story.motion-enabled .story-copy{z-index:2}
 .ring-story.motion-enabled .story-panel{text-shadow:0 2px 18px #04140fec}
 .ring-story.motion-enabled .story-panel p{color:#c1cec5}
 .ring-story.motion-enabled .story-panel .eyebrow,.ring-story.motion-enabled .story-panel .principle-index{color:var(--accent)}
 .ring-story.motion-enabled .hero-link{background:transparent;text-shadow:0 2px 10px #04140f}
}
@media(max-width:74.99rem){
 .ring-story.motion-enabled .ring-visual-desktop{opacity:1}
 .ring-story.motion-enabled .ring-visual-desktop::after{
  background:linear-gradient(180deg,#071714ed 0%,#071714c4 24%,#07171466 46%,#07171410 70%,#07171499 100%),linear-gradient(90deg,#07171455,transparent 85%);
 }
}

/* Live palette comparison. Layout and scroll position stay unchanged. */
.theme-switch{display:flex;border:1px solid #897b58;border-radius:4px;padding:3px;gap:2px;margin-left:auto;margin-right:1.5rem;flex:none}
.theme-switch button{background:transparent;border:0;padding:.45rem .65rem;font-size:.72rem;cursor:pointer;color:#d9dccc;border-radius:2px;min-height:32px}
.theme-switch button[aria-pressed="true"]{background:#d3b779;color:#13271e}
.mobile-story-note{display:none}
:root[data-theme="white"]{color-scheme:light;--ink:#182c24;--ink-soft:#4e6157;--muted:#5d6d63;--surface:#fffefa;--surface-raised:#f7f5ee;--surface-deep:#efeee7;--line:rgba(27,49,35,.2);--accent:#85652e;--focus:#85652e;--shadow:0 20px 50px #283e2614}
[data-theme="white"] .ring-story{--ink:#182c24;--ink-soft:#4e6157;--line:rgba(27,49,35,.2);color:#182c24;background:radial-gradient(ellipse at 70% 60%,#e7e1ce,transparent 65%),#fffefa}
[data-theme="white"] .site-header,[data-theme="white"] .site-header.is-scrolled,[data-theme="white"] .site-header.menu-open{background:#fffefaf5;color:#182c24;box-shadow:0 8px 30px #253b2412,inset 0 3px 0 #ad915a}
/* Preserve the supplied logo artwork on a dark inset in the light palette. */
[data-theme="white"] .brand-crop{background:#163027;border-radius:3px}
[data-theme="white"] .site-nav a{color:#22382b}
[data-theme="white"] .site-nav a:last-child{background:#203e30;color:#fffefa;border-color:#203e30}
[data-theme="white"] .theme-switch button{color:#253d2e}
[data-theme="white"] .theme-switch button[aria-pressed="true"]{background:#203e30;color:#fffefa}
[data-theme="white"] .perspective,[data-theme="white"] .people{background:#f7f6ef}
[data-theme="white"] .process{background:#fffefa}
[data-theme="white"] .fund{background:#efeee4}
[data-theme="white"] .contact{background:radial-gradient(ellipse at 10% 100%,#e6e3d4,transparent 65%),#fffefa}
[data-theme="white"] .story-hero h1,[data-theme="white"] .story-panel,[data-theme="white"] .hero-link{text-shadow:none!important}
[data-theme="white"] .ring-story .story-panel p{color:#4e6157}
[data-theme="white"] .ring-story .eyebrow,[data-theme="white"] .ring-story .principle-index{color:#85652e}
[data-theme="white"] .chapter-rail,[data-theme="white"] .mobile-story-note{color:#4e6157}
[data-theme="white"] .stage-grid-lines{background:linear-gradient(90deg,transparent 49.94%,#304a3020 50%,transparent 50.06%)}
@media(max-width:74.99rem){
 .header-inner{gap:.6rem}
 .theme-switch{margin-left:auto;margin-right:0}
 .theme-switch button{padding:.3rem .4rem;font-size:.64rem;min-height:34px}
 .site-header .brand-crop{width:10rem;height:3rem}
 .site-header .brand-crop img{width:12.3rem;top:-1.64rem;left:-1.47rem}
 .menu-toggle{min-width:2.6rem;padding:.55rem;gap:0}
 .menu-toggle .menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .ring-story.motion-enabled .mobile-story-note{display:flex;flex-direction:column;gap:.35rem;position:absolute;bottom:4rem;left:var(--gutter);z-index:3;color:#c5cfbf;font-size:.63rem;letter-spacing:.035em;pointer-events:none}
 .ring-story.motion-enabled .hero-link{bottom:8rem}
 [data-theme="white"] .js .site-nav{background:#fffefa;border-color:#c9b88f;box-shadow:0 18px 30px #23351c22}
 [data-theme="white"] .menu-toggle{color:#4c603f;border-color:#ac996e}
 [data-theme="white"] .ring-story.motion-enabled .ring-visual-desktop::after{background:linear-gradient(180deg,#fffefaf2 0%,#fffefacc 24%,#fffefa77 46%,#fffefa05 70%,#fffefa99 100%),linear-gradient(90deg,#fffefa66,transparent 85%)}
}
@media(max-width:360px){
 .header-inner{gap:.35rem}
 .site-header .brand-crop{width:8.5rem;height:2.6rem}
 .site-header .brand-crop img{width:10.45rem;top:-1.4rem;left:-1.25rem}
 .theme-switch button{padding:.3rem;font-size:.6rem}
}
[data-theme="white"] .ring-story.motion-enabled .chapter-rail,
[data-theme="white"] .ring-story.motion-enabled .mobile-story-note{color:#4e6157}
[data-theme="white"] .ring-story.motion-enabled .chapter-track{background:#acb4a5}
[data-theme="white"] .ring-story.motion-enabled .chapter-track i{background:#85652e}

/* Shared dark-green brand framing in both comparison themes. */
:root .site-header,:root .site-header.is-scrolled,:root .site-header.menu-open,
:root .site-footer{
 --ink:#eeeae0;--ink-soft:#bdcbbf;--muted:#adbdaf;--accent:#d3b779;--line:rgba(211,183,121,.3);
 background:#163027;color:var(--ink);
}
:root .site-header{box-shadow:0 8px 30px #01140c33,inset 0 3px 0 #c9a96c}
:root .site-header .site-nav a{color:#eeeae0}
:root .site-header .site-nav a:last-child{background:#d3b779;border-color:#d3b779;color:#163027}
:root .site-header .theme-switch button{color:#e6e8dc}
:root .site-header .theme-switch button[aria-pressed="true"]{background:#d3b779;color:#163027}
:root .site-header .menu-toggle{color:#ebd29b;border-color:#a48b53}
:root .site-header .brand-crop,:root .site-footer .brand-crop{background:transparent}
.person-bio summary,.footer-information summary{font-size:.95rem;min-height:44px;align-items:center}
.person-summary p{font-size:.95rem}
.fund-facts .horizon-note{font-size:.95rem;max-width:34ch;line-height:1.65}
.text-link{font-size:.92rem}
.person-bio p{font-size:1rem}
.footer-information>p,.footer-information details p{font-size:.95rem;line-height:1.7}
.footer-bottom{font-size:.88rem}
.process-tags,.small-caption{font-size:.8rem}
@media(max-width:74.99rem){
 :root .site-header .site-nav{background:#163027;border-color:#8a7954}
 .ring-story.motion-enabled .hero-link{font-size:.85rem}
 .ring-story.motion-enabled .mobile-story-note{font-size:.75rem}
}

/* Scroll-linked text reveals after the introductory sculpture. */
.word-mask{display:inline-block;overflow:clip;vertical-align:bottom;padding-bottom:.13em;margin-bottom:-.13em;padding-inline:.035em;margin-inline:-.035em}
.motion-word{display:inline-block;transform-origin:0 100%;white-space:nowrap}
.statement .motion-word,.statement .word-mask{transition:none}
@media(prefers-reduced-motion:reduce){.motion-word{transform:none!important;opacity:1!important}}

/* The opening ring frames the message instead of occupying a separate column. */
@media(min-width:75rem){
 .ring-story.motion-enabled .story-hero{left:50%;top:46%;width:min(66%,52rem);align-items:center;text-align:center}
 .ring-story.motion-enabled .story-hero h1{font-size:clamp(3.7rem,5.1vw,6rem);max-width:20ch;margin-inline:auto;line-height:1.03;letter-spacing:-.04em}
 .ring-story.motion-enabled .story-hero .eyebrow{max-width:none;margin-inline:auto;margin-bottom:1.8rem}
 .ring-story.motion-enabled .story-hero .hero-summary{max-width:43ch;margin-inline:auto;font-size:1.05rem}
 .ring-story.motion-enabled .hero-link{left:50%;bottom:5.8rem}
 .ring-story.motion-enabled .stage-grid-lines{background:none}
}

/* Quieter opening frame and translucent green navigation. */
@media(min-width:75rem){
 .ring-story.motion-enabled .ring-visual-desktop{opacity:var(--opening-ring-opacity,.38)}
}
:root .site-header,:root .site-header.is-scrolled,:root .site-header.menu-open{
 background:rgba(16,43,32,.79);
 backdrop-filter:blur(22px) saturate(125%);
 -webkit-backdrop-filter:blur(22px) saturate(125%);
 border-bottom:1px solid rgba(219,222,198,.22);
 box-shadow:0 6px 24px rgba(4,23,14,.12),inset 0 1px 0 rgba(242,237,209,.16);
}

/* Retain true gold contrast; reduce prominence through framing, not fading. */
@media(min-width:75rem){
 .ring-story.motion-enabled .ring-visual-desktop{opacity:1}
 .ring-story.motion-enabled .story-hero{top:34%}
 .ring-story.motion-enabled .hero-link{bottom:3.8rem}
}
:root .site-header{opacity:1}
:root .site-header .brand,:root .site-header .site-nav,:root .site-header button{opacity:1}
@media(min-width:75rem){.ring-story.motion-enabled .hero-link{top:64%;bottom:auto}}

/* Gold corner light, with the opening sculpture between the copy and action. */
.ring-story{
 background:radial-gradient(ellipse at 0% 0%,rgba(164,119,40,.27),transparent 43%),radial-gradient(ellipse at 100% 100%,rgba(182,136,52,.23),transparent 42%),radial-gradient(ellipse at 68% 50%,#173d30 0,transparent 60%),var(--story-bg);
}
[data-theme="white"] .ring-story{
 background:radial-gradient(ellipse at 0% 0%,#e7cf9799,transparent 43%),radial-gradient(ellipse at 100% 100%,#dfbd7180,transparent 42%),#fffefa;
}
@media(min-width:75rem){
 .ring-story.motion-enabled .story-hero{top:25%}
 .ring-story.motion-enabled .hero-link{top:auto;bottom:4rem}
}
[data-theme="white"] .ring-story{
 background:radial-gradient(ellipse at 0% 50%,rgba(222,186,104,.42),transparent 44%),radial-gradient(ellipse at 100% 50%,rgba(222,186,104,.42),transparent 44%),#fff;
}
[data-theme="white"] .ring-story{
 background-image:radial-gradient(ellipse at 0% 50%,rgba(222,186,104,.42),transparent 44%),radial-gradient(ellipse at 100% 50%,rgba(222,186,104,.42),transparent 44%);
 background-size:100% 100svh;background-repeat:no-repeat;background-color:#fff;
}

/* Keep the sculpture stage full-bleed even beyond the text container's max width. */
.ring-story.motion-enabled .ring-stage-grid{max-width:none;width:100%}
@media(max-width:74.99rem){
 .ring-story.motion-enabled .story-hero{text-align:center;max-width:none;top:calc(var(--header-height) + 1.5rem)}
 .ring-story.motion-enabled .story-hero h1{margin-inline:auto;font-size:clamp(2.3rem,10.5vw,3.6rem);max-width:19ch}
 .ring-story.motion-enabled .story-hero .eyebrow{margin-inline:auto;max-width:32ch}
 .ring-story.motion-enabled .story-hero .hero-summary{margin-inline:auto;max-width:35ch}
 .ring-story.motion-enabled .hero-link{left:50%;transform:translateX(-50%);bottom:4.4rem;white-space:nowrap}
 .ring-story.motion-enabled .mobile-story-note{display:none}
 .ring-story.motion-enabled .ring-visual-desktop::after{opacity:var(--mobile-veil,0)}
}
@media(max-width:74.99rem){.ring-story.motion-enabled .stage-grid-lines{background:none}}

/* Tighter hierarchy and a compact portrait story stage. */
@media(min-width:75rem){
 .ring-story.motion-enabled .story-hero .eyebrow{margin-bottom:.75rem}
}
.ring-story.motion-enabled .chapter-rail{font-size:.69rem;font-weight:600;letter-spacing:.09em;color:#c3cec4}
[data-theme="white"] .ring-story.motion-enabled .chapter-rail{color:#405749}
@media(max-width:74.99rem){
 :root{--gutter:1.15rem}
 .ring-story.motion-enabled .ring-stage{height:clamp(590px,84svh,710px);min-height:590px}
 .ring-story.motion-enabled .story-hero{top:calc(var(--header-height) + 1.1rem)}
 .ring-story.motion-enabled .story-hero .eyebrow{margin-bottom:.65rem;max-width:none;font-size:.6rem;letter-spacing:.1em}
 .ring-story.motion-enabled .story-hero h1{max-width:none;width:100%;font-size:clamp(2.25rem,10.2vw,3.7rem);margin-bottom:1rem}
 .ring-story.motion-enabled .story-hero .hero-summary{max-width:none;width:100%;font-size:.9rem;line-height:1.5}
 .ring-story.motion-enabled .story-panel{max-width:none;top:calc(var(--header-height) + 1.1rem)}
 .ring-story.motion-enabled .hero-link{bottom:3.1rem}
 .ring-story.motion-enabled .chapter-rail{font-size:.56rem;letter-spacing:.045em;bottom:1rem;gap:.6rem}
 .ring-story.motion-enabled .story-panel p{max-width:none}
}
@media(max-width:74.99rem){
 .ring-story.mobile-flow .ring-stage{padding-top:var(--header-height);height:auto}
 .ring-story.mobile-flow .ring-stage-grid{display:block;position:relative;max-width:none;width:100%;padding-top:0;padding-bottom:0}
 .ring-story.mobile-flow .story-copy{max-width:none}
 .ring-story.mobile-flow .story-hero{display:block;text-align:center;height:560px;min-height:560px;padding:1.4rem 0 0}
 .ring-story.mobile-flow .story-hero .eyebrow{font-size:.6rem;letter-spacing:.09em;max-width:none;margin-bottom:.65rem}
 .ring-story.mobile-flow .story-hero h1{font-size:clamp(2.25rem,10.2vw,3.7rem);max-width:none;margin-bottom:1rem}
 .ring-story.mobile-flow .hero-summary{font-size:.9rem;line-height:1.5;max-width:none}
 .ring-story.mobile-flow .ring-visual-mobile{display:none}
 .ring-story.mobile-flow .ring-visual-desktop{display:block;position:absolute;top:245px;left:0;width:100%;height:240px;min-height:0;pointer-events:none;margin:0}
 .ring-story.mobile-flow .hero-link{position:absolute;top:495px;bottom:auto;left:50%;transform:translateX(-50%);margin:0;font-size:.85rem;white-space:nowrap}
 .ring-story.mobile-flow .story-panel:not(.story-hero){position:relative;max-width:none;min-height:0;padding:2.5rem 0;border-top:1px solid var(--line)}
 .ring-story.mobile-flow .story-principle h2,.ring-story.mobile-flow .story-conclusion h2{font-size:2.7rem;margin-bottom:1.2rem;max-width:17ch}
 .ring-story.mobile-flow .story-panel p{font-size:.95rem;line-height:1.65;max-width:none}
 .ring-story.mobile-flow .story-panel .principle-index{font-size:.75rem;margin-bottom:.8rem}
 .ring-story.mobile-flow .story-principle h3{font-size:1.55rem;margin:1.2rem 0 .8rem}
 .ring-story.mobile-flow .story-lead{padding-bottom:1rem}
 .ring-story.mobile-flow .chapter-rail,.ring-story.mobile-flow .mobile-story-note{display:none}
 .ring-story.mobile-flow .stage-grid-lines{display:none}
}
@media(max-width:74.99rem){
 .ring-story.mobile-flow .story-hero{height:505px;min-height:505px}
 .ring-story.mobile-flow .ring-visual-desktop{top:190px}
 .ring-story.mobile-flow .hero-link{top:440px}
}
/* Decorative ring behind the natural-height mobile approach chapters. */
.mobile-chapter-background{display:none}
@media(max-width:74.99rem){
 .mobile-flow .mobile-chapter-background{display:block;position:absolute;top:505px;bottom:0;left:0;right:0;z-index:0;pointer-events:none;overflow:clip}
 .mobile-flow .mobile-chapter-visual{position:sticky;top:var(--header-height);width:100%;height:calc(100svh - var(--header-height));min-height:0;margin:0;opacity:.35;pointer-events:none}
 .mobile-flow .mobile-chapter-visual::after{background:linear-gradient(180deg,#07171480,transparent 30%,transparent 70%,#07171480)}
 [data-theme="white"] .mobile-flow .mobile-chapter-visual{opacity:.23}
 [data-theme="white"] .mobile-flow .mobile-chapter-visual::after{background:linear-gradient(180deg,#fff9,transparent 30%,transparent 70%,#fff9)}
 .ring-story.mobile-flow .story-copy{position:relative;z-index:2}
}

/* Content-driven small-screen hero and a single visible ring at the handover. */
@media(max-width:74.99rem){
 .ring-story.mobile-flow .story-hero{height:var(--hero-height);min-height:0}
 .ring-story.mobile-flow .ring-visual-desktop{top:var(--arc-top);height:var(--arc-height);width:100vw;max-width:none;left:50%;transform:translateX(-50%) !important;aspect-ratio:auto}
 .ring-story.mobile-flow .hero-link{top:calc(var(--hero-height) - 60px)}
 .mobile-flow .mobile-chapter-background{top:var(--hero-height)}
 .ring-story.mobile-flow .ring-visual-desktop::after{display:none}
}
.process-sculpture{position:relative;width:220px;height:220px;margin-top:1.5rem;isolation:isolate}
.monogram-canvas{position:absolute;inset:0}.monogram-canvas canvas{width:100%;height:100%;display:block}
.monogram-fallback{position:absolute;inset:14%;display:grid;place-items:center;color:var(--accent);font:4rem var(--font-display);text-shadow:1px 1px #e4c582}
.process-sculpture.ring-ready .monogram-fallback{visibility:hidden}
@media(max-width:74.99rem){
 .process-layout{grid-template-columns:1fr}
 .process-intro{position:relative;top:auto}
 .process-sculpture{width:160px;height:160px;margin:1.25rem auto 0}
 .process-intro>p:not(.eyebrow){max-width:42ch}
}

/* Opaque forest-green navigation with crisp gold detailing. */
:root .site-header,:root .site-header.is-scrolled,:root .site-header.menu-open{
 background:linear-gradient(110deg,#102d23 0%,#153a2c 52%,#0b251c 100%);
 backdrop-filter:none;-webkit-backdrop-filter:none;
 border-bottom:1px solid #8f784a;
 box-shadow:0 5px 18px #041b1426,inset 0 2px 0 #c5a66a;
}
:root .site-header .site-nav a{color:#f4f0e5;font-weight:500}
:root .site-header .site-nav a:hover{color:#edce8f}
:root .site-header .site-nav a:last-child{
 background:linear-gradient(120deg,#edcf91,#caa560);border:1px solid #ebce93;
 color:#102b20;font-weight:600;border-radius:3px;
 box-shadow:inset 0 1px 0 #fff0ce;
}
:root .site-header .site-nav a:last-child:hover{background:#f0d69e;color:#102b20}
:root .site-header .theme-switch{background:#0b251c;border-color:#526047;border-radius:4px}
:root .site-header .theme-switch button{color:#dce3d7}
:root .site-header .theme-switch button[aria-pressed="true"]{background:#dec18a;color:#102b20;font-weight:600}
:root .site-header .menu-toggle{background:#1b3e2f;border-color:#9c8557;color:#f1d89f;box-shadow:inset 0 1px 0 #47604a}
:root .site-header a:focus-visible,:root .site-header button:focus-visible{outline-color:#f3dba1}
@media(min-width:75rem){
 .site-header .brand{order:0}
 .site-header .site-nav{order:1;margin-left:auto;gap:2rem}
 .site-header .theme-switch{order:2;margin-left:2rem;margin-right:0}
 .site-header .site-nav a{font-size:1.02rem}
}
@media(max-width:74.99rem){
 :root .site-header .site-nav{background:#102d23;border-color:#8f784a}
}

/* Responsive editorial layout: use tablet width and remove desktop-height steps. */
@media(max-width:74.99rem){
 :root{--gutter:clamp(1.5rem,4.5vw,3.5rem)}
 .process-steps article{min-height:0;padding-block:2.5rem}
 .process-steps p,.perspective-bottom p,.quality-list p{max-width:65ch}
 .process-steps h3{margin-block:1.25rem}
 .process-tags{margin-top:1.5rem}
 .person{min-width:0;max-width:none}
 .person .portrait{width:100%;margin:0 0 1.5rem}
 .person-summary,.person-bio{text-align:left;width:100%}
}
@media(min-width:48rem) and (max-width:74.99rem){
 .section{padding-block:4.5rem}
 .perspective .statement{max-width:21ch;font-size:clamp(3.5rem,6.7vw,5rem);margin-block:2rem}
 .perspective-bottom{grid-template-columns:1fr 1.5fr;gap:2rem;margin-bottom:3rem}
 .quality-list article{grid-template-columns:1.5rem 1fr 1.35fr;gap:1.25rem;padding-block:2rem}
 .quality-list p{grid-column:auto;font-size:1rem}
 .quality-list h3{font-size:2rem}
 .process-intro{display:grid;grid-template-columns:1fr auto;column-gap:2rem;align-items:center}
 .process-intro>.eyebrow,.process-intro>h2,.process-intro>p{grid-column:1}
 .process-intro .process-sculpture{grid-column:2;grid-row:2 / 4;width:210px;height:210px;margin:0}
 .process-intro>p:not(.eyebrow){max-width:55ch}
 .process-steps article{display:grid;grid-template-columns:1fr 1.35fr;column-gap:2.5rem;align-items:start}
 .process-steps .step-number{grid-column:1/-1;margin-bottom:1.5rem}
 .process-steps h3{grid-column:1;grid-row:2 / 4;margin:0;font-size:clamp(2.3rem,3.8vw,3.2rem)}
 .process-steps p,.process-steps .process-tags{grid-column:2}
 .process-steps .process-tags{margin-top:.5rem}
 .people-grid{gap:1.5rem}
 .person-summary h3{font-size:clamp(1.6rem,2.6vw,2rem)}
}

/* Contact enquiry form, paired with direct contact details. */
.contact-layout{grid-template-columns:1fr 1.15fr;gap:2.5rem 6vw;align-items:start}
.contact-intro{grid-column:1;grid-row:1}
.contact-details{grid-column:1;grid-row:2}
.contact-form{grid-column:2;grid-row:1 / 3;padding-top:.5rem}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.form-field{display:flex;flex-direction:column;gap:.65rem;min-width:0}
.form-field-wide{grid-column:1/-1}
.form-field label{font-size:.95rem;color:var(--ink)}
.form-field label span{color:var(--ink-soft);font-size:.8rem}
.form-field input,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:2px;background:var(--surface-raised);color:var(--ink);font:inherit;padding:.85rem 1rem;min-height:48px}
.form-field textarea{resize:vertical;min-height:135px}
.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--accent);outline-offset:2px}
.contact-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:3rem;margin-top:1.75rem;padding:1rem 1.5rem;border:1px solid #e9cc91;border-radius:3px;background:linear-gradient(120deg,#edcf91,#caa560);color:#102b20;font:600 .95rem var(--font-body);cursor:pointer;min-height:48px}
.contact-submit:hover{background:#f0d69e}.contact-submit:disabled{opacity:.6;cursor:wait}
.contact-status{font-size:.9rem;line-height:1.6;color:var(--ink-soft);margin:1rem 0 0;max-width:60ch}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:74.99rem){
 .contact-layout{grid-template-columns:1fr;gap:2.5rem}
 .contact-intro,.contact-details,.contact-form{grid-column:1;grid-row:auto}
 .contact-intro h2{max-width:18ch}
 .contact-form{border-top:1px solid var(--line);padding-top:2.5rem}
}
@media(max-width:35rem){.contact-fields{grid-template-columns:1fr}.contact-submit{width:100%}}

.website-credit{padding-top:1rem;padding-bottom:1.5rem;text-align:left;font-size:.85rem;line-height:1.6;color:#bac9be}
.website-credit a{color:#e4c68c;text-decoration:none;border-bottom:1px solid #8e7950}
.website-credit a:hover{color:#fff0c9}


/* Separate client colour comparison. Sampled reference swatch: #002631. */
:root[data-theme="white"]{
 --ink:#002631;--ink-soft:#4a626a;--muted:#566d74;
 --surface:#fffefa;--surface-raised:#f5f7f7;--surface-deep:#eef2f3;
 --line:rgba(0,38,49,.2);--accent-ink:#002631;
 --shadow:0 20px 50px #00263114;
}
:root[data-theme="white"] .ring-story{--ink:#002631;--ink-soft:#4a626a;--line:rgba(0,38,49,.2);color:#002631}
:root[data-theme="white"] .ring-story .story-panel p{color:#4a626a}
:root[data-theme="white"] .chapter-rail,:root[data-theme="white"] .mobile-story-note{color:#46616a}
:root[data-theme="white"] .site-header,
:root[data-theme="white"] .site-header.is-scrolled,
:root[data-theme="white"] .site-header.menu-open,
:root[data-theme="white"] .site-footer{
 background:#002631;--ink:#eeeae0;--ink-soft:#becdd0;--muted:#adbdc2;
 box-shadow:none;
}
:root[data-theme="white"] .site-header{box-shadow:0 5px 18px #00263126,inset 0 2px 0 #c5a66a}
:root[data-theme="white"] .site-header .theme-switch{background:#001c25;border-color:#49606a}
:root[data-theme="white"] .site-header .menu-toggle{background:#093743;box-shadow:inset 0 1px 0 #46636b}
:root[data-theme="white"] .site-header .site-nav a:last-child,
:root[data-theme="white"] .site-header .site-nav a:last-child:hover,
:root[data-theme="white"] .site-header .theme-switch button[aria-pressed="true"],
:root[data-theme="white"] .contact-submit{color:#002631}
:root[data-theme="white"] .website-credit{color:#becdd0}
:root[data-theme="white"] .perspective,:root[data-theme="white"] .people{background:#f7f7f3}
:root[data-theme="white"] .fund{background:#f0f1ed}
:root[data-theme="white"] .contact{background:radial-gradient(ellipse at 10% 100%,#e8e5d9,transparent 65%),#fffefa}
@media(max-width:74.99rem){:root[data-theme="white"] .site-header .site-nav{background:#002631}}

/* Final palette: white with deep blue-teal. */
.footer-presentation{display:inline-flex;align-items:center;gap:1rem;color:#e4c68c;font-size:1rem;text-decoration:none;padding:.7rem 0;margin:1rem 0;border-bottom:1px solid #8e7950}
.footer-presentation:hover{color:#fff0c9}
@media(max-width:74.99rem){.site-header .menu-toggle{margin-left:auto}}

.arrow-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em}