:root {
  --inst-green-950: #052c23;
  --inst-green-900: #073b2f;
  --inst-green-800: #0b4c3a;
  --inst-green-700: #176044;
  --inst-green-100: #e8f1ed;
  --inst-gold-600: #c99316;
  --inst-gold-500: #dfa91f;
  --inst-gold-100: #fff4cf;
  --inst-paper: #fff;
  --inst-page: #f5f6f5;
  --inst-ink: #15201b;
  --inst-muted: #52605a;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--inst-ink);
  background: var(--inst-page);
  font-family: Barlow, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; }
img { display: block; max-width: 100%; }

.institutional-shell {
  width: min(1160px, calc(100% - 36px));
  margin: 42px auto 64px;
}
.institutional-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(32px, 6vw, 70px);
  border: 3px solid var(--inst-green-950);
  border-radius: 20px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 12%, rgba(223,169,31,.28), transparent 27%),
    linear-gradient(145deg, var(--inst-green-800), var(--inst-green-950));
  box-shadow: 10px 10px 0 var(--inst-green-950);
}
.institutional-hero::after {
  content: "42";
  position: absolute;
  right: 4%;
  bottom: -20%;
  color: rgba(255,255,255,.055);
  font-family: "Fugaz One", Barlow, sans-serif;
  font-size: clamp(10rem, 25vw, 22rem);
  line-height: 1;
}
.institutional-kicker {
  position: relative;
  z-index: 1;
  margin: 0 0 8px;
  color: var(--inst-gold-500);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.institutional-hero h1 {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0;
  font-family: "Fugaz One", Barlow, sans-serif;
  font-size: clamp(2.7rem, 7vw, 5.4rem);
  line-height: .98;
}
.institutional-lead {
  position: relative;
  z-index: 1;
  max-width: 780px;
  margin: 20px 0 0;
  color: rgba(255,255,255,.9);
  font-size: clamp(1.08rem, 2vw, 1.3rem);
  line-height: 1.58;
}

.institutional-grid {
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.institutional-card {
  padding: 28px 30px;
  border: 3px solid var(--inst-green-950);
  border-radius: 17px;
  background: #fff;
  box-shadow: 7px 7px 0 var(--inst-green-950);
}
.institutional-card.is-wide { grid-column: 1 / -1; }
.institutional-card.is-gold { background: var(--inst-gold-100); }
.institutional-card h2 {
  margin: 0 0 12px;
  color: var(--inst-green-950);
  font-family: "Fugaz One", Barlow, sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  line-height: 1.08;
}
.institutional-card h3 {
  margin: 24px 0 8px;
  color: var(--inst-green-800);
  font-family: "Fugaz One", Barlow, sans-serif;
  font-size: 1.18rem;
}
.institutional-card p,
.institutional-card li {
  color: #2d3933;
  font-size: 1.02rem;
  line-height: 1.62;
}
.institutional-card p { margin: 0 0 14px; }
.institutional-card p:last-child { margin-bottom: 0; }
.institutional-card ul { margin: 0; padding-left: 21px; }
.institutional-card li + li { margin-top: 8px; }
.institutional-card a { color: var(--inst-green-700); font-weight: 750; }
.institutional-card a:hover,
.institutional-card a:focus-visible { color: var(--inst-gold-600); }

.format-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}
.format-item {
  padding: 18px;
  border: 2px solid var(--inst-green-950);
  border-radius: 13px;
  background: #fff;
}
.format-item strong {
  display: block;
  margin-bottom: 7px;
  color: var(--inst-green-950);
  font-family: "Fugaz One", Barlow, sans-serif;
  font-size: 1.05rem;
}
.format-item span { color: var(--inst-muted); line-height: 1.45; }

.institutional-callout {
  margin-top: 28px;
  padding: 24px 28px;
  border: 3px solid var(--inst-green-950);
  border-left: 12px solid var(--inst-gold-500);
  border-radius: 17px;
  color: var(--inst-green-950);
  background: #fff;
  box-shadow: 7px 7px 0 var(--inst-green-950);
  font-size: 1.05rem;
  line-height: 1.58;
}
.institutional-callout strong { font-family: "Fugaz One", Barlow, sans-serif; }

.policy-stack {
  margin-top: 34px;
  display: grid;
  gap: 20px;
}
.policy-section {
  padding: 26px 28px;
  border: 3px solid var(--inst-green-950);
  border-radius: 17px;
  background: #fff;
  box-shadow: 6px 6px 0 var(--inst-green-950);
}
.policy-section h2 {
  margin: 0 0 11px;
  color: var(--inst-green-950);
  font-family: "Fugaz One", Barlow, sans-serif;
  font-size: 1.55rem;
}
.policy-section p,
.policy-section li { color: #2d3933; line-height: 1.58; }
.policy-section p { margin: 0 0 12px; }
.policy-section p:last-child { margin-bottom: 0; }
.policy-section ul { margin: 0; padding-left: 20px; }
.policy-section li + li { margin-top: 7px; }

body.site-high-contrast { --inst-page: #edf2ef; }

@media (max-width: 820px) {
  .institutional-grid { grid-template-columns: 1fr; }
  .institutional-card.is-wide { grid-column: auto; }
  .format-list { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .institutional-shell { width: min(100% - 22px, 1160px); margin-top: 28px; }
  .institutional-hero { padding: 30px 22px; }
  .institutional-card, .policy-section { padding: 23px 20px; }
}