/* SisiWeb, October 2026 — one editorial system across six chapters.
   Retains the original brand hues; blue surfaces deepen slightly for legibility. */
:root {
  --paper: #FAF9F4;
  --paper2: #EEEDE5;
  --ink: #3E2017;
  --ink60: #625047;
  --ink30: #7B6B61;
  --choco: #3E2017;
  --pista: #BDC69B;
  --pista-soft: #E3E7D5;
  --wine: #AA170E;
  --blue: #327CC6;
  --blue-surface: #2D74B9;
  --blue-action: #286CAC;
  --blue-soft: #E3EDF6;
  --line: rgba(62,32,23,.18);
  --rule: rgba(62,32,23,.38);
  --gutter: clamp(22px,4.5vw,80px);
  --radius: 8px;
  --content: 1440px;
  --ease: cubic-bezier(.22,1,.36,1);
}
html {scroll-padding-top: 116px;}
body {font:400 17px/1.75 var(--sans);-webkit-font-smoothing:antialiased;}
body::before {opacity:.008;}
h1,h2,h3,h4 {font-weight:400;font-variation-settings:'SOFT' 0,'WONK' 0;letter-spacing:-.045em;text-wrap:balance;}
h1 {line-height:1.02;}
h2 {line-height:1.08;}
h3,h4 {line-height:1.15;}
h1 em,h2 em {color:var(--blue);}
::selection {background:var(--pista);color:var(--ink);}
:focus-visible {outline:2px solid var(--blue-action);outline-offset:5px;border-radius:3px;}
a,button {touch-action:manipulation;}
svg {width:22px;height:22px;}
.wrap {max-width:calc(var(--content) + 2 * var(--gutter));}
#prog {height:2px;background:var(--blue);}
.skip-link {background:var(--blue-action);color:var(--paper);border-radius:4px;}

/* Primary navigation: a stable type scale, generous targets, fine active rule. */
.nav {min-height:86px;padding:22px var(--gutter);gap:32px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none;transition:background .3s,color .3s,border-color .3s,box-shadow .3s;}
.nav.scrolled {box-shadow:0 4px 18px rgba(62,32,23,.035);}
body:not(.page-index) .nav.scrolled {background:rgba(62,32,23,.96);color:var(--paper);border-color:rgba(250,249,244,.2);}
body:not(.page-index) .nav.scrolled .nav-links a.on,body:not(.page-index) .nav.scrolled .nav-links a:hover {color:var(--pista);}
body:not(.page-index) .nav.scrolled .nav-links a::after {background:var(--pista);}
body:not(.page-index) .nav.scrolled .burger span {background:var(--paper);}
.brand {font:400 clamp(23px,1.9vw,29px)/1.1 var(--serif);letter-spacing:-.055em;gap:.24em;}
.brand-dot {display:block;width:22px;height:22px;flex:0 0 22px;margin-top:-3px;border-radius:0;background:none;color:var(--pista);clip-path:none;}
.brand-dot svg {display:block;width:100%;height:100%;}
.nav-links {gap:clamp(20px,2.25vw,36px);}
.nav-links a {padding:4px 0;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:1.6;}
.nav-links a::after {height:2px;bottom:-6px;background:var(--blue);transition:transform .3s var(--ease);}
.nav-links a:hover,.nav-links a.on {color:var(--blue-action);}
.burger {width:44px;height:44px;gap:7px;}
.burger span {height:1.5px;width:24px;}
.mmenu {padding:24px var(--gutter) 40px;top:76px;}
.mmenu a {font-size:clamp(30px,7vw,45px);padding:18px 0;line-height:1.2;letter-spacing:-.04em;}
.mmenu [aria-current=page] {color:var(--blue-action);}
body.menu-open {overflow:hidden;}
.page-index .nav {min-height:86px;}
.page-index .nav.scrolled:not(.past-hero) {background:rgba(62,32,23,.96);border-color:rgba(250,249,244,.2);}
.page-index .nav .brand-dot {background:none;color:var(--pista);}
.page-index .nav-links a {text-shadow:0 1px 10px #0006;}
.page-index .nav-links a.on,.page-index .nav-links a:hover {color:var(--pista);}
.page-index .nav-links a::after {background:var(--pista);}
.page-index .nav.past-hero {background:var(--paper);border-color:var(--line);color:var(--ink);box-shadow:0 4px 18px #3e201709;}
.page-index .nav.past-hero .nav-links a {text-shadow:none;}
.page-index .nav.past-hero .nav-links a.on,.page-index .nav.past-hero .nav-links a:hover {color:var(--blue-action);}
.page-index .nav.past-hero .nav-links a::after {background:var(--blue);}
.page-index .nav.past-hero .brand-dot {background:none;color:var(--pista);}
.page-index .mmenu {background:var(--paper);color:var(--ink);}

/* Labels carry information. Rules replace unnecessary enclosing cards. */
.section-label,.page-index .section-label,.who-card h2,.page-index .who-card h2,.lab,.col-t,.page-research .proj .lab {
  font:600 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-action);
}
.section-label,.page-index .section-label {display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin-bottom:27px;}
.section-label::before,.page-index .section-label::before {content:'';display:block;width:36px;height:1px;flex:0 0 36px;background:currentColor;}
.lab {margin-bottom:22px;}
.col-t {border:0;margin:32px 0 20px;padding:0;}
.proj,.lead,.essay {position:relative;border-top:1px solid var(--rule);padding-block:88px;}
.proj::before,.lead::before,.essay::before {content:'';position:absolute;left:0;top:-2px;width:48px;height:3px;background:var(--blue);}
.chapter-content>.proj:first-child,.chapter-content>.lead:first-child,.chapter-content>.essay:first-child {border-top:0;}
.chapter-content>.proj:first-child::before,.chapter-content>.lead:first-child::before,.chapter-content>.essay:first-child::before {display:none;}
.body {font-size:17px;line-height:1.85;color:var(--ink60);}
.body p {margin-bottom:22px;max-width:none;}
.body p:last-child {margin-bottom:0;}
.body b {color:var(--ink);font-weight:600;}
.proj>.body,.writing-body,.rowing-copy,.advocacy-intro {max-width:none;margin:34px 0;}
.pk,.page-research .proj .pk {max-width:none;margin-bottom:28px;padding-bottom:0;border:0;}
.pk h2,.page-research .proj .pk h2 {font-size:clamp(38px,4.25vw,66px);line-height:1.08;max-width:25ch;}
.page-research .proj .pk h2 {max-width:none;}
.sub,.page-research .proj .sub {font:400 italic clamp(25px,2.35vw,36px)/1.35 var(--serif);letter-spacing:-.025em;color:var(--blue-action);max-width:none;margin:30px 0;}
.award,.page-research .proj .award {font:500 14px/1.8 var(--sans);color:var(--wine);max-width:none;border-left:2px solid var(--wine);padding:4px 0 4px 18px;margin:26px 0 34px;}
.page-research .chapter-content {counter-reset:research-project;}
.page-research .proj .lab {display:flex;gap:12px;align-items:center;margin-bottom:22px;}
.page-research .proj .lab::before {content:'0' counter(research-project);display:grid;place-items:center;min-width:32px;height:27px;padding:0 5px;border:1px solid var(--blue-action);border-radius:2px;background:transparent;color:var(--blue-action);font:600 11px/1 var(--sans);letter-spacing:.06em;}

/* The home cover keeps the personal photograph as its focal point. */
.page-index .home-hero {height:100svh;min-height:640px;}
.page-index .home-hero-copy {bottom:clamp(54px,8vh,100px);max-width:calc(100% - 2 * var(--gutter));}
.page-index .home-hero h1 {font-family:var(--serif);font-size:clamp(76px,10.7vw,172px);line-height:.98;letter-spacing:-.065em;white-space:normal;text-shadow:none;}
.page-index .home-hero h1 .hero-name {color:var(--pista);}
.page-index .home-hero-copy>.hero-intro {font:400 clamp(20px,2.1vw,31px)/1.5 var(--sans);letter-spacing:-.02em;max-width:32ch;margin-top:22px;}
.hero-scroll {width:54px;height:54px;bottom:clamp(54px,8vh,100px);border-color:#faf9f466;}
.hero-scroll:hover {background:var(--paper);color:var(--ink);transform:translateY(4px);}
.home-about {min-height:0;padding-block:clamp(90px,9vw,140px);grid-template-columns:1.06fr 1fr;gap:7%;}
.about-copy h2 {font-size:clamp(44px,4.7vw,74px);line-height:1.06;margin-bottom:30px;max-width:16ch;}
.about-copy h2 br {display:none;}
.about-copy h2 em {color:var(--blue-action);}
.about-copy>p:not(.section-label) {font-size:17px;line-height:1.8;max-width:49ch;color:var(--ink60);}
.about-images {padding:0 32px 70px 0;}
.about-images>.photo:first-child {width:100%;margin:0;}
.about-images>.photo:first-child img {aspect-ratio:4/3;height:auto;object-fit:cover;object-position:50% 40%;}
.about-images>.photo:last-child {width:32%;left:auto;right:0;bottom:0;transform:rotate(-3deg);border:5px solid var(--paper);border-radius:8px;}
.about-images>.photo:last-child img {aspect-ratio:3/4;object-fit:cover;}
.who-panel {padding-bottom:96px;}
.page-index .who-card {position:relative;display:grid;grid-template-columns:.65fr 1.35fr;align-items:start;gap:6%;padding:38px 0 0;background:transparent;border-radius:0;border-top:1px solid var(--rule);}
.page-index .who-card::before {content:'';position:absolute;top:-2px;left:0;width:48px;height:3px;background:var(--blue);}
.page-index .who-card h2 {margin:8px 0 0;font-size:14px;letter-spacing:.12em;}
.page-index .role-tiles {display:block;width:100%;max-width:none;}
.page-index .role-tiles .role-row {display:flex;flex-wrap:nowrap;gap:8px;align-items:center;width:max-content;max-width:100%;margin-bottom:8px;}
.page-index .role-tiles .role-row:last-child {margin-bottom:0;}
.page-index .role-tiles .role-row>span {font:400 clamp(24px,2.3vw,38px)/1.15 var(--sans);letter-spacing:-.045em;min-height:0;padding:.29em .52em;max-width:none;border-radius:2px;}
.page-index .role-tiles .role-dancer,.page-index .role-tiles .role-editor {padding-inline:.22em;}
.page-index .role-tiles .role-researcher,.page-index .role-tiles .role-coxswain {background:var(--wine);color:var(--paper);}
.page-index .role-tiles .role-communicator {background:var(--blue-surface);color:var(--paper);}
.page-index .role-tiles .role-advocate {background:var(--pista-soft);color:var(--ink);}
.page-index .role-tiles .role-performer {background:var(--pista);color:var(--ink);}
.page-index .role-tiles .role-choreographer {background:var(--choco);color:var(--paper);}
.page-index .role-tiles .role-dancer {color:var(--ink);background:transparent;}
.page-index .role-tiles .role-editor {color:var(--blue-action);background:transparent;}
.home-work {min-height:0;padding-block:0 100px;}
.section-heading {margin-bottom:46px;}
.section-heading h2 {font-size:clamp(44px,4.8vw,72px);line-height:1.08;max-width:22ch;}
.work-row {position:relative;grid-template-columns:54px minmax(170px,.65fr) minmax(0,1.6fr) 50px;gap:32px;padding:27px 0;border-color:var(--rule);}
.work-row:last-child {border-color:var(--rule);}
.work-number,.home-work .work-row:nth-of-type(2) .work-number {font:400 31px/1 var(--serif);color:var(--blue-action);}
.work-row>img {height:148px;border-radius:var(--radius);}
.work-row h3 {font-size:clamp(30px,2.6vw,40px);line-height:1.15;}
.work-row p {font-size:15px;line-height:1.7;max-width:48ch;margin-top:10px;}
.work-arrow {width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s;}
.work-arrow svg {width:22px;height:22px;}
.work-row:hover h3 {color:var(--blue-action);}
.work-row:hover .work-arrow {background:var(--blue-action);color:var(--paper);border-color:var(--blue-action);}
.work-row:hover .work-arrow svg {transform:translateX(2px);}
.featured-band {background:var(--pista);color:var(--ink);padding-block:80px 88px;}
.featured-band .section-label {color:var(--ink);}
.featured-band h2 em {color:var(--wine);}
.featured-band .section-heading {margin-bottom:36px;}
.featured-band .section-heading h2 {font-size:clamp(36px,3.7vw,58px);font-weight:700;max-width:none;}
.featured-band .section-heading h2 em {font-weight:inherit;}
.featured-grid {gap:28px;}
.featured-project {min-width:0;}
.featured-project>img {border-radius:8px;aspect-ratio:4/3;}
.featured-project>p {font-size:11px;font-weight:600;letter-spacing:.1em;margin:20px 0 12px;line-height:1.5;}
.featured-project h3 {font-size:clamp(25px,2.2vw,34px);line-height:1.16;gap:20px;}
.featured-project h3 svg {margin-top:6px;width:20px;height:20px;transition:transform .3s var(--ease);}
.featured-project:hover h3 {color:var(--wine);}
.featured-project:hover h3 svg {transform:translateX(4px);}

/* Chapter openings: joined image and color panels, open indexed navigation. */
.chapter-hero {padding-top:48px;padding-bottom:0;min-height:0;display:block;}
.chapter-title {align-items:center;gap:36px;margin-bottom:32px;}
.chapter-title h1 {font-size:clamp(43px,5.1vw,80px);letter-spacing:-.055em;line-height:1.02;max-width:24ch;}
.chapter-title>span {font:400 clamp(64px,6.8vw,106px)/.9 var(--serif);color:var(--blue);letter-spacing:-.06em;border-left:1px solid var(--line);padding-left:38px;}
.chapter-split {grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:490px;border-radius:var(--radius);overflow:hidden;}
.chapter-media {border-radius:0;min-height:0;}
.chapter-media>img {object-fit:cover;}
.chapter-copy,.page-voice .chapter-copy,.page-creative .chapter-copy {padding:clamp(30px,3.8vw,58px);background:var(--blue-surface);color:var(--paper);border-radius:0;}
.chapter-copy h2,.page-creative .chapter-copy h2 {font-size:clamp(42px,4.45vw,66px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance;}
.chapter-copy h2,.chapter-copy h2 em,.page-creative .chapter-copy h2,.page-creative .chapter-copy h2 em {color:var(--paper);}
.chapter-copy>p,.page-creative .chapter-copy>p {font-size:17px;line-height:1.8;max-width:49ch;margin-top:26px;color:var(--paper);}
.page-research .chapter-copy>p {max-width:none;}
.chapter-copy>.text-link {color:var(--paper);}
.page-voice .type-art {background:var(--choco);color:var(--paper);min-height:490px;padding:clamp(30px,3.8vw,58px);}
.type-art>span {font-size:clamp(45px,5.1vw,76px);line-height:1.06;letter-spacing:-.045em;}
.type-art>span em {color:var(--pista);}
.type-art-foot {font-size:12px;letter-spacing:.08em;border-color:#faf9f433;padding-top:18px;}
.page-creative .chapter-media>img {background:var(--paper2);object-fit:contain;}
.page-leadership .chapter-copy h2 {font-size:clamp(42px,4.15vw,62px);}
.chapter-index {position:relative;margin-top:38px;padding:17px 0 0;border-top:1px solid var(--rule);border-bottom:0;}
.chapter-index::before {content:'';position:absolute;left:0;top:-2px;width:48px;height:3px;background:var(--blue);}
.chapter-index>p {font:500 13px/1.4 var(--sans);margin-bottom:20px;color:var(--ink60);}
.chapter-index>div {display:flex;border-top:0;gap:0;padding-top:0;}
.chapter-index a,.chapter-index a:first-child,.chapter-index a:last-child {border-radius:0;border-left:1px solid var(--line);border-bottom:2px solid transparent;padding:0 26px 20px;gap:8px 16px;font:400 clamp(20px,1.8vw,27px)/1.22 var(--serif);transition:color .25s,border-color .25s;grid-template-columns:1fr 24px;}
.chapter-index a:first-child {padding-left:0;border-left:0;}
.chapter-index a:last-child {padding-right:0;}
.chapter-index a::before {display:none;}
.chapter-index .index-number {font:400 26px/1.1 var(--serif);color:var(--blue-action);margin-bottom:3px;}
.chapter-index a svg {width:20px;height:20px;align-self:end;}
.chapter-index a:hover,.chapter-index a[aria-current='location'] {color:var(--blue-action);border-bottom-color:var(--blue);}
.chapter-index a[aria-current='location'] .index-number {color:var(--blue-action);}
.chapter-index a:hover svg,.chapter-index a[aria-current='location'] svg {transform:translateX(3px);color:var(--blue-action);}
.chapter-content {padding-top:0;}

/* Consistent project details, metrics and resource buttons. */
.g2,.two {gap:clamp(32px,5vw,72px);margin:34px 0;grid-template-columns:repeat(2,minmax(0,1fr));}
.g2 {align-items:center;}
.g2>.body {max-width:none;}
.project-intro {grid-template-columns:1fr 1.05fr;margin-top:0;}
.project-intro .pk h2 {font-size:clamp(38px,4.2vw,64px);}
.project-intro .body {font-size:17px;}
.project-intro .photo-open {background:var(--paper2);}
.stats {border-color:var(--line);padding:30px 0;margin:40px 0;}
.st {padding-inline:26px;border-color:var(--line);}
.st b {font:400 clamp(34px,3.6vw,54px)/1.1 var(--serif);color:var(--blue-action);}
.st b.sm {font-size:clamp(24px,2.1vw,32px);}
.st span {font-size:13px;line-height:1.65;color:var(--ink60);margin-top:12px;max-width:24ch;}
.st b.metric-roll span {font:inherit;color:inherit;margin:0;line-height:inherit;max-width:none;}
.kv {padding:18px 0;border-color:var(--line);gap:22px;}
.kv b {font:400 32px/1.1 var(--serif);color:var(--blue-action);}
.kv small,.rl,.rv {font-size:14px;line-height:1.7;}
.rl {font-weight:600;color:var(--ink);}
.rv {color:var(--ink60);}
.roleline {border-color:var(--line);gap:28px;margin-bottom:34px;padding-bottom:22px;}
.biom {justify-content:flex-start;gap:10px;margin:28px 0;}
.biom span {font:500 16px/1.3 var(--sans);letter-spacing:.03em;padding:11px 18px;color:var(--blue-action);background:var(--blue-soft);border:0;border-radius:3px;}
.methods {border-color:var(--line);gap:30px;padding:30px 0;margin:40px 0;}
.m h4 {font-size:25px;margin-bottom:12px;line-height:1.2;}
.m p {font-size:14px;line-height:1.7;}
.methods .m + .m {border-left:1px solid var(--line);padding-left:25px;}
.resource {padding:25px;gap:25px;border:1px solid var(--line);border-radius:6px;align-items:center;transition:border-color .3s,background .3s;}
.resource:hover {background:var(--blue-soft);border-color:var(--blue);}
.resource-cover,.page-research .resource-cover {width:auto;height:180px;max-width:38%;flex:0 1 auto;object-fit:contain;background:transparent;border-radius:2px;}
.resource small {font-size:12px;letter-spacing:.025em;margin-bottom:11px;line-height:1.6;}
.resource strong {font:400 clamp(22px,1.9vw,28px)/1.22 var(--serif);letter-spacing:-.035em;}
.resource-action,.page-research .resource-action {display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:18px;font:500 13px/1.2 var(--sans);color:var(--paper);background:var(--blue-action);border:1px solid var(--blue-action);border-radius:4px;padding:11px 15px;margin-top:20px;transition:background .25s,color .25s,transform .25s;}
.resource-action svg {width:17px;height:17px;}
.resource:hover .resource-action,.page-research .resource:hover .resource-action {background:var(--choco);border-color:var(--choco);transform:translateX(2px);}
.document-grid {gap:24px;margin-block:28px;}
.button,.research-button,.page-research .research-button {background:var(--blue-action);border:1px solid var(--blue-action);border-radius:4px;color:var(--paper);font:500 14px/1.4 var(--sans);padding:15px 20px;gap:24px;min-height:50px;}
.button:hover,.research-button:hover,.page-research .research-button:hover {background:var(--choco);border-color:var(--choco);color:var(--paper);transform:translateY(-2px);}
.page-research .research-actions {gap:18px;margin-top:32px;}
.page-research .research-button {min-height:58px;}
.text-link,.tlink {font:500 14px/1.5 var(--sans);gap:18px;padding-bottom:7px;transition:color .25s;}
.text-link:hover,.tlink:hover {color:var(--blue-action);}
.tlink svg {width:18px;height:18px;}
.poster-link {background:var(--pista-soft);padding:22px;border-radius:6px;}
.research-video,.page-research .research-video {border-radius:8px;background:var(--choco);margin-block:38px;}
.speech-video {max-width:1120px;margin:32px auto 38px;}
.speech-video-player {width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:var(--choco);}
.speech-video-player iframe {display:block;width:100%;height:100%;border:0;}
.speech-video figcaption {display:flex;align-items:baseline;gap:24px;margin-top:18px;}
.speech-video .speech-label {flex-shrink:0;font:600 11px/1.6 var(--sans);letter-spacing:.12em;color:var(--blue-action);}
.speech-video figcaption a {min-width:0;}
.speech-video figcaption strong {font:500 clamp(21px,1.7vw,28px)/1.35 var(--serif);letter-spacing:-.025em;color:var(--ink);}
.speech-video figcaption a:hover strong {color:var(--blue-action);}
.speech-video .speech-watch {flex-shrink:0;margin-left:auto;padding-bottom:3px;border-bottom:1px solid currentColor;font:500 12px/1.6 var(--sans);color:var(--blue-action);}
.humanity-focus {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-block:36px;border-block:1px solid var(--rule);padding-block:28px;}
.humanity-focus>section {min-width:0;}
.humanity-focus>section+section {border-left:1px solid var(--line);padding-left:32px;}
.humanity-number {display:block;font:400 20px/1 var(--serif);color:var(--blue-action);margin-bottom:18px;}
.humanity-focus h3 {font-size:clamp(24px,2vw,31px);line-height:1.15;color:var(--ink);margin-bottom:16px;}
.humanity-focus p {font:400 16px/1.75 var(--sans);color:var(--ink60);margin:0;}
.humanity-framework a {color:var(--blue-action);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.humanity-framework a:hover {color:var(--ink);}
@media (max-width:700px) {
  .speech-video {margin-block:24px 30px;}
  .speech-video figcaption {flex-direction:column;gap:7px;margin-top:15px;}
  .speech-video .speech-watch {margin:5px 0 0;}
  .humanity-focus {grid-template-columns:1fr;gap:24px;margin-block:28px;padding-block:24px;}
  .humanity-focus>section+section {border-left:0;border-top:1px solid var(--line);padding:24px 0 0;}
  .humanity-number {margin-bottom:12px;}
  .humanity-focus h3 {font-size:26px;margin-bottom:12px;}
  .humanity-focus p {font-size:15px;}
}
.honors {border-color:var(--line);}
.honors summary {font-size:15px;font-weight:500;padding:21px 0;}
.honors ul {font-size:15px;line-height:1.8;}
.figcap {font-size:12px;color:var(--ink60);}

/* Photograph frames and albums: shared heights, original aspect ratios. */
.photo {margin:30px 0;}
.photo-open {background:var(--paper2);border-radius:8px;}
.photo-open img {transition:transform .6s var(--ease);}
.photo-open:hover img {transform:scale(1.025);}
.photo figcaption {font-size:12px;line-height:1.5;letter-spacing:0;color:var(--ink60);margin-top:12px;}
.photo.contain .photo-open {max-width:100%;}
.enlarge {width:36px;height:36px;bottom:14px;right:14px;background:var(--paper);color:var(--ink);box-shadow:0 2px 12px #0001;}
.enlarge svg {width:20px;height:20px;}
.gallery {margin-block:48px;}
.gallery-head {gap:24px;align-items:baseline;margin-bottom:22px;}
.gallery-head h3 {font-size:clamp(28px,2.7vw,40px);line-height:1.15;}
.gallery-head>span {font-size:12px;letter-spacing:.02em;color:var(--ink60);}
.gallery-track {--album-height:clamp(250px,23vw,350px);gap:20px;padding-bottom:4px;align-items:flex-start;scrollbar-width:none;}
.gallery-track::-webkit-scrollbar {display:none;}
.gallery-track>.photo,.clin .gallery-track>.photo,.page-research .clin .gallery-track>.photo {width:calc(var(--album-height) * var(--photo-ratio));max-width:none;flex:0 0 auto;}
.gallery-track .photo-open {border-radius:6px;}
.gallery-track .photo img,.portrait-gallery .gallery-track img,.clin .gallery-track img,.page-research .clin .gallery-track img {width:100%;height:var(--album-height);aspect-ratio:auto;object-fit:contain;background:transparent;}
.portrait-gallery .gallery-track {--album-height:clamp(330px,32vw,470px);}
.gallery-controls {position:relative;border-color:var(--line);padding-block:17px;}
.gallery-controls::after {content:'';position:absolute;bottom:-1px;left:0;width:48px;height:2px;background:var(--blue);}
.gallery-position {font:500 12px/1.5 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.05em;}
.round {width:42px;height:42px;border-color:var(--rule);transition:background .25s,color .25s,border-color .25s;}
.round svg {width:19px;height:19px;}
.gallery-controls .round:not(:disabled) {border-color:var(--rule);color:var(--ink);}
.round:hover,.gallery-controls .round:not(:disabled):hover {background:var(--blue-action);border-color:var(--blue-action);color:var(--paper);}
.round:disabled {opacity:.25;}
.page-research .clin {grid-template-columns:1fr;gap:22px;border-color:var(--line);padding:48px 0;}
.clin h4 {font-size:clamp(28px,2.9vw,43px);max-width:none;}
.clin .ct {font-size:13px;color:var(--blue-action);margin-top:12px;}
.clin>div>p {font-size:17px;line-height:1.85;max-width:none;color:var(--ink60);}
.page-research .clin .gallery {margin-block:30px 0;}
.page-research .clin .gallery-track {--album-height:clamp(280px,29vw,430px);gap:20px;}
.clin .gallery-head>span {display:block;}
.page-leadership .lead-feature {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 6%;}
.page-leadership .lead-feature>.lead-heading h2 {font-size:clamp(38px,3.9vw,60px);line-height:1.1;margin-top:0;max-width:none;}
.lead .col-t {padding:0;margin:0 0 20px;border:0;}
.page-leadership .lead-feature>.body {padding-top:0;align-self:center;}
.page-leadership .lead-feature>.photo {margin:0;}
.page-leadership .lead-feature>.gallery {margin-top:18px;}
.page-leadership .lead-placeholder-inner {border-radius:8px;background:var(--pista-soft);color:var(--ink);aspect-ratio:3/2;}
.page-leadership .lead-placeholder-inner span {font:400 italic clamp(24px,2.5vw,37px)/1.2 var(--serif);border-color:var(--rule);padding:15px 0;max-width:80%;}
.essay {grid-template-columns:.8fr 1.2fr;gap:7%;align-items:start;}
.essay h2 {font-size:clamp(38px,3.9vw,60px);line-height:1.1;}
.essay .aw {font-size:13px;line-height:1.7;color:var(--blue-action);margin-bottom:24px;}
.essay .body {padding:0;}
.pull-quote {font:400 clamp(36px,4vw,60px)/1.17 var(--serif);letter-spacing:-.035em;margin:34px 0;max-width:1000px;}
.pull-quote em {color:var(--blue-action);}

/* Closing navigation and blue footer are the same on every page. */
.next-page {position:relative;border-top:1px solid var(--line);padding-block:44px 52px;gap:30px;transition:background .3s;}
.next-page small {font:600 12px/1.4 var(--sans);color:var(--blue-action);letter-spacing:.12em;margin-bottom:14px;}
.next-page strong {font-size:clamp(40px,4.6vw,65px);line-height:1.1;}
.next-page>svg {width:42px;height:42px;transition:transform .3s var(--ease);}
.next-page:hover {background:var(--blue-soft);}
.next-page:hover>svg {transform:translateX(6px);}
footer {background:var(--blue-surface);color:var(--paper);padding:70px var(--gutter) 30px;}
.footer-top,.footer-bottom {max-width:var(--content);margin-inline:auto;}
.footer-top {padding-bottom:56px;gap:40px;align-items:center;}
.footer-top h2 {font-size:clamp(54px,7.3vw,106px);line-height:1.02;letter-spacing:-.06em;}
.footer-top h2 em {color:var(--paper);}
.footer-top .text-link {border:1px solid #faf9f480;border-radius:999px;padding:14px 21px;gap:24px;font-size:14px;min-height:50px;flex-shrink:0;}
.footer-top .text-link:hover {background:var(--paper);color:var(--blue-action);border-color:var(--paper);}
.footer-bottom {border-color:#faf9f44d;padding-top:23px;gap:25px;font-size:12px;line-height:1.6;}
.footer-bottom nav {gap:22px;}
.footer-bottom nav a {font-size:13px;padding:5px 0;border-bottom:1px solid transparent;transition:border-color .25s;}
.footer-bottom a:hover {color:var(--paper);border-bottom-color:currentColor;}
.back-top {font-size:12px;gap:10px;}
footer :focus-visible {outline-color:var(--paper);}
.lightbox {background:var(--choco);}
.lightbox::backdrop {background:#3e2017f5;}
.lightbox .round:hover {background:var(--paper);color:var(--ink);}
.lightbox figcaption {font-size:14px;}

/* Responsive type and layout use the same hierarchy, with comfortable touch targets. */
@media (max-width:1100px) {
  .nav-links {gap:19px;}
  .nav-links a {font-size:13px;}
  .brand {font-size:24px;}
  .chapter-split {min-height:470px;}
  .chapter-copy {padding:32px;}
  .chapter-copy h2,.page-creative .chapter-copy h2,.page-leadership .chapter-copy h2 {font-size:45px;}
  .chapter-copy>p,.page-creative .chapter-copy>p {font-size:16px;line-height:1.75;}
  .chapter-title h1 {font-size:clamp(43px,5.1vw,60px);}
  .chapter-index a,.chapter-index a:first-child,.chapter-index a:last-child {font-size:22px;padding-inline:20px;}
  .chapter-index a:first-child {padding-left:0;}
  .chapter-index a:last-child {padding-right:0;}
  .who-panel {padding-bottom:75px;}
  .page-index .who-card {grid-template-columns:.45fr 1.55fr;gap:4%;}
  .page-index .role-tiles .role-row>span {font-size:28px;}
  .resource {gap:18px;padding:22px;}
  .resource-cover,.page-research .resource-cover {height:160px;}
  .document-grid {grid-template-columns:1fr;}
  .footer-bottom {justify-content:space-between;}
  .footer-bottom nav {order:3;width:100%;}
}
@media (max-width:900px) {
  .nav,.page-index .nav {min-height:76px;padding-block:16px;}
  .brand {font-size:25px;}
  .mmenu {top:76px;}
  .home-about {padding-block:85px;gap:5%;}
  .about-copy h2 {font-size:47px;}
  .about-copy>p:not(.section-label) {font-size:16px;}
  .about-images {padding-right:12px;padding-bottom:50px;}
  .work-row {grid-template-columns:34px minmax(150px,.75fr) minmax(0,1.4fr) 44px;gap:22px;}
  .work-row>img {height:130px;}
  .work-row h3 {font-size:30px;}
  .work-row p {font-size:14px;}
  .chapter-hero {padding-top:36px;}
  .chapter-title>span {padding-left:24px;font-size:75px;}
  .chapter-index a,.chapter-index a:first-child,.chapter-index a:last-child {font-size:20px;padding-inline:16px;}
  .chapter-index a:first-child {padding-left:0;}
  .chapter-index a:last-child {padding-right:0;}
  .chapter-index .index-number {font-size:24px;}
  .type-art>span {font-size:53px;}
  .proj,.lead,.essay {padding-block:70px;}
  .body {font-size:16px;}
  .g2,.two {gap:30px;}
  .methods {grid-template-columns:1fr 1fr;gap:26px;}
  .methods .m + .m {padding-left:0;border:0;}
  .featured-band {padding-block:66px;}
  .featured-grid {gap:22px;}
  .featured-project h3 {font-size:25px;}
  .featured-project>p {font-size:10px;}
}
@media (max-width:650px) {
  html {scroll-padding-top:96px;}
  body {font-size:16px;}
  .nav,.page-index .nav {min-height:72px;padding-block:14px;}
  .brand {font-size:22px;}
  .mmenu {top:72px;}
  .section-label,.page-index .section-label {font-size:11px;gap:11px;margin-bottom:23px;}
  .section-label::before,.page-index .section-label::before {width:27px;flex-basis:27px;}
  .page-index .home-hero {height:100svh;min-height:620px;}
  .page-index .home-hero-copy {bottom:132px;}
  .page-index .home-hero h1 {font-size:clamp(60px,16.5vw,98px);line-height:1.02;max-width:9ch;}
  .page-index .home-hero-copy>.hero-intro {font-size:18px;line-height:1.5;max-width:29ch;margin-top:23px;}
  .hero-scroll {width:46px;height:46px;bottom:34px;}
  .home-about {grid-template-columns:1fr;padding-block:64px 68px;gap:38px;}
  .about-copy h2 {font-size:clamp(43px,11.5vw,60px);max-width:15ch;margin-bottom:25px;}
  .about-copy>p:not(.section-label) {font-size:16px;line-height:1.85;}
  .about-images {padding:0 20px 54px 0;}
  .about-images>.photo:first-child {width:100%;}
  .about-images>.photo:first-child img {aspect-ratio:4/3;}
  .about-images>.photo:last-child {width:34%;}
  .who-panel {padding-bottom:64px;}
  .page-index .who-card {display:block;padding-top:28px;}
  .page-index .who-card h2 {font-size:12px;margin:0 0 22px;}
  .page-index .role-tiles .role-row {gap:7px;}
  .page-index .role-tiles .role-row>span {font-size:clamp(17px,4.95vw,25px);line-height:1.2;padding:.35em .48em;}
  .page-index .role-tiles .role-dancer,.page-index .role-tiles .role-editor {padding-inline:.15em;}
  .home-work {padding-bottom:64px;}
  .section-heading {margin-bottom:32px;}
  .section-heading h2 {font-size:clamp(39px,10.7vw,56px);max-width:18ch;}
  .work-row {grid-template-columns:28px minmax(0,1fr) 40px;gap:14px 12px;padding:23px 0;}
  .work-number {grid-column:1;grid-row:1;align-self:start;font-size:23px;}
  .work-row>img {grid-column:2;grid-row:1;height:156px;}
  .work-row>div {grid-column:2;grid-row:2;}
  .work-row h3 {font-size:28px;}
  .work-row p {font-size:14px;line-height:1.6;}
  .work-arrow {grid-column:3;grid-row:2;width:38px;height:38px;}
  .featured-band {padding-block:54px 64px;}
  .featured-band .section-heading h2 {font-size:38px;max-width:18ch;}
  .featured-grid {grid-template-columns:1fr;gap:37px;}
  .featured-project h3 {font-size:30px;}
  .featured-project>p {font-size:11px;margin-top:16px;}
  .chapter-hero {padding-top:29px;}
  .chapter-title {margin-bottom:24px;gap:18px;align-items:flex-start;}
  .chapter-title h1 {font-size:clamp(34px,9.2vw,48px);max-width:19ch;line-height:1.06;}
  .chapter-title>span {font-size:48px;padding-left:14px;line-height:1;}
  .chapter-split {grid-template-columns:minmax(0,1fr);gap:0;min-height:0;}
  .chapter-media {height:280px;min-height:0;aspect-ratio:auto;}
  .chapter-copy,.page-voice .chapter-copy,.page-creative .chapter-copy {padding:32px 27px 36px;}
  .chapter-copy h2,.page-creative .chapter-copy h2,.page-leadership .chapter-copy h2 {font-size:clamp(34px,10.5vw,56px);}
  .chapter-copy>p,.page-creative .chapter-copy>p {font-size:16px;line-height:1.75;margin-top:23px;}
  .page-voice .chapter-media {height:auto;}
  .page-voice .type-art {min-height:315px;padding:30px 27px;}
  .type-art>span {font-size:clamp(38px,12.3vw,48px);}
  .chapter-index {margin-top:28px;padding-top:17px;}
  .chapter-index>p {font-size:12px;margin-bottom:20px;}
  .chapter-index>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0;}
  .chapter-index a,.chapter-index a:first-child,.chapter-index a:last-child,.chapter-index a:nth-child(odd),.chapter-index a:nth-child(even) {font-size:19px;line-height:1.3;padding:0 14px 15px;border-left:1px solid var(--line);gap:8px 6px;}
  .chapter-index a:nth-child(odd) {border-left:0;padding-left:0;}
  .chapter-index a:nth-child(even) {padding-right:0;}
  .chapter-index .index-number {font-size:23px;grid-column:1;}
  .chapter-index a>span:not(.index-number) {grid-column:1/-1;}
  .chapter-index a svg {width:17px;height:17px;grid-column:2;grid-row:1;align-self:center;}
  .proj,.lead,.essay {padding-block:58px;}
  .pk h2,.page-research .proj .pk h2,.project-intro .pk h2 {font-size:clamp(34px,9.7vw,47px);line-height:1.1;}
  .lab,.col-t,.page-research .proj .lab {font-size:11px;letter-spacing:.11em;}
  .page-research .proj .lab {gap:10px;}
  .sub,.page-research .proj .sub {font-size:26px;line-height:1.4;}
  .award,.page-research .proj .award {font-size:13px;line-height:1.8;padding-left:14px;margin-block:22px 27px;}
  .body,.project-intro .body,.clin>div>p {font-size:16px;line-height:1.85;}
  .g2,.two,.project-intro,.essay {grid-template-columns:1fr;gap:26px;margin-block:27px;}
  .stats {grid-template-columns:1fr 1fr;gap:28px 0;padding-block:26px;margin-block:30px;}
  .st b {font-size:36px;}
  .st b.sm {font-size:24px;}
  .st span {font-size:12px;}
  .kv {padding-block:15px;}
  .kv b {font-size:30px;}
  .kv small,.rl,.rv {font-size:13px;}
  .methods {gap:22px;margin-block:32px;}
  .m h4 {font-size:23px;}
  .m p {font-size:13px;}
  .biom {gap:8px;}
  .biom span {font-size:14px;padding:9px 13px;}
  .document-grid {grid-template-columns:1fr;gap:16px;}
  .resource {padding:18px;gap:18px;align-items:center;}
  .resource-cover,.page-research .resource-cover {height:142px;max-width:33%;}
  .resource strong {font-size:21px;line-height:1.25;}
  .resource small {font-size:11px;}
  .resource-action,.page-research .resource-action {font-size:12px;padding:10px 12px;gap:10px;margin-top:15px;}
  .page-research .research-actions {grid-template-columns:1fr;gap:12px;}
  .page-research .research-button {font-size:14px;min-height:52px;}
  .gallery {margin-block:32px;}
  .gallery-head {align-items:flex-start;gap:18px;}
  .gallery-head h3 {font-size:28px;line-height:1.15;}
  .gallery-head>span {font-size:10px;max-width:100px;white-space:normal;line-height:1.6;}
  .gallery-track,.page-research .clin .gallery-track {--album-height:245px;gap:14px;}
  .portrait-gallery .gallery-track {--album-height:340px;}
  .gallery-track>.photo,.clin .gallery-track>.photo,.page-research .clin .gallery-track>.photo {max-width:85vw;}
  .gallery-track .photo img,.page-research .clin .gallery-track img {height:auto;aspect-ratio:auto;}
  .photo figcaption {font-size:11px;margin-top:10px;}
  .enlarge {opacity:1;transform:none;width:32px;height:32px;bottom:10px;right:10px;}
  .page-research .clin {padding-block:36px;gap:18px;}
  .clin h4 {font-size:31px;}
  .clin .ct {font-size:12px;}
  .page-leadership .lead-feature {grid-template-columns:1fr;gap:24px;}
  .page-leadership .lead-feature>.lead-heading,.page-leadership .lead-feature>.photo,.page-leadership .lead-feature>.body {grid-column:1;grid-row:auto;}
  .page-leadership .lead-feature>.lead-heading h2 {font-size:clamp(34px,9vw,46px);}
  .page-leadership .lead-feature>.gallery {margin-top:12px;}
  .essay h2 {font-size:37px;}
  .essay .aw {font-size:12px;margin-bottom:18px;}
  .pull-quote {font-size:36px;line-height:1.2;margin-block:30px;}
  .honors ul {font-size:14px;}
  .next-page {padding-block:34px 40px;}
  .next-page small {font-size:11px;}
  .next-page strong {font-size:40px;}
  .next-page>svg {width:33px;height:33px;}
  footer {padding-top:48px;padding-bottom:25px;}
  .footer-top {align-items:flex-start;flex-direction:column;gap:27px;padding-bottom:35px;}
  .footer-top h2 {font-size:clamp(52px,13.4vw,80px);line-height:1.08;}
  .footer-top .text-link {font-size:13px;padding:12px 18px;min-height:46px;}
  .footer-bottom {gap:20px;font-size:11px;}
  .footer-bottom nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;order:3;width:100%;}
  .footer-bottom nav a {font-size:13px;width:max-content;}
  .back-top {font-size:11px;}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  *,*::before,*::after {transition:none!important;animation:none!important;}
}

/* About: the ten initials read down the page as HERMIONE WU. */
.home-about.about-acrostic {
  grid-template-columns:minmax(0,.4fr) minmax(0,.54fr);
  gap:6%;align-items:start;padding-block:clamp(44px,3.6vw,56px);
}
.about-acrostic .about-portrait {min-width:0;}
.about-acrostic .section-label {margin-bottom:20px;}
.about-acrostic .about-title {
  font:400 clamp(52px,5.2vw,84px)/.98 var(--serif);
  letter-spacing:-.06em;margin:0 0 28px;text-wrap:initial;
}
.about-acrostic .about-title>span,.about-acrostic .about-title>em {display:block;}
.about-acrostic .about-title>em {font-weight:400;color:var(--blue-action);}
.about-acrostic .about-images {position:relative;padding:0 22px 50px 0;margin:0 0 0 16px;isolation:isolate;}
.about-acrostic .about-images::before {
  content:'';position:absolute;z-index:-1;inset:-14px 34% 64px -16px;
  background:var(--pista-soft);border-radius:8px;
}
.about-acrostic .about-images>.photo:first-child {margin:0;width:100%;}
.about-acrostic .about-images>.photo:first-child img {aspect-ratio:4/3;max-height:350px;object-fit:cover;object-position:66% 50%;}
.about-acrostic .about-images>.photo:last-child {
  width:30%;right:0;bottom:0;left:auto;transform:none;
  border:5px solid var(--paper);border-radius:8px;margin:0;
}
.about-acrostic .about-images>.photo:last-child img {aspect-ratio:3/4;object-fit:cover;object-position:56% 50%;}
.about-acrostic .about-images>.photo:last-child figcaption {display:none;}
.page-index .about-acrostic .who-card {display:block;border:0;padding:0;margin-top:24px;background:transparent;}
.page-index .about-acrostic .who-card::before {display:none;}
.page-index .about-acrostic .who-card h2 {font-size:11px;margin:0 0 15px;}
.page-index .about-acrostic .role-tiles .role-row {gap:7px;margin-bottom:6px;}
.page-index .about-acrostic .role-tiles .role-row>span {font-size:clamp(16px,1.2vw,22px);padding:.27em .45em;}
.page-index .about-acrostic .role-tiles .role-dancer,.page-index .about-acrostic .role-tiles .role-editor {padding-inline:.15em;}
.about-acrostic .acrostic-list {list-style:none;margin:0;padding:0;min-width:0;}
.acrostic-list>li {
  display:grid;grid-template-columns:46px 14px minmax(0,1fr);gap:14px;
  align-items:center;margin:0;padding:13px 0;border-bottom:1px solid var(--rule);
}
.acrostic-list>li:first-child {padding-top:4px;}
.acrostic-list>li:last-child {border-bottom:0;padding-bottom:0;}
.acrostic-initial {
  display:block;font:400 clamp(44px,3.2vw,54px)/1 var(--serif);
  letter-spacing:-.05em;color:var(--blue-action);text-align:center;
}
.acrostic-dash {font:400 19px/1 var(--serif);color:var(--ink60);}
.acrostic-list p {font:400 clamp(15px,1.08vw,16px)/1.7 var(--sans);color:var(--ink60);margin:0;}
.acrostic-list strong {font:500 20px/1.3 var(--serif);letter-spacing:-.025em;color:var(--ink);}
.acrostic-surname .acrostic-initial {color:var(--wine);}
.acrostic-list>li.acrostic-surname:nth-last-child(2) {padding-top:21px;}
@media (min-width:1000px) and (min-height:900px) {
  .about-acrostic .about-portrait {position:sticky;top:120px;}
}
@media (max-width:1000px) {
  .home-about.about-acrostic {grid-template-columns:minmax(0,.37fr) minmax(0,.57fr);}
  .about-acrostic .about-title {font-size:clamp(44px,5.8vw,58px);margin-bottom:28px;}
  .acrostic-list>li {grid-template-columns:38px 12px minmax(0,1fr);gap:10px;padding-block:14px;}
  .acrostic-initial {font-size:44px;}
  .acrostic-list strong {font-size:19px;}
  .acrostic-dash {font-size:18px;}
  .about-acrostic .about-images {padding:0 12px 45px 0;}
  .page-index .about-acrostic .role-tiles .role-row>span {font-size:clamp(12px,1.7vw,17px);}
}
@media (max-width:700px) {
  .home-about.about-acrostic {grid-template-columns:minmax(0,1fr);gap:32px;padding-block:44px 48px;}
  .about-acrostic .about-portrait {position:static;}
  .about-acrostic .about-title {font-size:clamp(48px,12vw,65px);margin-bottom:28px;}
  .about-acrostic .section-label {margin-bottom:18px;}
  .about-acrostic .about-images {max-width:470px;padding:0 15px 45px 0;margin-left:12px;}
  .about-acrostic .about-images::before {inset:-14px 34% 59px -12px;}
  .about-acrostic .about-images>.photo:first-child img {aspect-ratio:4/3;}
  .about-acrostic .about-images>.photo:last-child {width:30%;border-width:4px;}
  .page-index .about-acrostic .role-tiles .role-row>span {font-size:clamp(14px,4.1vw,20px);}
  .acrostic-list>li {grid-template-columns:34px 10px minmax(0,1fr);gap:9px;padding-block:16px;align-items:start;}
  .acrostic-list>li:first-child {padding-top:0;}
  .acrostic-initial {font-size:40px;}
  .acrostic-dash {padding-top:11px;font-size:16px;}
  .acrostic-list p {font-size:15px;line-height:1.75;}
  .acrostic-list strong {font-size:19px;}
  .acrostic-list>li.acrostic-surname:nth-last-child(2) {padding-top:22px;}
}

/* Food systems: four ordered topics, a complete farm album and landscape poster. */
#h-food .food-topics {margin-top:46px;}
#h-food .food-topic {display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr);gap:24px 64px;border-top:1px solid var(--rule);padding-block:32px;}
#h-food .food-topic-title {font:400 clamp(25px,2.1vw,32px)/1.2 var(--serif);letter-spacing:-.025em;margin:0;color:var(--ink);}
#h-food .food-topic-title>span {display:block;font:500 12px/1.5 var(--sans);letter-spacing:.08em;color:var(--blue-action);margin-bottom:12px;}
#h-food .food-topic>.body p {margin:0;max-width:none;}
#h-food .food-album {grid-column:1/-1;margin-top:10px;min-width:0;}
#h-food .food-album .gallery-head h3 {font-size:26px;}
#h-food .food-farm-photos {display:grid;grid-template-columns:1.487611fr .75fr .75fr;gap:20px;}
#h-food .food-farm-photos .photo {min-width:0;margin:0;}
#h-food .food-farm-photos img {width:100%;height:auto;aspect-ratio:var(--photo-ratio);object-fit:contain;}
#h-food .food-communication {grid-template-columns:1fr;gap:26px;}
#h-food .food-communication .food-topic-title>span {margin-bottom:12px;}
#h-food .food-poster-layout {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;}
#h-food .food-poster-layout .body p {max-width:none;margin:0;}
#h-food .food-poster {min-width:0;margin:0;}
#h-food .food-poster .photo-open {width:100%;aspect-ratio:1821 / 1280;}
#h-food .food-poster .photo-open img {position:absolute;top:50%;left:50%;width:70.291%;height:142.266%;max-height:none;aspect-ratio:auto;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg);}
#h-food .food-poster .photo-open:hover img {transform:translate(-50%,-50%) rotate(-90deg) scale(1.025);}
@media(max-width:1000px) {
 #h-food .food-topic {gap:24px 36px;}
 #h-food .food-poster-layout {gap:36px;grid-template-columns:1fr 1fr;}
}
@media(max-width:700px) {
 #h-food .food-topics {margin-top:32px;}
 #h-food .food-topic {grid-template-columns:1fr;gap:20px;padding-block:28px;}
 #h-food .food-topic-title {font-size:27px;}
 #h-food .food-farm-photos {grid-template-columns:1fr 1fr;gap:22px 14px;}
 #h-food .food-farm-photos>.photo:first-child {grid-column:1/-1;}
 #h-food .food-album .gallery-head {flex-direction:column;gap:8px;}
 #h-food .food-album .gallery-head>span {max-width:none;}
 #h-food .food-poster-layout {grid-template-columns:1fr;gap:24px;}
 #h-food .food-poster-layout .food-poster {grid-row:1;}
}

.essay-read-more {margin-top:8px;}

/* Published writing: recognizable covers and direct PDF reading links. */
.magazine-feature {display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;align-items:center;padding:32px;margin-top:40px;border:1px solid var(--rule);border-radius:8px;background:var(--paper2);}
.magazine-cover {display:block;border-radius:4px;overflow:hidden;}
.magazine-cover img {display:block;width:100%;height:auto;}
.magazine-copy .section-label {margin-bottom:18px;}
.magazine-copy h3 {font-size:clamp(30px,2.9vw,44px);line-height:1.15;}
.magazine-details {color:var(--ink60);font-size:14px;margin:16px 0 26px;}
.advocacy-heading {display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:48px;align-items:start;}
.advocacy-heading .pk {margin-bottom:0;}
.hms-logo {display:block;width:100%;height:auto;border-radius:50%;}
@media(max-width:700px) {
 .magazine-feature {grid-template-columns:1fr;gap:26px;padding:22px;margin-top:30px;}
 .magazine-cover {max-width:230px;width:100%;margin-inline:auto;}
 .magazine-copy h3 {font-size:30px;}
 .magazine-copy .section-label {font-size:10px;line-height:1.6;}
 .magazine-copy .button {width:100%;justify-content:space-between;}
 .advocacy-heading {grid-template-columns:minmax(0,1fr) 76px;gap:16px;}
 .advocacy-heading .pk h2 {font-size:32px;}
}

/* Essay honors: large recognition, supporting competition and publication details. */
.page-voice .essay-with-honor {align-items:center;padding-block:64px;}
.essay-heading h2 {margin-bottom:26px;}
.essay-honor {border-radius:8px;padding:26px 28px;display:flex;flex-direction:column;min-height:220px;}
.honor-award {background:var(--blue-action);color:var(--paper);}
.honor-shortlist {background:var(--pista-soft);color:var(--ink);border:1px solid rgba(62,32,23,.12);}
.essay-honor .honor-context {font:500 13px/1.6 var(--sans);letter-spacing:.035em;margin:0;}
.honor-shortlist .honor-context {color:var(--blue-action);}
.essay-honor .honor-result {display:block;font:400 clamp(32px,2.8vw,43px)/1.1 var(--serif);letter-spacing:-.03em;margin:18px 0 24px;}
.honor-ranking {display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:auto 0 0;padding-top:17px;border-top:1px solid rgba(250,249,244,.35);}
.honor-ranking>span:first-child {font:400 26px/1.2 var(--serif);letter-spacing:-.015em;}
.honor-ranking>span:last-child {font:500 11px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;}
.honor-publication {display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line);}
.honor-publication>span {font:500 10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink60);}
.honor-publication>strong {font:400 18px/1.35 var(--serif);letter-spacing:-.01em;}
.honor-award .honor-publication {margin-top:20px;border-color:rgba(250,249,244,.35);}
.honor-award .honor-publication>span {color:var(--paper);}
.honor-award .honor-publication>strong {color:var(--paper);}
@media(max-width:700px) {
 .page-voice .essay-with-honor {padding-block:42px;gap:26px;}
 .essay-heading h2 {margin-bottom:22px;}
 .essay-honor {padding:24px;min-height:210px;}
 .essay-honor .honor-result {font-size:36px;}
 .essay-honor .honor-context {font-size:12px;}
}

/* UNGA: the complete event poster alongside the recorded speech. */
.un-event-media {display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:36px;align-items:start;margin:32px 0 38px;}
.un-event-media .un-event-poster,.un-event-media .speech-video {min-width:0;width:100%;max-width:none;margin:0;}
.un-event-media .un-event-poster .photo-open {width:100%;}
.un-event-media .un-event-poster img {display:block;width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;}
.un-event-media .un-event-poster figcaption {width:100%;display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:space-between;margin-top:16px;font-size:11px;line-height:1.6;}
.un-event-media .speech-video figcaption {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;margin-top:16px;}
.un-event-media .speech-video figcaption>a:not(.speech-watch) {grid-column:1/-1;grid-row:2;}
.un-event-media .speech-video .speech-watch {grid-column:2;grid-row:1;margin:0;}
@media(max-width:1000px) {
 .un-event-media {gap:24px;}
 .un-event-media .speech-video figcaption {gap:10px 12px;}
 .un-event-media .speech-video .speech-label {font-size:10px;}
 .un-event-media .speech-video .speech-watch {font-size:11px;}
}
@media(max-width:700px) {
 .un-event-media {grid-template-columns:minmax(0,1fr);gap:28px;margin-block:24px 30px;}
 .un-event-media .un-event-poster {max-width:330px;justify-self:center;}
 .un-event-media .speech-video figcaption {gap:10px 12px;}
 .un-event-media .speech-video figcaption strong {font-size:23px;}
}

/* Creative albums flow continuously; each photograph remains available at full size. */
.auto-gallery .gallery-track {scroll-snap-type:none;scroll-behavior:auto;}
.auto-gallery .gallery-track>.photo {scroll-snap-align:none;}
.no-photo-captions .photo figcaption {display:none;}
.gallery-autoplay {font:500 12px/1.5 var(--sans);padding:9px 18px;border:1px solid var(--line);border-radius:99px;color:var(--blue-action);min-width:72px;}
.gallery-autoplay:hover {background:var(--blue-action);border-color:var(--blue-action);color:var(--paper);}
.page-creative .creative-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
#c-theater .creative-stats {grid-template-columns:repeat(4,minmax(0,1fr));}
.page-creative .creative-stats .st {min-width:0;}
.dance-account {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;margin-top:48px;padding:36px 40px;border:1px solid rgba(40,108,172,.2);border-radius:var(--radius);background:var(--blue-soft);}
.dance-account-identity {display:flex;align-items:flex-start;gap:24px;min-width:0;}
.instagram-mark {width:54px;height:54px;flex-shrink:0;color:var(--blue-action);}
.dance-account .section-label {margin-bottom:14px;font-size:11px;}
.dance-account .section-label::before {display:none;}
.dance-account h3 {font:400 clamp(30px,3vw,44px)/1.15 var(--serif);letter-spacing:-.03em;margin-bottom:9px;}
.account-handle {font-size:16px;color:var(--blue-action);}
.account-handle:hover {text-decoration:underline;}
.account-bio {font-size:14px;color:var(--ink60);margin-top:16px;}
.dance-account-details {min-width:260px;}
.account-stats {display:flex;gap:36px;}
.account-stats>div {display:flex;flex-direction:column;gap:5px;}
.account-stats dt {font:400 12px/1.5 var(--sans);color:var(--ink60);order:2;}
.account-stats dd {font:400 32px/1.1 var(--serif);color:var(--blue-action);margin:0;}
.account-snapshot {font-size:10px;color:var(--ink60);margin:14px 0 22px;}
.dance-account .button {width:100%;justify-content:space-between;}
@media(max-width:700px) {
 .page-creative .creative-stats,#c-theater .creative-stats {grid-template-columns:repeat(2,minmax(0,1fr));}
 .auto-gallery .gallery-track .photo img {height:var(--album-height);aspect-ratio:auto;}
 .dance-account {grid-template-columns:1fr;gap:26px;padding:26px 22px;margin-top:32px;}
 .dance-account-identity {gap:15px;}
 .instagram-mark {width:32px;height:32px;}
 .dance-account .section-label {font-size:10px;letter-spacing:.08em;}
 .dance-account h3 {font-size:30px;}
 .dance-account-details {min-width:0;}
 .account-stats {gap:42px;}
 .gallery-autoplay {padding:7px 13px;min-width:65px;font-size:11px;}
}

/* Display the photograph within supplied story screenshots, keeping the source intact. */
.rowing-gallery .gallery-track .photo-crop .photo-open {width:100%;height:var(--album-height);}
.rowing-gallery .gallery-track .photo-crop img {position:absolute;top:calc(-1 * var(--crop-offset) * var(--album-height));width:100%;height:auto;max-height:none;object-fit:contain;}

/* Scientific chapter markers retain the editorial number and title hierarchy. */
.metric-visual .metric-space {display:inline-block;white-space:pre;min-width:.24em;}
.page-research .chapter-index .science-icon {grid-row:1;grid-column:2;width:42px;height:42px;padding:7px;border:1px solid rgba(40,108,172,.25);border-radius:50%;color:var(--blue-action);align-self:center;}
.page-research .chapter-index a:hover .science-icon,.page-research .chapter-index a[aria-current='location'] .science-icon {transform:none;background:var(--blue-soft);}
#h-food .food-topic-title {position:relative;padding-left:64px;}
#h-food .food-topic-title .food-icon {position:absolute;left:0;top:0;width:44px;height:44px;padding:6px;border:1px solid rgba(40,108,172,.25);border-radius:50%;color:var(--blue-action);}
#h-food .food-topic:nth-child(even) .food-icon {background:var(--pista-soft);color:var(--ink);border-color:transparent;}

/* The full-width speech shares the article's left and right edges. */
#h-un>.speech-video {width:100%;max-width:none;margin:32px 0 44px;}
#h-un>.speech-video figcaption {display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;}
.un-research-intro {display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:center;margin:44px 0;}
.un-research-intro .un-event-poster {width:100%;min-width:0;margin:0;}
.un-research-intro .un-event-poster .photo-open {width:100%;}
.un-research-intro .un-event-poster img {width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;}
.un-research-intro .un-event-poster figcaption {display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;font-size:10px;}
#h-un .humanity-framework {display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:28px 64px;align-items:center;border-top:1px solid var(--rule);padding-top:40px;margin-top:40px;}
.sdg-visual {margin:0;max-width:250px;}
.sdg-visual>a {display:block;padding:8px;border:1px solid #4c9f38;border-radius:4px;background:#fff;}
.sdg-visual img {width:100%;height:auto;display:block;}
.sdg-visual figcaption {margin-top:12px;font:400 11px/1.5 var(--sans);}
.humanity-framework-copy h3 {font:400 clamp(25px,2.1vw,34px)/1.2 var(--serif);letter-spacing:-.025em;margin:12px 0;}
.humanity-framework-copy .section-label {font-size:11px;margin:0;}
.humanity-framework-copy .section-label::before {display:none;}
.humanity-framework-copy .sdg-target {color:#38752a;font:600 12px/1.5 var(--sans);margin:0 0 20px;}
.sdg-attribution {grid-column:1/-1;font:400 10px/1.6 var(--sans);color:var(--ink60);max-width:105ch;}
.hms-account-mark {width:84px;height:auto;flex-shrink:0;}
.hms-account h3 {font-size:clamp(27px,2.5vw,38px);}
.account-highlights {display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.account-highlights span {font:500 11px/1.4 var(--sans);padding:6px 10px;border:1px solid rgba(40,108,172,.25);border-radius:99px;color:var(--blue-action);}
@media(max-width:1000px) {
 #h-un>.speech-video figcaption {grid-template-columns:1fr auto;gap:10px 18px;}
 #h-un>.speech-video figcaption>a:not(.speech-watch) {grid-column:1/-1;grid-row:2;}
 #h-un>.speech-video .speech-watch {grid-column:2;grid-row:1;}
 .un-research-intro {grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:32px;}
 #h-un .humanity-framework {grid-template-columns:190px minmax(0,1fr);gap:24px 32px;}
}
@media(max-width:700px) {
 #h-food .food-topic-title {padding-left:58px;}
 #h-un>.speech-video {margin:24px 0 32px;}
 #h-un>.speech-video figcaption {gap:10px 12px;}
 #h-un>.speech-video .speech-label {font-size:9px;}
 #h-un>.speech-video .speech-watch {font-size:10px;margin:0;}
 .un-research-intro {grid-template-columns:1fr;gap:28px;margin:32px 0;}
 .un-research-intro .un-event-poster {max-width:260px;justify-self:center;}
 #h-un .humanity-framework {grid-template-columns:1fr;gap:28px;padding-top:30px;margin-top:30px;}
 .sdg-visual {max-width:200px;}
 .sdg-attribution {grid-column:1;}
 .hms-account-mark {width:48px;}
 .hms-account .account-handle {font-size:13px;overflow-wrap:anywhere;}
}
#h-un .humanity-focus+.humanity-framework {border-top:0;margin-top:0;padding-top:12px;}

/* Instagram profile identity uses the account's actual avatar and brand gradient. */
.dance-avatar {position:relative;display:block;width:88px;height:88px;flex:0 0 88px;border-radius:50%;padding:3px;background:linear-gradient(35deg,#feda75,#fa7e1e 30%,#d62976 60%,#962fbf 82%,#4f5bd5);}
.dance-avatar>img {display:block;width:100%;height:100%;object-fit:cover;border:3px solid var(--blue-soft);border-radius:50%;}
.instagram-badge {position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:32px;height:32px;border:3px solid var(--blue-soft);border-radius:10px;color:white;background:linear-gradient(35deg,#feda75,#fa7e1e 20%,#d62976 55%,#962fbf 80%,#4f5bd5);}
.instagram-badge svg {width:21px;height:21px;}
.dance-avatar:hover {transform:translateY(-2px);}

/* Album controls remain available without a photograph-total label. */
.gallery-position {display:none;}
.gallery-controls {justify-content:flex-end;}

/* Four reserved covers can later receive portfolio images and detail links. */
.art-portfolios {margin-top:58px;}
.art-portfolios-heading {display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:32px;border-top:1px solid var(--rule);margin-bottom:24px;}
.art-portfolios-heading h3 {font:400 clamp(28px,2.5vw,40px)/1.2 var(--serif);letter-spacing:-.025em;}
.art-portfolios-heading p {font:400 12px/1.5 var(--sans);color:var(--ink60);}
.art-portfolio-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;}
.art-portfolio-slot {min-width:0;}
.art-portfolio-cover {position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--pista-soft);color:var(--ink60);}
.art-portfolio-slot:nth-child(2) .art-portfolio-cover {background:var(--blue-soft);color:var(--blue-action);}
.art-portfolio-slot:nth-child(3) .art-portfolio-cover {background:var(--paper2);}
.art-portfolio-slot:nth-child(4) .art-portfolio-cover {background:#EADCD5;color:var(--choco);}
.art-portfolio-cover::before {content:'';position:absolute;inset:24px;border:1px solid currentColor;opacity:.18;}
.art-portfolio-cover .portfolio-folio {position:absolute;left:40px;top:36px;font:italic 400 clamp(40px,4vw,62px)/1 var(--serif);letter-spacing:-.04em;opacity:.6;}
.art-portfolio-cover>svg {width:42px;height:42px;opacity:.45;}
.art-portfolio-caption {display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:18px;}
.art-portfolio-caption h4 {font:400 clamp(22px,2vw,30px)/1.2 var(--serif);letter-spacing:-.02em;}
.art-portfolio-caption>span {font:500 10px/1.5 var(--sans);letter-spacing:.06em;color:var(--ink60);}
@media(max-width:700px) {
 .dance-avatar {width:64px;height:64px;flex-basis:64px;}
 .instagram-badge {width:28px;height:28px;right:-3px;bottom:-3px;border-radius:9px;}
 .instagram-badge svg {width:18px;height:18px;}
 .art-portfolios {margin-top:36px;}
 .art-portfolios-heading {display:block;padding-top:26px;}
 .art-portfolios-heading p {margin-top:10px;}
 .art-portfolio-grid {gap:26px 16px;}
 .art-portfolio-cover::before {inset:12px;}
 .art-portfolio-cover .portfolio-folio {left:20px;top:18px;font-size:30px;}
 .art-portfolio-cover>svg {width:24px;height:24px;}
 .art-portfolio-caption {display:block;margin-top:12px;}
 .art-portfolio-caption h4 {font-size:19px;}
 .art-portfolio-caption>span {display:block;margin-top:6px;font-size:9px;}
}

/* Creative roles use the original four-color palette as a clear reading hierarchy. */
.page-creative #c-dance {--creative-accent:var(--choco);--role-color:var(--choco);--role-ink:var(--paper);}
.page-creative #c-row {--creative-accent:var(--wine);--role-color:var(--wine);--role-ink:var(--paper);}
.page-creative #c-visual {--creative-accent:var(--choco);--role-color:var(--pista);--role-ink:var(--choco);}
.page-creative #c-theater {--creative-accent:var(--blue-action);--role-color:var(--blue-action);--role-ink:var(--paper);}
.page-creative .proj::before {background:var(--role-color);}
.page-creative .proj .lab,.page-creative .proj .st b {color:var(--creative-accent);}
.page-creative .creative-role {display:grid;grid-template-columns:84px minmax(0,1fr);gap:28px;align-items:start;padding:28px 32px;margin:28px 0 0;border-radius:4px;background:var(--role-color);color:var(--role-ink);}
.creative-role-label {font:600 11px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding-top:9px;margin:0;}
.creative-role h3 {font:400 clamp(28px,2.8vw,42px)/1.15 var(--serif);letter-spacing:-.025em;color:inherit;margin:0;}
.creative-role-context {font:400 13px/1.7 var(--sans);color:inherit;margin:12px 0 0;}
.role-context-divider {padding-inline:10px;opacity:.6;}
.page-creative .creative-role+.stats {margin-top:24px;}
.page-creative #c-visual .art-portfolios-heading {border-top-color:var(--pista);}
.page-creative #c-visual .art-portfolio-slot:first-child .art-portfolio-cover {background:var(--pista);color:var(--choco);}
@media(max-width:700px) {
 .page-creative .creative-role {grid-template-columns:minmax(0,1fr);gap:12px;padding:24px;margin-top:24px;}
 .creative-role-label {padding-top:0;font-size:10px;}
 .creative-role h3 {font-size:30px;line-height:1.2;}
 .creative-role-context {font-size:12px;margin-top:12px;}
 .role-context-divider {padding-inline:4px;}
}

/* Original palette: red marks emphasis, pistachio gives community content a warm surface. */
.page-society .chapter-copy {background:var(--pista);color:var(--choco);}
.page-leadership .chapter-copy {background:var(--pista-soft);color:var(--choco);}
.page-society .chapter-copy h2,.page-society .chapter-copy>p,
.page-leadership .chapter-copy h2,.page-leadership .chapter-copy>p {color:var(--choco);}
.page-society .chapter-copy h2 em {color:var(--wine);}
.page-voice .chapter-copy {background:var(--wine);}
.page-voice .chapter-copy h2 em {color:var(--pista);}
.chapter-title>span,.chapter-index .index-number {color:var(--wine);}
.chapter-index::before {background:var(--wine);}
.chapter-index a:hover,.chapter-index a[aria-current='location'] {background:var(--pista-soft);color:var(--wine);border-bottom-color:var(--wine);}
.chapter-index a:hover svg,.chapter-index a[aria-current='location'] svg,
.chapter-index a[aria-current='location'] .index-number {color:var(--wine);}
.page-research .proj .lab,.page-society .proj .lab,.page-voice .proj .lab,
.page-leadership .col-t {color:var(--wine);}
.page-research .proj .lab::before {background:var(--pista-soft);border-color:var(--pista);color:var(--wine);}
.page-research .chapter-index .science-icon {background:var(--pista);border-color:var(--pista);color:var(--choco);}
.page-research .chapter-index a:hover .science-icon,
.page-research .chapter-index a[aria-current='location'] .science-icon {background:var(--pista);color:var(--wine);}
.page-research .biom span {background:var(--pista-soft);color:var(--choco);}
.resource:hover {background:var(--pista-soft);border-color:var(--pista);}
.resource-action,.page-research .resource-action {background:var(--wine);border-color:var(--wine);}
.page-society .humanity-number,#h-advocacy .st b {color:var(--wine);}
#h-food .food-topic-title>span {color:var(--wine);}
#h-food .food-topic:nth-child(odd) .food-icon {color:var(--wine);border-color:var(--wine);}
#h-food .food-topic:nth-child(even) .food-icon {background:var(--pista);color:var(--choco);}
.page-voice .honor-award {background:var(--wine);}
.page-voice .honor-award .honor-ranking>span:first-child {color:var(--pista);}
.page-voice .honor-shortlist {background:var(--pista);}
.page-voice .honor-shortlist .honor-context {color:var(--choco);}
.page-voice .honor-shortlist .honor-publication>span {color:var(--choco);}
.page-voice .magazine-copy .button {background:var(--wine);border-color:var(--wine);}
.page-voice .magazine-copy .button:hover {background:var(--choco);border-color:var(--choco);}
.dance-account {background:var(--pista-soft);border-color:var(--pista);}
.dance-account .section-label,.dance-account .account-handle {color:var(--wine);}
.dance-avatar>img,.instagram-badge {border-color:var(--pista-soft);}
.next-page small {color:var(--wine);}
.next-page:hover {background:var(--pista-soft);}
footer {background:var(--blue-action);}
.footer-top h2 em {color:var(--pista);}
.footer-top .text-link {background:var(--pista);border-color:var(--pista);color:var(--choco);}
.footer-top .text-link:hover {background:var(--pista-soft);border-color:var(--pista-soft);color:var(--choco);}

/* HMS program details are adapted from pages 2–4 of its 2026–27 introduction. */
.hms-programs {margin-top:48px;}
.hms-programs-heading {display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px;}
.hms-programs-heading .section-label {font-size:11px;color:var(--wine);margin-bottom:16px;}
.hms-programs-heading h3 {font:400 clamp(29px,3vw,43px)/1.15 var(--serif);letter-spacing:-.025em;}
.hms-programs-heading .tlink {flex-shrink:0;font-size:13px;color:var(--wine);margin-bottom:3px;}
.hms-program-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.hms-program {min-width:0;border-top:4px solid var(--blue-action);padding:24px 0 0;}
.hms-fundraisers {border-color:var(--wine);}
.hms-clinical {border-color:var(--pista);}
.hms-program h4 {font:400 clamp(25px,2.1vw,32px)/1.2 var(--serif);letter-spacing:-.025em;margin-bottom:20px;}
.hms-program h5 {font:600 14px/1.5 var(--sans);color:var(--choco);margin:22px 0 9px;}
.hms-program p,.hms-program li {font:400 14px/1.8 var(--sans);color:var(--ink60);}
.hms-program ul {padding-left:18px;margin:0;}
.hms-program li+li {margin-top:8px;}
.hms-program li b {color:var(--choco);font-weight:600;}
.hms-program .hms-program-highlight {display:inline-block;font:500 12px/1.5 var(--sans);color:var(--choco);background:var(--pista-soft);padding:6px 10px;margin:0 0 16px;}
.hms-program .hms-program-season {font:500 11px/1.5 var(--sans);color:var(--wine);margin-bottom:8px;}
@media(max-width:700px) {
 .hms-programs {margin-top:36px;}
 .hms-programs-heading {align-items:start;flex-direction:column;gap:18px;margin-bottom:26px;}
 .hms-programs-heading h3 {font-size:32px;}
 .hms-program-grid {grid-template-columns:minmax(0,1fr);gap:32px;}
 .hms-program {padding-top:20px;}
 .hms-program h4 {font-size:28px;margin-bottom:16px;}
 .hms-program h5 {margin-top:18px;}
}
/* Dance recognition reads as an award list, with qualifications kept distinct. */
.honors-static {border:0;margin:48px 0;padding:32px;background:var(--pista-soft);border-radius:8px;}
.dance-honors-heading {display:flex;align-items:center;gap:20px;margin-bottom:32px;}
.honors-emblem {display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:var(--wine);color:var(--pista-soft);}
.honors-emblem svg {width:40px;height:40px;}
.dance-honors-heading h3 {font:500 clamp(32px,3.5vw,48px)/1.1 var(--serif);letter-spacing:-.035em;color:var(--choco);}
.dance-awards-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;}
.dance-award-year {min-width:0;}
.dance-award-year>h4 {font:500 18px/1 var(--sans);color:var(--wine);padding-bottom:16px;border-bottom:2px solid var(--wine);}
.honors .dance-award-list {columns:auto;list-style:none;padding:0;margin:0;}
.dance-award-list>li {margin:0;padding:22px 0;border-bottom:1px solid rgba(62,32,23,.16);}
.dance-award-list h5 {font:500 clamp(21px,2vw,26px)/1.2 var(--serif);letter-spacing:-.02em;color:var(--wine);margin-bottom:9px;}
.dance-award-list p {font:500 14px/1.6 var(--sans);color:var(--choco);margin:0;}
.dance-award-list span {display:block;font:400 12px/1.7 var(--sans);color:var(--ink60);margin-top:8px;}
.dance-qualifications {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;margin-top:32px;padding-top:28px;border-top:1px solid rgba(62,32,23,.2);}
.dance-qualifications h4 {font:500 25px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:14px;color:var(--choco);}
.dance-qualifications p {font:400 13px/1.8 var(--sans);color:var(--ink60);}
.dance-qualifications p b {color:var(--choco);font-weight:500;}
.dance-qualifications .resource {margin:0;background:var(--paper);padding:22px;}
.dance-qualifications .resource:hover {background:var(--pista);}
.dance-qualifications .resource strong {font-size:23px;}
@media(max-width:700px) {
 .honors-static {margin-block:36px;padding:24px 20px;}
 .dance-honors-heading {gap:14px;align-items:start;margin-bottom:28px;}
 .honors-emblem {flex-basis:48px;width:48px;height:48px;}
 .honors-emblem svg {width:32px;height:32px;}
 .dance-honors-heading h3 {font-size:32px;}
 .dance-awards-grid,.dance-qualifications {grid-template-columns:minmax(0,1fr);gap:28px;}
 .dance-award-list>li {padding:20px 0;}
 .dance-award-list h5 {font-size:24px;}
 .dance-qualifications {margin-top:28px;padding-top:24px;gap:22px;}
 .dance-qualifications .resource {padding:20px;}
}
/* Research awards lead each project with prominent results and named institutions. */
.research-honors {margin:30px 0 38px;}
.research-honors-label {font:600 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:18px;}
.research-honor-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.research-honor {position:relative;min-width:0;padding:32px;border-radius:8px;}
.research-honor-primary,.research-gold-medal {background:var(--wine);color:var(--paper);}
.research-honor-secondary {background:var(--pista);color:var(--choco);}
.research-award-icon {width:42px;height:42px;}
.research-honor-grid .research-award-icon {position:absolute;top:28px;right:28px;}
.research-honor-primary .research-award-icon,.research-gold-medal .research-award-icon {color:var(--pista);}
.research-honor h4 {font:500 clamp(32px,3.1vw,46px)/1.1 var(--serif);letter-spacing:-.03em;margin:0 60px 22px 0;}
.research-honor-primary h4,.research-gold-medal h4 {color:var(--pista);}
.research-honor-issuer {font:400 14px/1.65 var(--sans);margin:0;max-width:36ch;}
.research-honor-category {font:600 15px/1.65 var(--sans);margin:0 0 16px;max-width:30ch;}
.research-honor-status {display:inline-block;font:500 11px/1.5 var(--sans);letter-spacing:.035em;padding:6px 11px;border:1px solid rgba(250,249,244,.4);margin:20px 0 0;}
.research-gold-medal {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center;}
.research-gold-result {display:flex;align-items:start;gap:24px;min-width:0;}
.research-gold-result .research-award-icon {width:52px;height:52px;flex-shrink:0;}
.research-gold-result h4 {font-size:clamp(40px,4vw,58px);margin-right:0;margin-bottom:16px;}
.research-award-scale {padding-left:32px;border-left:1px solid rgba(250,249,244,.35);}
.research-award-scale>p {font:400 12px/1.6 var(--sans);margin:0;}
.research-award-scale dl {display:flex;gap:42px;margin:14px 0 16px;}
.research-award-scale dl>div {display:flex;flex-direction:column;}
.research-award-scale dt {font:400 12px/1.5 var(--sans);order:2;margin-top:6px;}
.research-award-scale dd {font:400 clamp(32px,3vw,42px)/1 var(--serif);letter-spacing:-.025em;color:var(--pista);margin:0;}
@media(max-width:700px) {
 .research-honors {margin:26px 0 30px;}
 .research-honor-grid,.research-gold-medal {grid-template-columns:minmax(0,1fr);gap:16px;}
 .research-honor {padding:26px 24px;}
 .research-honor-grid .research-award-icon {top:24px;right:20px;width:34px;height:34px;}
 .research-honor h4 {font-size:34px;margin-right:42px;margin-bottom:20px;}
 .research-honor-issuer {font-size:13px;}
 .research-honor-category {font-size:14px;}
 .research-gold-result {gap:16px;}
 .research-gold-result .research-award-icon {width:40px;height:40px;}
 .research-gold-result h4 {font-size:40px;margin-right:0;margin-bottom:14px;}
 .research-gold-medal {gap:24px;}
 .research-award-scale {border-left:0;border-top:1px solid rgba(250,249,244,.35);padding:22px 0 0;}
 .research-award-scale dl {gap:38px;}
}
/* A real homepage preview makes the FeliSilence official site easy to find. */
.feli-website {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:40px;padding:30px;background:var(--pista-soft);border-radius:8px;}
.feli-website-preview {display:block;min-width:0;overflow:hidden;border-radius:6px;border:1px solid rgba(62,32,23,.15);background:var(--paper);}
.website-preview-bar {display:flex;align-items:center;gap:15px;padding:12px 16px;font:400 10px/1.4 var(--sans);color:var(--ink60);border-bottom:1px solid var(--line);}
.website-window-dots {width:6px;height:6px;border-radius:50%;background:var(--pista);box-shadow:10px 0 var(--pista),20px 0 var(--pista);margin-right:20px;}
.feli-website-preview img {width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;display:block;}
.feli-website-copy {min-width:0;}
.feli-website-copy .section-label {font-size:10px;color:var(--wine);margin-bottom:18px;}
.feli-website-copy h3 {font:400 clamp(30px,3vw,43px)/1.1 var(--serif);letter-spacing:-.03em;margin-bottom:20px;}
.feli-website-copy>p:not(.section-label) {font:400 14px/1.8 var(--sans);color:var(--ink60);margin-bottom:24px;}
.feli-website-button {background:var(--wine);border-color:var(--wine);color:var(--paper);font-size:13px;padding:13px 17px;gap:15px;}
.feli-website-button svg {width:19px;height:19px;}
.feli-certificate-link {display:flex;width:max-content;max-width:100%;font-size:12px;margin-top:22px;}
/* Shared chapter cards keep the same proportions in resting and hover states. */
.chapter-hero .chapter-index>div {display:grid;grid-template-columns:repeat(var(--chapter-columns,4),minmax(0,1fr));gap:14px;}
.chapter-hero .chapter-index a,.chapter-hero .chapter-index a:first-child,.chapter-hero .chapter-index a:last-child,.chapter-hero .chapter-index a:nth-child(odd),.chapter-hero .chapter-index a:nth-child(even) {display:grid;grid-template-columns:1fr 22px;grid-template-rows:auto 1fr;gap:16px 10px;min-height:164px;padding:20px;border:1px solid var(--line);border-radius:6px;font-size:clamp(20px,1.7vw,25px);background:transparent;transform:none;transition:background .25s,border-color .25s,color .25s;}
.chapter-hero .chapter-index .index-number {grid-column:1;grid-row:1;font-size:23px;margin:0;}
.chapter-hero .chapter-index a>span:not(.index-number) {grid-column:1/-1;grid-row:2;align-self:start;}
.chapter-hero .chapter-index a svg {grid-column:2;grid-row:1;align-self:center;width:20px;height:20px;}
.chapter-hero .chapter-index a:hover,.chapter-hero .chapter-index a:focus-visible,.chapter-hero .chapter-index a[aria-current='location'] {background:var(--pista-soft);border-color:var(--wine);color:var(--wine);}
.chapter-hero .chapter-index a:hover svg,.chapter-hero .chapter-index a[aria-current='location'] svg {transform:translateX(2px);}
@media(max-width:900px) {
 .feli-website {gap:26px;padding:24px;}
 .chapter-hero .chapter-index>div {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px) {
 .feli-website {grid-template-columns:minmax(0,1fr);gap:26px;padding:20px;margin-top:30px;}
 .feli-website-copy h3 {font-size:34px;}
 .feli-website-copy h3 br {display:none;}
 .feli-website-button {width:100%;justify-content:space-between;}
 .chapter-hero .chapter-index>div {gap:12px;}
 .chapter-hero .chapter-index a,.chapter-hero .chapter-index a:first-child,.chapter-hero .chapter-index a:last-child,.chapter-hero .chapter-index a:nth-child(odd),.chapter-hero .chapter-index a:nth-child(even) {font-size:19px;min-height:164px;padding:16px 14px;gap:14px 8px;}
 .chapter-hero .chapter-index .index-number {font-size:21px;}
 .chapter-hero .chapter-index a svg {width:17px;height:17px;}
}

.chapter-index-three {--chapter-columns:3;}
.chapter-hero .chapter-index a.science-index-link {grid-template-columns:auto 1fr 22px;grid-template-rows:42px 1fr;}
.chapter-hero .chapter-index .science-index-link .index-number {align-self:center;}
.chapter-hero .chapter-index .science-index-link .science-icon {grid-column:2;grid-row:1;justify-self:start;width:42px;height:42px;transform:none;}
.chapter-hero .chapter-index .science-index-link>svg:not(.science-icon) {grid-column:3;grid-row:1;}
.chapter-hero .chapter-index a:focus-visible {outline:2px solid var(--wine);outline-offset:3px;}
@media(max-width:700px) {
 .chapter-hero .chapter-index a.science-index-link {grid-template-columns:auto 1fr 17px;grid-template-rows:34px 1fr;min-height:190px;}
 .chapter-hero .chapter-index .science-index-link .science-icon {width:34px;height:34px;padding:5px;}
}

/* Echo the header's three green sparkles beside the About Me name. */
.about-acrostic .about-title>em {display:flex;align-items:flex-start;gap:.16em;}
.about-sparkles {display:block;width:.5em;height:.5em;flex:0 0 .5em;margin-top:.08em;color:var(--pista);}
.about-sparkles svg {display:block;width:100%;height:100%;}
