@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-opsz-wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sora";
  src: url("../fonts/Sora-wght.ttf") format("truetype");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --deep-navy: #0D1B2A;
  --warm-ivory: #F4F1E8;
  --teal: #0E6B78;
  --gold: #D4A24A;
  --charcoal: #2B2F33;
  --paper: #fffaf0;
  --line: rgba(13, 27, 42, 0.14);
  --shadow: 0 18px 55px rgba(13, 27, 42, 0.12);
  --radius: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--charcoal);
  background: var(--warm-ivory);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
a { color: var(--teal); text-decoration-thickness: 0.08em; text-underline-offset: 0.16em; }
a:hover { color: var(--deep-navy); }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; border-radius: 10px; }
img { max-width: 100%; height: auto; }
.skip-link { position: absolute; left: -999px; top: 1rem; background: var(--gold); color: var(--deep-navy); padding: .75rem 1rem; z-index: 10; }
.skip-link:focus { left: 1rem; }
.site-header { position: sticky; top: 0; z-index: 5; background: rgba(244, 241, 232, .94); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.site-header__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "brand language"
    "nav nav";
  gap: .55rem .75rem;
  align-items: center;
  max-width: 1160px;
  margin: 0 auto;
  padding: .58rem 1rem .68rem;
}
.brand-link { grid-area: brand; display: inline-flex; align-items: center; gap: .68rem; text-decoration: none; color: var(--deep-navy); font-weight: 800; min-width: 0; width: max-content; max-width: 100%; }
.brand-logo { width: 42px; height: 42px; object-fit: contain; flex: 0 0 auto; }
.brand-lockup { display: grid; justify-items: center; gap: .16rem; min-width: 0; max-width: min(54vw, 14rem); line-height: 1; text-align: center; }
.brand-wordmark { font-family: "Sora", "Inter", system-ui, sans-serif; letter-spacing: 0; font-size: clamp(.98rem, 4vw, 1.12rem); font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brand-rule { width: 100%; height: 1px; background: currentColor; opacity: .36; }
.brand-motto { font-family: "Sora", "Inter", system-ui, sans-serif; font-size: clamp(.48rem, 1.8vw, .56rem); font-weight: 750; letter-spacing: .16em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(13,27,42,.78); }
.main-nav, .language-switcher, .footer-nav { display: flex; gap: .35rem .8rem; align-items: center; }
.main-nav { grid-area: nav; width: 100%; overflow-x: auto; flex-wrap: nowrap; justify-content: space-between; padding-bottom: .08rem; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.main-nav::-webkit-scrollbar { display: none; }
.language-switcher { grid-area: language; justify-self: end; flex-wrap: nowrap; gap: .3rem; }
.footer-nav { flex-wrap: wrap; }
.main-nav a, .language-switcher a, .footer-nav a { color: var(--deep-navy); text-decoration: none; font-size: .92rem; font-weight: 650; padding: .38rem .1rem; }
.main-nav a { white-space: nowrap; min-height: 38px; display: inline-flex; align-items: center; }
.language-switcher a { border: 1px solid var(--line); border-radius: 999px; padding: .28rem .58rem; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; }
.language-switcher a.is-active { background: var(--deep-navy); color: var(--warm-ivory); }
.container { width: min(100% - 2rem, 1160px); margin-inline: auto; }
.container.narrow, .narrow { width: min(100% - 2rem, 760px); }
.hero { background: radial-gradient(circle at top right, rgba(212,162,74,.22), transparent 34%), linear-gradient(145deg, var(--deep-navy), #132b42); color: var(--warm-ivory); }
.hero__inner { width: min(100% - 2rem, 1160px); margin-inline: auto; display: grid; gap: 2rem; padding: 4rem 0 3.5rem; }
.hero h1, .page-hero h1, .story-hero h1 { font-family: "Inter", system-ui, sans-serif; line-height: .98; letter-spacing: -0.035em; margin: .4rem 0 1rem; color: inherit; }
.hero h1 { font-size: clamp(3rem, 14vw, 6.8rem); }
.hero__lead, .page-hero p, .story-hero .summary, .story-hero .hook { font-size: clamp(1.05rem, 2.6vw, 1.35rem); max-width: 40rem; }
.hero__mark { display: grid; place-items: center; opacity: .98; }
.hero__mark img { width: min(72vw, 380px); filter: drop-shadow(0 28px 50px rgba(0,0,0,.35)); }
.hero__photo { width: min(72vw, 380px); aspect-ratio: 4 / 5; object-fit: cover; border-radius: 18px; border: 1px solid rgba(244,241,232,.28); box-shadow: 0 28px 70px rgba(0,0,0,.32); }
.eyebrow { text-transform: uppercase; letter-spacing: .12em; font-weight: 850; font-size: .78rem; color: var(--gold); margin: 0 0 .6rem; }
.cta-row { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.35rem; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .78rem 1rem; border-radius: 999px; font-weight: 800; text-decoration: none; border: 1px solid transparent; }
.button--primary { background: var(--gold); color: var(--deep-navy); }
.button--secondary { background: transparent; border-color: rgba(244,241,232,.55); color: var(--warm-ivory); }
.button--ghost { background: transparent; border-color: var(--line); color: var(--deep-navy); }
.section { padding: 3rem 0; }
.section-heading { display: flex; flex-direction: column; gap: .25rem; margin-bottom: 1.5rem; }
h1, h2, h3 { font-family: "Inter", system-ui, sans-serif; color: var(--deep-navy); line-height: 1.08; letter-spacing: -0.02em; }
h2 { font-size: clamp(1.8rem, 5vw, 3rem); }
h3 { font-size: 1.25rem; }
.pillar-tabs { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1.25rem 0 2rem; }
.pillar-tabs a { min-height: 42px; display: inline-flex; align-items: center; border-radius: 999px; padding: .48rem .8rem; border: 1px solid var(--line); text-decoration: none; color: var(--deep-navy); background: rgba(255,255,255,.45); font-weight: 750; }
.pillar-section { scroll-margin-top: 9rem; margin: 2.4rem 0 3.2rem; }
.pillar-section__heading { display: grid; gap: .55rem; margin-bottom: 1rem; }
.pillar-badge, .status-badge { display: inline-flex; width: max-content; align-items: center; border-radius: 999px; padding: .3rem .62rem; font-size: .77rem; font-weight: 850; letter-spacing: .03em; text-transform: uppercase; }
.pillar-explore { background: rgba(14,107,120,.12); color: #084f5a; }
.pillar-think { background: rgba(212,162,74,.19); color: #76500c; }
.pillar-protect { background: rgba(13,27,42,.12); color: var(--deep-navy); }
.status-badge { background: rgba(43,47,51,.1); color: var(--charcoal); }
.card-grid { display: grid; gap: 1rem; }
.story-card { border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,250,240,.76); box-shadow: 0 10px 28px rgba(13,27,42,.06); overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.story-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.story-card__link { display: grid; gap: .6rem; padding: 1.2rem; color: var(--charcoal); text-decoration: none; min-height: 100%; }
.story-card__topline { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.story-card h3 { margin: .35rem 0 0; }
.story-card p { margin: 0; }
.tag-row { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .4rem; }
.tag-row span { border: 1px solid var(--line); border-radius: 999px; padding: .2rem .48rem; font-size: .78rem; background: rgba(255,255,255,.5); }
.page-hero, .story-hero { padding: 3.5rem 0 2.4rem; background: linear-gradient(180deg, #fff9ec, var(--warm-ivory)); border-bottom: 1px solid var(--line); }
.page-hero h1, .story-hero h1 { font-size: clamp(2.4rem, 10vw, 5rem); }
.story-hero { background: radial-gradient(circle at top right, rgba(14,107,120,.14), transparent 34%), linear-gradient(180deg, #fff9ec, var(--warm-ivory)); }
.story-hero .hook { font-weight: 750; color: var(--deep-navy); }
.takeaway, .draft-banner, .fallback-banner { border-radius: 18px; padding: .9rem 1rem; margin: 1rem 0; }
.takeaway { background: rgba(212,162,74,.18); border: 1px solid rgba(212,162,74,.35); }
.draft-banner { background: #fff2c6; border: 1px solid rgba(212,162,74,.55); color: var(--deep-navy); font-weight: 760; }
.fallback-banner { background: rgba(14,107,120,.1); border: 1px solid rgba(14,107,120,.25); color: var(--deep-navy); }
.article-layout { display: grid; gap: 1.4rem; padding: 2rem 0 3.5rem; }
.article-layout--single { max-width: 900px; }
.article-main { min-width: 0; }
.article-content, .box, .pillar-card { background: rgba(255,250,240,.82); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.15rem; box-shadow: 0 10px 28px rgba(13,27,42,.04); }
.box { margin: 0 0 1rem; }
.box--wide { margin: 1.2rem 0; }
.story-sidecard { display: grid; gap: 1rem; align-content: start; }
.quick-facts { display: grid; gap: .75rem; margin: 0; }
.quick-facts div { padding-bottom: .7rem; border-bottom: 1px solid var(--line); }
.quick-facts div:last-child { border-bottom: 0; padding-bottom: 0; }
.quick-facts dt { font-size: .78rem; color: var(--teal); text-transform: uppercase; letter-spacing: .08em; font-weight: 850; }
.quick-facts dd { margin: .15rem 0 0; font-weight: 760; color: var(--deep-navy); }
.markdown-body { font-size: 1.03rem; }
.markdown-body h1:first-child { margin-top: 0; }
.markdown-body h1 { font-size: clamp(2rem, 7vw, 3.6rem); }
.markdown-body h2 { margin-top: 2rem; font-size: clamp(1.6rem, 5vw, 2.35rem); }
.markdown-body p, .markdown-body li { max-width: 70ch; }
.markdown-body blockquote { border-left: 4px solid var(--gold); margin-left: 0; padding-left: 1rem; color: var(--deep-navy); font-weight: 650; }
.question-list { padding-left: 1.2rem; }
.question-list li { margin: .4rem 0; }
.link-list { list-style: none; padding: 0; margin: .4rem 0 1rem; display: grid; gap: .45rem; }
.link-list li { padding: .65rem .75rem; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.42); }
.link-list a { font-weight: 760; }
.link-list span { display: block; color: rgba(43,47,51,.76); font-size: .9rem; margin-top: .2rem; }
.disclaimer, .muted { color: rgba(43,47,51,.75); font-size: .92rem; }
.video-script { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--deep-navy); color: var(--warm-ivory); border-radius: 16px; padding: 1rem; max-height: 32rem; overflow: auto; }
.related-list { display: grid; gap: .65rem; }
.related-list a { display: grid; gap: .35rem; border: 1px solid var(--line); border-radius: 18px; padding: .8rem; text-decoration: none; background: rgba(255,255,255,.45); }
.donation-box {
  border-color: rgba(14,107,120,.32);
  background: linear-gradient(180deg, rgba(14,107,120,.08), rgba(255,250,240,.86));
}
.donation-box h2 { color: var(--teal); }
.pillar-cards { display: grid; gap: 1rem; margin: 2rem 0; }
.social-pills { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.social-pills a { border: 1px solid var(--line); border-radius: 999px; padding: .45rem .7rem; text-decoration: none; font-weight: 750; background: rgba(255,255,255,.5); }
.timeline-list { display: grid; gap: 1rem; }
.timeline-list article { border-bottom: 1px solid var(--line); padding-bottom: 1rem; }
.timeline-list article:last-child { border-bottom: 0; padding-bottom: 0; }
.site-footer { background: var(--deep-navy); color: var(--warm-ivory); padding: 2.5rem 0; }
.site-footer a { color: var(--warm-ivory); }
.site-footer__inner { width: min(100% - 2rem, 1160px); margin-inline: auto; display: grid; gap: 1.25rem; }
.footer-brand { display: flex; align-items: center; gap: .9rem; }
.footer-logo { width: 48px; height: 48px; object-fit: contain; }
.site-footer .footer-logo { filter: invert(1) brightness(1.8); opacity: .92; }
.footer-lockup { display: grid; justify-items: center; gap: .2rem; color: var(--warm-ivory); text-align: center; }
.footer-lockup .brand-wordmark { font-size: 1.02rem; color: var(--warm-ivory); }
.footer-lockup .brand-motto { color: rgba(244,241,232,.72); font-size: .54rem; }
.footer-lockup .brand-rule { opacity: .34; }
.footer-brand p, .footer-note { margin: .15rem 0 0; color: rgba(244,241,232,.78); }
.footer-nav a { color: var(--warm-ivory); }
.legal-copy { background: rgba(255,250,240,.82); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.15rem; }
@media (max-width: 380px) {
  .brand-wordmark { max-width: 11.5rem; }
  .main-nav { gap: .65rem; justify-content: flex-start; }
}
@media (max-width: 899px) {
  .article-layout {
    display: flex;
    flex-direction: column;
  }
  .story-sidecard,
  .article-main {
    display: contents;
  }
  .story-video-box { order: 1; }
  .article-content { order: 2; }
  .article-after {
    order: 3;
    display: contents;
  }
  .discussion-box { order: 3; }
  .quick-facts-box--mobile { order: 4; }
  .story-video-box,
  .quick-facts-box {
    margin: 0;
  }
  .quick-facts-box--desktop { display: none; }
  .article-after > .box,
  .article-after > .source-details {
    order: 5;
  }
  .article-after > .discussion-box { order: 3; }
  .article-after > .quick-facts-box--mobile { order: 4; }
}
@media (min-width: 680px) {
  .site-header__inner {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "brand nav language";
    gap: 1rem;
    padding: .75rem 1rem;
  }
  .brand-logo { width: 42px; height: 42px; }
  .main-nav { justify-content: center; flex-wrap: wrap; overflow: visible; padding-bottom: 0; }
  .language-switcher { justify-self: end; }
  .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .section-heading { align-items: flex-start; }
}
@media (min-width: 900px) {
  .quick-facts-box--mobile { display: none; }
  .hero__inner { grid-template-columns: minmax(0, 1.18fr) minmax(260px, .82fr); align-items: center; min-height: 620px; }
  .card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .article-layout { grid-template-columns: minmax(220px, 300px) minmax(0, 760px); align-items: start; }
  .article-layout--single { grid-template-columns: minmax(0, 900px); justify-content: center; }
  .story-sidecard {
    position: sticky;
    top: 6rem;
    max-height: calc(100vh - 7rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: .25rem;
    scrollbar-width: thin;
  }
  .article-content, .box, .pillar-card, .legal-copy { padding: 1.45rem; }
  .pillar-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Refinements: compact cards, profile links, and audience mission pages */
.section-heading p { margin: 0; }
.story-card { height: 100%; }
.story-card__link { display: flex; flex-direction: column; gap: .52rem; padding: 1.05rem; }
.story-card h3 { margin: .18rem 0 0; }
.story-card .tag-row { margin-top: .15rem; }
.tag-row--compact { margin-top: .45rem; }
.tag-row--compact span { padding: .22rem .52rem; }
.box > h2:first-child, .pillar-card > h2:first-child, .legal-copy > h2:first-child { margin-top: 0; }
.box > h2:first-child { margin-bottom: .7rem; }
.story-sidecard .box { padding: 1rem; }
.story-sidecard .box h2 { font-size: 1.35rem; }
.story-sidecard .box details { margin-top: .2rem; }
.profile-link-pills { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; }
.profile-link-pill { display: inline-flex; align-items: center; gap: .45rem; border: 1px solid var(--line); border-radius: 999px; padding: .5rem .76rem; text-decoration: none; font-weight: 800; background: rgba(255,255,255,.54); color: var(--deep-navy); }
.profile-link-pill .link-title { color: rgba(43,47,51,.72); font-weight: 700; }
.link-icon { display: inline-flex; align-items: center; justify-content: center; min-width: 1.45rem; height: 1.45rem; border-radius: 999px; background: var(--deep-navy); color: var(--warm-ivory); font-size: .78rem; font-weight: 900; line-height: 1; }
.platform-instagram .link-icon { background: var(--teal); }
.platform-youtube .link-icon, .platform-tiktok .link-icon { background: var(--gold); color: var(--deep-navy); }
.platform-imdb .link-icon { background: #f5c518; color: #111; font-size: .56rem; letter-spacing: -.03em; }
.link-list--cards { gap: .5rem; }
.link-list--cards li { padding: 0; overflow: hidden; }
.link-card { display: grid; gap: .25rem; padding: .7rem .78rem; color: var(--charcoal); text-decoration: none; }
.link-meta { display: inline-flex; align-items: center; gap: .4rem; color: rgba(43,47,51,.76); font-size: .82rem; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; }
.link-card .link-title { color: var(--deep-navy); font-weight: 850; }
.link-note { color: rgba(43,47,51,.72); font-size: .9rem; }
.profile-intro { background: rgba(255,250,240,.82); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.15rem; box-shadow: 0 10px 28px rgba(13,27,42,.04); }
.profile-intro h1 { display: none; }
.profile-section .box--wide { margin: .95rem 0; }
.profile-box { padding: 1.05rem; }
.profile-box h2 { font-size: clamp(1.45rem, 4vw, 2.15rem); }
.skill-grid { display: grid; gap: 1rem; }
.skill-grid h3 { margin: 0; font-size: 1rem; letter-spacing: -.01em; }
.quick-facts--compact { gap: .55rem; }
.profile-timeline { gap: .8rem; }
.profile-timeline article { padding-bottom: .85rem; }
.profile-timeline h3 { margin: 0 0 .25rem; }
.profile-timeline p { margin: .25rem 0 .55rem; }
.profile-cards { display: grid; gap: 1rem; margin: 2rem 0 0; }
.profile-card-mini { border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,250,240,.86); padding: 1.1rem; box-shadow: 0 10px 28px rgba(13,27,42,.04); }
.profile-card-mini h2 { margin: 0 0 .4rem; font-size: 1.45rem; }
.profile-card-mini p { margin: 0 0 1rem; }
.mission-hero h1 { margin-bottom: .75rem; }
@media (min-width: 760px) {
  .skill-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .profile-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
  .story-sidecard .box { padding: 1rem; }
  .article-content, .box, .pillar-card, .legal-copy { padding: 1.25rem; }
  .story-sidecard .box { padding: .95rem; }
  .profile-box, .profile-intro, .profile-card-mini { padding: 1.2rem; }
}


/* Review refinements: tighter story/profile layouts and curation sections */
.page-hero--compact { padding: 2.2rem 0 1.35rem; }
.page-hero--compact + .section,
.section--tight { padding-top: 1.35rem; }
.section--intro { padding-bottom: 1.15rem; }
.section--intro + .section { padding-top: 1.15rem; }
.story-collection { margin: 0 0 2.2rem; }
.story-collection + .story-collection { margin-top: 2.4rem; }
.story-collection--featured { padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,250,240,.55); }
.metric-badge { background: rgba(13,27,42,.08); color: var(--deep-navy); }
.story-card__link { min-height: 100%; }
.story-card__excerpt { flex: 1 1 auto; }
.story-card__date { margin: 0; color: rgba(43,47,51,.72); font-size: .86rem; font-weight: 720; }
.story-card__tags { margin-top: auto !important; padding-top: .35rem; min-height: 2.15rem; align-content: flex-end; }
.story-card .tag-row span,
.tag-row--hero span,
.tag-row--compact span { min-height: 1.62rem; display: inline-flex; align-items: center; }
.story-card .tag-row { gap: .32rem; }
.story-card__link { gap: .42rem; }
.story-card h3 { line-height: 1.12; }
.story-pillar-nav { display: grid; gap: .55rem; margin: 0 0 1.15rem; }
.story-pillar-card { display: grid; gap: .1rem; padding: .8rem .9rem; border-radius: 18px; text-decoration: none; border: 1px solid var(--line); color: var(--deep-navy); background: rgba(255,255,255,.48); box-shadow: 0 8px 20px rgba(13,27,42,.05); }
.story-pillar-card span { font-weight: 900; letter-spacing: -.02em; }
.story-pillar-card small { color: rgba(43,47,51,.72); font-weight: 650; line-height: 1.25; }
.story-pillar-card--explore { border-color: rgba(14,107,120,.28); background: rgba(14,107,120,.10); }
.story-pillar-card--think { border-color: rgba(212,162,74,.38); background: rgba(212,162,74,.16); }
.story-pillar-card--protect { border-color: rgba(13,27,42,.24); background: rgba(13,27,42,.08); }
.story-pillar-card.is-active { box-shadow: inset 0 0 0 2px currentColor, 0 10px 24px rgba(13,27,42,.08); }
.profile-section { padding-top: 1.1rem; }
.profile-section .article-layout { padding-top: 0; }
.profile-intro { padding: 1rem 1.1rem; }
.profile-link-pill { gap: .5rem; }
.profile-link-pill .link-title { color: var(--deep-navy); font-weight: 850; }
.profile-link-pill .link-platform-text { display: none; }
.skill-grid { grid-template-columns: 1fr; }
.link-list--cards .link-card { gap: .18rem; }
@media (min-width: 760px) {
  .story-pillar-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .story-collection--featured { padding: 1.2rem; }
  .skill-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
  .page-hero--compact { padding: 2.6rem 0 1.55rem; }
  .page-hero--compact + .section,
  .section--tight { padding-top: 1.45rem; }
  .story-collection { margin-bottom: 2.6rem; }
  .profile-section { padding-top: 1.15rem; }
  .profile-intro { padding: 1.1rem 1.2rem; }
}


/* Round 4 refinements: pillar colors, clean curation cards, one-line links */
.pillar-explore { background: var(--deep-navy); color: var(--warm-ivory); }
.pillar-think { background: var(--teal); color: var(--warm-ivory); }
.pillar-protect { background: var(--gold); color: var(--deep-navy); }
.pillar-tab--explore { border-color: rgba(13,27,42,.35); }
.pillar-tab--think { border-color: rgba(14,107,120,.42); }
.pillar-tab--protect { border-color: rgba(212,162,74,.55); }
.pillar-tab--explore:hover { background: var(--deep-navy); color: var(--warm-ivory); }
.pillar-tab--think:hover { background: var(--teal); color: var(--warm-ivory); }
.pillar-tab--protect:hover { background: var(--gold); color: var(--deep-navy); }
.story-pillar-card--explore { border-color: rgba(13,27,42,.55); background: var(--deep-navy); color: var(--warm-ivory); }
.story-pillar-card--think { border-color: rgba(14,107,120,.55); background: var(--teal); color: var(--warm-ivory); }
.story-pillar-card--protect { border-color: rgba(212,162,74,.68); background: var(--gold); color: var(--deep-navy); }
.story-pillar-card--explore small,
.story-pillar-card--think small { color: rgba(244,241,232,.78); }
.story-pillar-card--protect small { color: rgba(13,27,42,.74); }
.story-pillar-card.is-active { box-shadow: inset 0 0 0 2px currentColor, 0 10px 24px rgba(13,27,42,.12); }

.section--home-stories { padding-top: 2rem; }
.section-heading--pillars { margin-top: 2.4rem; }
.story-collection { margin-bottom: 2.3rem; }
.story-collection--featured { padding: 0; border: 0; background: transparent; }
.card-grid--expanded { margin-top: .95rem; }
.story-expand { margin-top: 1rem; }
.story-expand summary {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  cursor: pointer;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .5rem .85rem;
  background: rgba(255,255,255,.56);
  color: var(--deep-navy);
  font-weight: 850;
}
.story-expand[open] summary { margin-bottom: .4rem; background: rgba(13,27,42,.08); }
.story-expand__less { display: none; }
.story-expand[open] .story-expand__more { display: none; }
.story-expand[open] .story-expand__less { display: inline; }
.story-card__date, .metric-badge { display: none !important; }
.story-card__link { min-height: 100%; }
.story-card__excerpt { flex: 0 1 auto; }
.story-card__tags { margin-top: auto !important; padding-top: .45rem; min-height: 1.95rem; }
.story-card .tag-row { gap: .32rem; }

.link-list--cards { gap: .48rem; }
.link-list--cards li { padding: 0; border-radius: 999px; overflow: hidden; }
.link-list--cards .link-card {
  display: flex;
  flex-direction: column;
  gap: .18rem;
  padding: .58rem .72rem;
  color: var(--deep-navy);
  text-decoration: none;
}
.link-mainline {
  display: inline-flex !important;
  align-items: center;
  gap: .46rem;
  min-width: 0;
  line-height: 1.25;
}
.link-textline {
  display: inline-flex !important;
  align-items: baseline;
  gap: .32rem;
  min-width: 0;
  flex-wrap: wrap;
}
.link-platform {
  display: inline !important;
  color: rgba(43,47,51,.68);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 0;
}
.link-separator { display: inline !important; color: rgba(43,47,51,.45); margin: 0; }
.link-card .link-title { display: inline !important; color: var(--deep-navy); font-weight: 850; margin: 0; }
.link-note { display: block !important; margin: 0 0 0 1.92rem; color: rgba(43,47,51,.72); font-size: .88rem; }
.link-list span { margin-top: 0; }
.profile-link-pill { color: var(--deep-navy); }
.profile-link-pill .link-title { color: var(--deep-navy); font-weight: 850; }

.section--mission { padding-top: 1rem; }
.mission-copy {
  background: rgba(255,250,240,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.15rem;
  box-shadow: 0 10px 28px rgba(13,27,42,.04);
}
.mission-copy.markdown-body h2:first-child { margin-top: 0; }
.mission-copy.markdown-body h2 { font-size: clamp(1.55rem, 4.4vw, 2.25rem); margin-top: 1.75rem; }
.mission-copy + .profile-cards { margin-top: 1.25rem; }
.profile-section { padding-top: .75rem; }
.profile-hero { padding-bottom: 1.45rem; }
.profile-intro { padding: .95rem 1.05rem; }
.profile-intro > :first-child { margin-top: 0; }
.profile-intro > :last-child { margin-bottom: 0; }
@media (min-width: 900px) {
  .section--home-stories { padding-top: 2.35rem; }
  .story-card__link { min-height: 15rem; }
  .mission-copy { padding: 1.25rem; }
  .profile-section { padding-top: .85rem; }
}


/* Round 5 refinements: public-facing story lists, stable card bottoms, platform icons */
.section--home-stories { padding-top: 1.35rem; }
.section-heading { margin-bottom: 1.05rem; }
.story-collection { margin-bottom: 2.15rem; }
.story-collection .section-heading p,
.pillar-section__heading .muted { display: none !important; }

.pillar-titleline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .75rem;
  margin-bottom: 1rem;
}
.pillar-titleline h2 { margin: 0; font-size: clamp(1.75rem, 4.8vw, 2.7rem); }
.pillar-titleline .pillar-badge { transform: translateY(.03rem); }

.pillar-tabs a.pillar-tab--explore,
.pillar-tab--explore {
  background: var(--deep-navy);
  color: var(--warm-ivory);
  border-color: var(--deep-navy);
}
.pillar-tabs a.pillar-tab--think,
.pillar-tab--think {
  background: var(--teal);
  color: var(--warm-ivory);
  border-color: var(--teal);
}
.pillar-tabs a.pillar-tab--protect,
.pillar-tab--protect {
  background: var(--gold);
  color: var(--deep-navy);
  border-color: var(--gold);
}
.pillar-tabs a.pillar-tab--explore:hover { background: #081320; color: var(--warm-ivory); }
.pillar-tabs a.pillar-tab--think:hover { background: #084f5a; color: var(--warm-ivory); }
.pillar-tabs a.pillar-tab--protect:hover { background: #b98523; color: var(--deep-navy); }

.story-card { height: 100%; display: flex; }
.story-card__link {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 12rem;
  gap: .55rem;
  padding: 1.05rem;
}
.story-card__body { display: grid; gap: .45rem; }
.story-card h3 {
  margin: 0;
  line-height: 1.13;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.story-card__excerpt {
  flex: initial !important;
  margin: 0;
  color: rgba(43,47,51,.84);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.42;
}
.story-card__tags {
  margin-top: auto !important;
  padding-top: .75rem;
  min-height: auto;
}
.story-card__topline,
.status-badge { display: none !important; }

.current-pillar {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  border-radius: 999px;
  padding: .45rem .78rem;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: .045em;
  text-transform: uppercase;
  font-size: .78rem;
  margin: 0 0 1rem;
}
.current-pillar--explore { background: var(--deep-navy); color: var(--warm-ivory); }
.current-pillar--think { background: var(--teal); color: var(--warm-ivory); }
.current-pillar--protect { background: var(--gold); color: var(--deep-navy); }
.current-pillar:hover { filter: brightness(.9); }

.link-icon {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 999px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.55rem;
  color: #fff;
  background: var(--deep-navy);
  font-size: .72rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -.03em;
  margin: 0;
}
.platform-icon-instagram { background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045); }
.platform-icon-youtube { background: #c4302b; }
.platform-icon-tiktok { background: #111; }
.platform-icon-x,
.platform-icon-twitter { background: #111; font-size: .78rem; }
.platform-icon-spotify { background: #1db954; color: #07140b !important; }
.platform-icon-apple-music { background: linear-gradient(135deg, #fa233b, #fb5c74); font-size: .54rem; letter-spacing: -.05em; }
.platform-icon-imdb { background: #f5c518; color: #111; font-size: .58rem; letter-spacing: -.05em; }
.platform-icon-facebook { background: #1877f2; }
.platform-icon-linkedin { background: #0a66c2; font-size: .58rem; letter-spacing: -.04em; }
.platform-icon-pdf { background: #b42318; font-size: .58rem; }
.platform-icon-government,
.platform-icon-institution,
.platform-icon-database { font-size: .48rem; letter-spacing: -.05em; }
.platform-icon-website,
.platform-icon-article,
.platform-icon-award,
.platform-icon-case-study,
.platform-icon-official,
.platform-icon-government,
.platform-icon-institution,
.platform-icon-report,
.platform-icon-database,
.platform-icon-book,
.platform-icon-web { background: var(--teal); }
.profile-link-pill .link-icon { width: 1.7rem; height: 1.7rem; flex-basis: 1.7rem; }
.link-platform { display: none !important; }
.link-separator { display: none !important; }
.link-list--cards .link-card {
  display: grid !important;
  grid-template-columns: 1.55rem minmax(0, 1fr);
  align-items: center;
  column-gap: .55rem;
  row-gap: .12rem;
}
.link-list--cards .link-card .link-icon {
  align-self: center;
  justify-self: center;
}
.link-copy {
  display: grid;
  gap: .12rem;
  min-width: 0;
}
.link-textline {
  display: block !important;
  min-width: 0;
  line-height: 1.25;
}
.link-note {
  display: block !important;
  margin: 0 !important;
  color: rgba(43,47,51,.72);
  font-size: .88rem;
  line-height: 1.25;
}
.link-card .link-title { overflow-wrap: anywhere; }

.section--mission { padding-top: .45rem; }
.mission-copy { padding-top: .95rem; }
.mission-copy.markdown-body h2:first-child {
  margin-top: 0 !important;
  margin-bottom: .55rem;
  font-size: clamp(1.55rem, 4.4vw, 2.25rem);
}
.mission-copy.markdown-body h2 { margin-top: 1.55rem; }

@media (min-width: 900px) {
  .section--home-stories { padding-top: 1.55rem; }
  .story-card__link { min-height: 12.75rem; }
  .card-grid { align-items: stretch; }
  .story-collection { margin-bottom: 2.45rem; }
  .section--mission { padding-top: .65rem; }
}


/* Round 6 refinements: hover grows instead of recoloring, white platform icons */
.main-nav a,
.language-switcher a,
.button,
.story-expand summary,
.pillar-tabs a,
.current-pillar,
.story-card,
.related-list a,
.link-card,
.profile-link-pill,
.social-pills a {
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
  transform-origin: center;
}
.main-nav a:hover,
.language-switcher a:hover,
.button:hover,
.story-expand summary:hover,
.pillar-tabs a:hover,
.current-pillar:hover,
.related-list a:hover,
.link-card:hover,
.profile-link-pill:hover,
.social-pills a:hover {
  transform: scale(1.035);
}
.story-card:hover {
  transform: scale(1.018);
  box-shadow: var(--shadow);
}
.story-card:hover .story-card__link,
.story-card__link:hover { color: var(--charcoal); }
.related-list a {
  color: var(--deep-navy);
  transition: transform .16s ease, box-shadow .16s ease;
}
.related-list a:hover {
  color: var(--deep-navy);
  box-shadow: 0 12px 30px rgba(13,27,42,.10);
}
.link-card:hover,
.profile-link-pill:hover {
  color: var(--deep-navy);
  box-shadow: 0 10px 24px rgba(13,27,42,.08);
}
.button--primary:hover { color: var(--deep-navy); }
.button--secondary:hover { color: var(--warm-ivory); }
.button--ghost:hover { color: var(--deep-navy); }
.language-switcher a:hover { color: var(--deep-navy); }
.language-switcher a.is-active:hover { color: var(--warm-ivory); }
.pillar-tabs a.pillar-tab--explore:hover,
.pillar-tab--explore:hover {
  background: var(--deep-navy);
  color: var(--warm-ivory);
  box-shadow: 0 10px 24px rgba(13,27,42,.16);
}
.pillar-tabs a.pillar-tab--think:hover,
.pillar-tab--think:hover {
  background: var(--teal);
  color: var(--warm-ivory);
  box-shadow: 0 10px 24px rgba(14,107,120,.16);
}
.pillar-tabs a.pillar-tab--protect:hover,
.pillar-tab--protect:hover {
  background: var(--gold);
  color: var(--deep-navy);
  box-shadow: 0 10px 24px rgba(212,162,74,.18);
}
.current-pillar:hover { filter: none; }
.current-pillar--explore:hover { background: var(--deep-navy); color: var(--warm-ivory); }
.current-pillar--think:hover { background: var(--teal); color: var(--warm-ivory); }
.current-pillar--protect:hover { background: var(--gold); color: var(--deep-navy); }
.link-icon,
.platform-icon-instagram,
.platform-icon-youtube,
.platform-icon-tiktok,
.platform-icon-x,
.platform-icon-twitter,
.platform-icon-spotify,
.platform-icon-apple-music,
.platform-icon-imdb,
.platform-icon-facebook,
.platform-icon-linkedin,
.platform-icon-pdf,
.platform-icon-website,
.platform-icon-article,
.platform-icon-award,
.platform-icon-case-study,
.platform-icon-official,
.platform-icon-government,
.platform-icon-institution,
.platform-icon-report,
.platform-icon-database,
.platform-icon-book,
.platform-icon-web {
  color: #fff !important;
}
.platform-icon-imdb { background: #d6a900; }

/* Round 7 refinements: scale the full link pill/card, not only its inner content; tighter mission entry */
.link-list--cards li {
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
  transform-origin: center;
}
.link-list--cards li:hover,
.link-list--cards li:focus-within {
  transform: scale(1.025);
  box-shadow: 0 12px 28px rgba(13,27,42,.10);
  border-color: rgba(13,27,42,.18);
  background: rgba(255,255,255,.72);
}
.link-list--cards li:hover .link-card,
.link-list--cards li:focus-within .link-card,
.link-card:hover,
.link-card:focus-visible {
  transform: none;
  box-shadow: none;
}
.profile-link-pill:hover,
.profile-link-pill:focus-visible {
  transform: scale(1.035);
  box-shadow: 0 12px 28px rgba(13,27,42,.11);
}
.profile-link-pill .link-icon,
.link-card .link-icon {
  color: #fff !important;
}
.source-details {
  margin: 1rem 0 1.25rem;
  color: rgba(43,47,51,.72);
  font-size: .9rem;
}
.source-details details {
  border-top: 1px solid var(--line);
  padding-top: .85rem;
}
.source-details summary {
  width: max-content;
  max-width: 100%;
  cursor: pointer;
  color: rgba(43,47,51,.78);
  font-weight: 850;
}
.source-list {
  display: grid;
  gap: .3rem;
  margin: .6rem 0 0;
  padding-left: 1.15rem;
}
.source-list a {
  color: rgba(43,47,51,.82);
  text-decoration-thickness: .06em;
}
.mission-hero { padding-bottom: 1.15rem; }
.section--mission { padding-top: 0; }
.mission-copy { padding-top: .9rem; }
.mission-copy.markdown-body h2 {
  font-size: clamp(1.65rem, 4.8vw, 2.55rem);
  margin: 1.45rem 0 .45rem;
  letter-spacing: -0.035em;
}
.mission-copy.markdown-body h2:first-child {
  margin-top: 0 !important;
  margin-bottom: .45rem;
}
.mission-copy.markdown-body h2 + p,
.mission-copy.markdown-body h2 + ul,
.mission-copy.markdown-body h2 + ol { margin-top: 0; }
.mission-copy.markdown-body > p:first-of-type { margin-top: 0; }
@media (min-width: 900px) {
  .mission-hero { padding-bottom: 1.35rem; }
  .section--mission { padding-top: .15rem; }
}

/* Round 8: add real portraits for mission/profile pages */
.hero-split {
  display: grid;
  gap: 1.35rem;
  align-items: center;
}
.hero-visual {
  justify-self: center;
  width: min(100%, 24rem);
}
.hero-visual__frame {
  margin: 0;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.58);
  box-shadow: var(--shadow);
}
.hero-visual__frame img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
}
.profile-hero .container,
.mission-hero .container {
  width: min(100% - 2rem, 1080px);
}
.profile-hero-copy,
.mission-hero-copy {
  min-width: 0;
}
.profile-hero { padding-bottom: 1rem; }
.profile-section { padding-top: .35rem; }
.profile-intro { padding-top: .8rem; }
.profile-box:first-of-type { margin-top: .8rem; }
.profile-card-mini {
  display: grid;
  gap: .75rem;
  align-content: start;
  background: rgba(255,250,240,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: 0 10px 28px rgba(13,27,42,.04);
  padding: 1rem;
}
.profile-card-mini__image {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.56);
}
.profile-card-mini__image img {
  width: 100%;
  display: block;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.profile-card-mini h2 { margin: 0; font-size: 1.5rem; }
.profile-card-mini p { margin: 0; }
@media (min-width: 900px) {
  .hero-split { grid-template-columns: minmax(0, 1.05fr) minmax(280px, .72fr); gap: 2rem; }
  .mission-hero .hero-split { grid-template-columns: minmax(0, 1.1fr) minmax(280px, .72fr); }
  .profile-hero { padding-bottom: 1.15rem; }
}


.gallery-section { margin-top: 1.15rem; }
.gallery-section h2 { margin-top: 0; }
.gallery-strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(170px, 68%);
  gap: .9rem;
  overflow-x: auto;
  padding-bottom: .2rem;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.gallery-item {
  display: grid;
  gap: .55rem;
  color: var(--deep-navy);
  text-decoration: none;
  scroll-snap-align: start;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255,255,255,.56);
  overflow: hidden;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.gallery-item:hover, .gallery-item:focus-visible {
  transform: scale(1.02);
  box-shadow: 0 12px 28px rgba(13,27,42,.10);
  border-color: rgba(13,27,42,.18);
}
.gallery-item img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
}
.gallery-item__caption {
  display: block;
  padding: .1rem .88rem .95rem;
  font-size: .88rem;
  line-height: 1.42;
  color: rgba(43,47,51,.66);
  font-weight: 500;
  letter-spacing: .005em;
}
.gallery-hint { margin: 0 0 .85rem; color: rgba(43,47,51,.64); font-size: .91rem; }

.lightbox-open { overflow: hidden; }
.lightbox {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 1rem;
}
.lightbox[hidden] { display: none; }
.lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(13, 27, 42, .76);
  backdrop-filter: blur(4px);
}
.lightbox__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 960px);
  max-height: calc(100vh - 2rem);
  display: grid;
  gap: .7rem;
}
.lightbox__close {
  position: absolute;
  top: .35rem;
  right: .35rem;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: var(--deep-navy);
  font-size: 1.55rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(13,27,42,.18);
}
.lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.85rem;
  height: 2.85rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: var(--deep-navy);
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(13,27,42,.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lightbox__nav--prev { left: .45rem; }
.lightbox__nav--next { right: .45rem; }
.lightbox__nav[hidden] { display: none; }
.lightbox__nav:disabled { opacity: .45; cursor: default; }
.lightbox__figure {
  margin: 0;
  border-radius: 24px;
  overflow: hidden;
  background: rgba(255,250,240,.98);
  box-shadow: 0 28px 64px rgba(13,27,42,.22);
  max-height: calc(100vh - 2rem);
  display: grid;
}
.lightbox__image {
  display: block;
  width: 100%;
  max-height: min(78vh, 900px);
  object-fit: contain;
  background: #efe9de;
}
.lightbox__caption {
  padding: .9rem 1rem 1rem;
  color: rgba(43,47,51,.72);
  font-size: .95rem;
  line-height: 1.45;
  font-weight: 500;
}
@media (min-width: 900px) {
  .gallery-strip {
    grid-auto-columns: minmax(190px, 1fr);
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    grid-auto-flow: dense;
    overflow-x: visible;
  }
  .lightbox__nav--prev { left: .85rem; }
  .lightbox__nav--next { right: .85rem; }
}


/* Round 13: partners/supporters page */
.partner-empty {
  border: 1px dashed rgba(13,27,42,.24);
  border-radius: 20px;
  padding: 1rem;
  background: rgba(255,255,255,.42);
  color: rgba(43,47,51,.78);
}
.support-grid {
  display: grid;
  gap: .85rem;
  margin: 1rem 0;
}
.support-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255,255,255,.5);
  padding: 1rem;
}
.support-card h3 { margin: 0 0 .35rem; }
.support-card p { margin: 0; }
.support-card__note {
  margin-top: .65rem !important;
  color: rgba(43,47,51,.7);
  font-size: .9rem;
  line-height: 1.45;
}
.support-card__label {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  margin: 0 0 .5rem !important;
  border-radius: 999px;
  padding: .24rem .55rem;
  background: rgba(14,107,120,.1);
  color: var(--teal);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.partner-contact-box {
  border-radius: var(--radius);
  background: linear-gradient(135deg, var(--deep-navy), #132b42);
  color: var(--warm-ivory);
  padding: 1.15rem;
  margin-top: 1rem;
}
.partner-contact-box h2,
.partner-contact-box h3 { color: var(--warm-ivory); }
.partner-contact-box a { color: var(--gold); font-weight: 850; }
.principle-list {
  display: grid;
  gap: .55rem;
  padding-left: 1.15rem;
}
@media (min-width: 900px) {
  .support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Final mission heading normalization: direct markdown sections share the Core Promise style. */
.mission-copy.markdown-body > h2 {
  font-size: clamp(1.65rem, 2vw, 2.05rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
  margin: 1.35rem 0 .4rem;
}
.mission-copy.markdown-body > h2:first-child {
  margin-top: 0 !important;
  margin-bottom: .4rem !important;
  font-size: clamp(1.65rem, 2vw, 2.05rem) !important;
  line-height: 1.08;
  letter-spacing: -0.035em;
}
.mission-copy.markdown-body > h2 + p,
.mission-copy.markdown-body > h2 + ul,
.mission-copy.markdown-body > h2 + ol {
  margin-top: 0;
}
@media (max-width: 899px) {
  .section--mission .article-layout {
    padding-top: .7rem;
    padding-bottom: 2rem;
  }
  .mission-copy {
    padding: .82rem .9rem;
    line-height: 1.42;
  }
  .mission-copy.markdown-body > h2 {
    margin: .72rem 0 .08rem !important;
  }
  .mission-copy.markdown-body > h2:first-child {
    margin-bottom: .08rem !important;
  }
  .mission-copy.markdown-body > p {
    margin: .16rem 0 !important;
  }
  .mission-copy.markdown-body > h2 + p,
  .mission-copy.markdown-body > h2 + ul,
  .mission-copy.markdown-body > h2 + ol {
    margin-top: 0 !important;
  }
  .mission-copy.markdown-body > ul,
  .mission-copy.markdown-body > ol {
    margin: .2rem 0 .34rem !important;
    padding-left: 1.25rem;
  }
  .mission-copy.markdown-body li {
    margin: .12rem 0 !important;
  }
}

/* Story pages need compact reading typography; global markdown headings are too large here. */
.story-page .article-content.markdown-body h1 {
  font-size: clamp(1.45rem, 4.2vw, 2rem);
  line-height: 1.12;
  margin: 0 0 .65rem;
  letter-spacing: -0.03em;
}
.story-page .article-content.markdown-body h2 {
  font-size: clamp(1.18rem, 3.35vw, 1.58rem);
  line-height: 1.14;
  margin: 1.05rem 0 .28rem;
  letter-spacing: -0.025em;
}
.story-page .article-content.markdown-body h2:first-child {
  margin-top: 0;
}
.story-page .article-content.markdown-body h2 + p,
.story-page .article-content.markdown-body h2 + ul,
.story-page .article-content.markdown-body h2 + ol {
  margin-top: 0;
}
.story-page .box > h2:first-child {
  font-family: "Inter", system-ui, sans-serif;
  font-size: clamp(1.45rem, 4vw, 1.7rem);
  line-height: 1.08;
  margin: 0 0 .7rem;
  letter-spacing: -0.02em;
  color: var(--deep-navy);
}
.story-page .box > p:first-of-type {
  margin-top: 0;
}
.story-page .box--wide {
  margin: .85rem 0;
}
.story-collection > .section-heading {
  margin-bottom: .85rem;
}
.story-collection > .section-heading h2 {
  margin: 0;
  font-size: clamp(1.75rem, 4.8vw, 2.7rem);
}
.story-page .related-list a {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .8rem;
}
.related-list__copy {
  display: grid;
  gap: .18rem;
  min-width: 0;
}
.related-list__copy strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.related-list__copy small {
  color: rgba(43,47,51,.74);
  line-height: 1.35;
}
.story-page .related-list .pillar-badge {
  justify-self: end;
  margin: 0;
}

/* Profile-only microsite */
.profile-site .profile-site-header {
  background: rgba(244,241,232,.96);
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 30;
  backdrop-filter: blur(14px);
}
.profile-site-header__inner {
  width: min(100% - 2rem, 1160px);
  margin-inline: auto;
  min-height: 74px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.25rem;
  align-items: center;
}
.profile-site-header .brand-link {
  grid-area: auto;
  width: auto;
  max-width: none;
  min-width: 0;
  justify-self: start;
}
.profile-site-header .brand-logo {
  flex: 0 0 48px;
}
.profile-site-header .brand-lockup {
  min-width: 0;
  justify-items: start;
}
.profile-site-header .brand-wordmark {
  white-space: nowrap;
  font-size: clamp(1.05rem, 2vw, 1.32rem);
}
.profile-site-header .language-switcher {
  grid-area: auto;
  justify-self: end;
}
.profile-site-hero {
  padding: clamp(2rem, 5vw, 4rem) 0 1rem;
  background: linear-gradient(180deg, rgba(244,241,232,.98), rgba(255,250,240,.82));
}
.profile-site-hero__copy h1 {
  margin: 0 0 .75rem;
  font-size: clamp(2.2rem, 7vw, 4.8rem);
  line-height: .98;
}
.profile-site-hero__copy p {
  max-width: 58rem;
  font-size: clamp(1.05rem, 2.1vw, 1.35rem);
}
.profile-site-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: .75rem;
  margin-top: 1.2rem;
}
.profile-site-button {
  background: var(--deep-navy);
  border-color: var(--deep-navy);
  color: var(--warm-ivory);
  width: 100%;
  min-width: 0;
}
.profile-site-button:hover,
.profile-site-button:focus-visible {
  background: var(--teal);
  border-color: var(--teal);
  color: var(--warm-ivory);
}
.profile-site .profile-link-pills {
  align-items: center;
}
.profile-site .profile-link-pill {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  min-height: 42px;
}
.profile-site .profile-link-pill .link-title {
  min-width: 0;
  overflow-wrap: anywhere;
}
.profile-site .link-list--compact {
  display: grid;
  gap: .55rem;
  margin: .7rem 0 1rem;
}
.profile-site .link-list--compact .link-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  min-height: 48px;
  padding: .68rem .78rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.58);
  color: var(--deep-navy);
  text-decoration: none;
}
.profile-site .link-list--compact .link-card .link-icon,
.profile-site .profile-link-pill .link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  flex: 0 0 1.7rem;
  margin: 0;
}
.profile-site .link-list--compact .link-card .link-content,
.profile-site .link-list--compact .link-card .link-title {
  display: block;
  min-width: 0;
  margin: 0;
}
.profile-site .link-list--compact .link-card .link-title {
  color: var(--deep-navy);
  font-weight: 850;
  overflow-wrap: anywhere;
}
.profile-site .quick-facts dd span {
  display: block;
  margin-top: .18rem;
  color: rgba(43,47,51,.68);
  font-size: .88rem;
  font-weight: 650;
}
.profile-site-contact .contact-note {
  display: block;
  margin-top: .2rem;
  color: rgba(43,47,51,.68);
  font-size: .88rem;
  font-weight: 650;
  line-height: 1.42;
}
.profile-site .lightbox__close::before {
  content: "x";
}
.profile-site .lightbox__nav--prev::before {
  content: "<";
}
.profile-site .lightbox__nav--next::before {
  content: ">";
}
.profile-site-official {
  color: rgba(43,47,51,.78);
  font-weight: 760;
}
.profile-site-disclaimer {
  margin: 1rem 0 1.15rem;
  padding: .8rem .9rem;
  border: 1px solid rgba(13,27,42,.12);
  border-radius: 14px;
  background: rgba(255,255,255,.52);
  color: rgba(43,47,51,.78);
  font-size: .92rem;
  line-height: 1.42;
}
.profile-site-section {
  padding-top: 1rem;
}
.profile-site-copy.markdown-body h2 {
  font-size: clamp(1.45rem, 3vw, 2rem);
  margin-top: 1.55rem;
}
.profile-site-copy.markdown-body h2:first-child {
  margin-top: 0;
}
.profile-site-grid {
  display: grid;
  gap: 1rem;
  margin-top: 1.4rem;
}
.profile-site-person h2 a {
  color: inherit;
  text-decoration: none;
}
.profile-site-contact {
  margin-top: 1.25rem;
}
.work-with-us-copy.markdown-body h2 {
  margin-top: 2rem;
}
.work-example-section {
  margin-top: clamp(2rem, 5vw, 3.4rem);
}
.work-example-grid {
  display: grid;
  gap: .85rem;
  margin-top: 1rem;
}
.work-example-card a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .85rem;
  align-items: start;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,250,240,.82);
  color: var(--deep-navy);
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(13,27,42,.04);
}
.work-example-card a:hover,
.work-example-card a:focus-visible {
  border-color: rgba(14,107,120,.32);
  transform: translateY(-1px);
}
.work-example-card__index {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--deep-navy);
  color: var(--warm-ivory);
  font-weight: 850;
}
.work-example-card__content {
  display: grid;
  gap: .3rem;
}
.work-example-card__content strong {
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1.08rem;
  line-height: 1.15;
}
.work-example-card__content span {
  color: rgba(43,47,51,.74);
  line-height: 1.42;
}
.profile-site-footer {
  background: var(--deep-navy);
  color: var(--warm-ivory);
  padding: 2.25rem 0;
}
.profile-site-footer__inner {
  width: min(100% - 2rem, 1160px);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.profile-site-footer .footer-logo {
  filter: invert(1) brightness(1.8);
  opacity: .92;
}
.profile-site-footer .footer-lockup {
  color: var(--warm-ivory);
  justify-items: start;
}
.profile-site-footer .footer-lockup .brand-wordmark {
  color: var(--warm-ivory);
}
.profile-site-footer .footer-lockup .brand-motto {
  color: rgba(244,241,232,.72);
}
.profile-site-footer-nav {
  display: flex;
  align-items: center;
  gap: .8rem;
}
.profile-site-footer-nav a {
  color: var(--warm-ivory);
  text-decoration: none;
  font-weight: 800;
}
.profile-site-footer-nav a:hover,
.profile-site-footer-nav a:focus-visible {
  color: var(--gold);
}
@media (min-width: 760px) {
  .profile-site-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .profile-site-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 660px;
  }
  .work-example-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .profile-site-header__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .75rem 0;
  }
  .profile-site-footer__inner {
    display: grid;
    justify-items: start;
  }
}
@media (max-width: 1100px) {
  .profile-site-header__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .55rem 1rem;
    padding: .7rem 0;
  }
  .profile-site-header .language-switcher { grid-area: auto; justify-self: end; }
}