/* Client reviews through October 28, 2026. Keep the established blue brand and portraits. */
:root{--brand-warm:#9b4e28;--brand-blue:#344f95;--copy-soft:#536078}

/* A consistent, slightly quieter type scale with more readable supporting copy. */
h2{font-size:clamp(2.2rem,4.1vw,4.1rem)}
.hero h1{font-size:clamp(2.7rem,4.4vw,4.4rem)}
.page-hero h1{font-size:clamp(2.8rem,5.4vw,5.6rem);line-height:1.08}
.section-heading h2,.display-heading{font-size:clamp(2.35rem,4vw,4.1rem);line-height:1.12}
.vision h2{font-size:clamp(2.3rem,4.2vw,4.4rem)}
.science h2,.science-copy h2{font-size:clamp(2.25rem,3.5vw,3.65rem)}
.leadership h2{font-size:clamp(2.3rem,3.5vw,3.5rem)}
.case h2{font-size:clamp(2.25rem,3.2vw,3.3rem)}
.contact h2{font-size:clamp(2.7rem,5.5vw,5.6rem)}
.profile-copy h1{font-size:clamp(2.8rem,4.8vw,5rem)}
.page-hero p:not(.eyebrow):not(.stage-label),.section-heading>p,.section-head p:not(.eyebrow):not(.section-label){font-size:1.125rem;line-height:1.8}
.intro,.science-copy p,.legacy-item p,.foundation-note p,.news-status p:not(.eyebrow),.program-facts dd{font-size:1.0625rem;line-height:1.8}
.science-figure figcaption,.visual-caption,.case small,.program-note{font-size:.875rem}
.publication p,.research-list .publication p{font-size:.9375rem;line-height:1.75}
.publication>a,.research-list .publication>a{font-size:.875rem;font-weight:600}
.profile-copy p:not(.eyebrow):not(.profile-title):not(.lead){font-size:1.0625rem}
.stage-label{font-size:.78rem}

/* Remove duplicated section labels in the markup; keep remaining context labels compact. */
.eyebrow,.section-label{margin-bottom:18px;text-transform:none;letter-spacing:.04em}
.stage-label{text-transform:none;letter-spacing:.04em}
.section-head,.section-heading{margin-bottom:36px;gap:64px}
.section{padding:76px 0}
.page-hero{min-height:500px;padding:165px 0 72px}
.page-hero-grid{gap:72px}
.page-hero-grid>div:last-child{padding-bottom:0}
.page-hero p:not(.eyebrow):not(.stage-label){margin-bottom:20px}
.vision{padding:90px 0 76px}
.vision-bottom{margin-top:38px;padding-top:22px;gap:46px}
.program,.case,.research,.leadership{padding:78px 0}
.contact{padding:80px 0 60px}
.contact-bottom{margin-top:34px}
.foundation{margin:26px 0 48px;gap:28px}
.foundation p,.process p{font-size:1.0625rem}
.development{gap:56px}
.development h3{font-size:2.6rem}
.development li{padding:18px 0}
.development p{font-size:1.0625rem;line-height:1.75}
.program-note{margin-top:28px;padding-top:18px}

/* Use the same full-color NK/T-cell illustration everywhere scientific imagery appears. */
.hero-image{opacity:.82}
.hero::before{background:linear-gradient(90deg,#080e21ed,#080e2166 58%,#080e212b),linear-gradient(0deg,#080e21,transparent 68%)}
.page-hero::before{background:linear-gradient(90deg,#080e21f0 0%,#080e21c7 40%,#080e2166 74%,#080e2177 100%),linear-gradient(0deg,#080e21 0%,transparent 62%),url("assets/nk-t-cell-visual.png") 78% 50%/cover no-repeat;filter:none}
.science-sticky[data-stage='1'] .science-visual img{filter:none}
.case-art{min-height:430px}
.case-art img{object-position:50% 50%}
.science-image-frame{min-height:420px}
.science-image-frame img{transform:none}
.science-image-frame:hover img{transform:scale(1.035)}
.science-sticky{padding:28px 0 36px}
.science-chapters{padding:28px 0}
.chapter{min-height:380px;padding:40px 0}
.chapter h3{font-size:clamp(1.9rem,2.7vw,2.6rem);margin-bottom:18px}
.chapter p:not(.eyebrow){font-size:1.125rem}

/* Show the science framework together, without a sticky scroll presentation. */
#science{padding:44px 0}
#science .science-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
#science .science-sticky{position:static;top:auto;padding:0}
#science h2{font-size:clamp(2.15rem,3vw,3rem)}
#science .science-visual{max-width:420px;aspect-ratio:1.65;margin-top:22px;border-radius:130px}
#science .science-visual img{transform:none}
#science .visual-caption{max-width:420px;margin-top:14px;font-size:.8125rem;gap:18px}
#science .science-chapters{padding:0}
#science .chapter{min-height:0;padding:18px 0;justify-content:flex-start;transition:none}
#science .chapter:first-child{padding-top:0}
#science .chapter:last-child{padding-bottom:0}
#science .chapter .eyebrow{margin-bottom:6px}
#science .chapter h3{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.2;margin-bottom:8px}
#science .chapter p:not(.eyebrow){font-size:1.0625rem;line-height:1.65}

/* Unnumbered, lower-height content blocks. */
.pillar::before,.milestone::before{display:none;content:none}
.three-up,.milestones{counter-reset:none}
.pillar,.milestone{counter-increment:none}
.pillar,.update,.contact-option,.milestone{min-height:0;padding:24px 28px 26px 0}
.pillar+.pillar,.update+.update,.contact-option+.contact-option,.milestone+.milestone{padding-left:28px}
.pillar h3,.milestone h3,.update h2,.contact-option h2{margin:0 0 14px;font-size:1.5rem}
.pillar p,.milestone p,.update p,.contact-option p{font-size:1.0625rem;line-height:1.75}
.process article{padding-top:26px;padding-bottom:26px}
.process h3{margin:22px 0 16px;font-size:1.5rem}
.process article>span{font-size:.8rem;font-weight:600;color:var(--brand-blue)}
.update .text-link{padding-top:18px}
.news-status-grid{margin-top:44px;gap:44px}
.contact-cta{margin-top:44px;padding:40px}
.contact-cta h2{font-size:clamp(2.3rem,4.2vw,4.4rem)}

/* Logo copper and blue, with dark accessible text on light content blocks. */
.brand-pillars{gap:18px;border:0}
.brand-pillars .pillar{padding:24px;background:#eff3ff;border-top:3px solid var(--blue)}
.brand-pillars .pillar+.pillar{padding-left:24px;border-left:0}
.brand-pillars .pillar:first-child{background:#fff3eb;border-top-color:var(--copper)}
.brand-pillars .pillar:first-child h3{color:var(--brand-warm)}
.brand-pillars .pillar:nth-child(2) h3{color:var(--brand-blue)}
.brand-pillars .pillar:nth-child(3){background:#f0f2fa;border-top-color:var(--brand-blue)}
.foundation-note{padding:32px;border-left:4px solid var(--copper);background:#10182e}
.foundation-note h2{font-size:2rem;line-height:1.2;color:var(--copper);margin-bottom:20px}
.legacy-item{grid-template-columns:225px 1fr;gap:28px;padding:24px 0}
.legacy-item h3{font-size:1.25rem;line-height:1.4;color:var(--brand-blue)}
.vision h2 em{color:var(--brand-blue)}
.section-index{color:var(--brand-warm);font-size:.875rem;font-weight:600}

/* Program labels must never be smaller or lighter than their values. */
.program-facts dt,.program-facts dd{font-size:1.0625rem;padding:16px 0;line-height:1.8}
.program-facts dt{color:#111111;font-weight:600;letter-spacing:0}
.program-facts dd{color:var(--copy-soft)}
.clinical-note{margin-top:28px;padding:20px 24px;font-size:1rem}

/* Retain equal-height cards and bottom links, removing artificial summary space. */
.leadership-profile{padding:20px}
.profile-bio{font-size:1rem;line-height:1.65;margin:12px 0 10px}
.leader-role{font-size:.875rem}
.profile-link{font-size:.875rem}
.person-card{padding-top:20px;padding-bottom:20px}
.person-role{font-size:.875rem}
.person-summary{min-height:0;font-size:1rem;line-height:1.65;margin:14px 0 10px}
.card-link{font-size:.875rem}
.board{margin-top:28px;gap:28px}
.board h3{text-transform:none;font-size:1.125rem;letter-spacing:-.015em}
.board li span:last-child,.board-list span{font-size:inherit}
.section.white:has(.team-grid){padding-bottom:36px}
.section.board-section{padding-top:24px;padding-bottom:48px}
.board-section .section-heading{margin-bottom:26px}
.profile-hero{min-height:580px;padding:150px 0 64px}
.profile-title{margin-bottom:22px}

/* Number-free publication layout; retain titles, DOI/PubMed links and hover highlights. */
.publication{grid-template-columns:minmax(0,1fr) 130px;gap:24px;padding:22px 0}
.research-list .publication{grid-template-columns:minmax(0,1fr) 130px;gap:24px;padding:22px 0}

/* Higher section titles and restrained logo-colored accents on light backgrounds. */
#research,#leadership{padding-top:42px}
#research .section-head,#leadership .section-head{align-items:start;margin-bottom:26px}
.research .section-head h2,.leadership .section-head h2,.section.white .section-heading h2{color:var(--brand-blue)}
.vision .eyebrow,.research .section-label,.section.white .eyebrow{color:var(--brand-warm)}

/* A shorter global footer without reducing the UCLA statement's prominence. */
footer,.site-footer{padding-bottom:16px}
.license-statement,.site-footer .license-statement{padding:24px 0 18px;font-size:19px;font-weight:700;line-height:1.5}
.footer-main{padding:20px 0;gap:40px}
.footer-main p,.footer-meta p{font-size:.875rem;line-height:1.7}
.footer-meta{padding:20px 0;gap:36px}
.footer-links{font-size:.875rem}
.footer-bottom{padding-top:14px;font-size:.8rem}

@media(max-width:1100px){
  #science .science-grid{gap:44px}
  .section-heading,.section-head{gap:42px}
  .foundation-grid{gap:42px}
  .legacy-item{grid-template-columns:180px 1fr;gap:24px}
}
@media(max-width:980px){
  html{scroll-padding-top:78px}
  .header{height:72px}
  .header .brand{font-size:1.45rem}
  .header .menu-toggle{display:flex;gap:12px}
  .header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px 32px;background:#0d152b;border-bottom:1px solid #ffffff30;align-items:stretch;gap:0;white-space:normal}
  .header nav.open{display:flex;flex-direction:column}
  .header nav>a{padding:14px;font-size:1.0625rem}
  .header .nav-contact{margin-top:10px;text-align:center}
}
@media(max-width:860px){
  #science{padding:40px 0}
  #science .science-grid{grid-template-columns:1fr;gap:28px}
  #science .science-visual,#science .visual-caption{max-width:480px}
  .hero h1{font-size:clamp(2.6rem,5.6vw,3.8rem)}
  .page-hero{min-height:0;padding:140px 0 62px}
  .page-hero h1{font-size:clamp(2.7rem,7vw,4.5rem)}
  .page-hero-grid,.section-heading,.section-head{gap:26px}
  .section,.program,.case,.research,.leadership{padding:62px 0}
  .vision{padding:66px 0}
  .science-sticky{padding:56px 0 26px}
  .chapter{min-height:0;padding:28px 0}
  .science-chapters{padding:0 0 28px}
  .pillar,.pillar+.pillar,.milestone,.milestone+.milestone,.update,.update+.update,.contact-option,.contact-option+.contact-option{padding:24px 0}
  .brand-pillars .pillar,.brand-pillars .pillar+.pillar{padding:24px;border-top-width:3px}
  .foundation{margin-bottom:36px}
  .development{gap:26px}
  .science-image-frame{min-height:360px}
  .case-art{min-height:350px}
  .contact{padding:66px 0 48px}
  .board{gap:22px}
  .section.board-section{padding-top:24px;padding-bottom:48px}
  .footer-main,.footer-meta{gap:20px}
}
@media(max-width:620px){
  .hero{padding-top:125px;padding-bottom:130px}
  .hero h1{font-size:clamp(2.35rem,8vw,3rem)}
  .hero-image{opacity:.72}
  .hero-bottom p{font-size:1.0625rem}
  .page-hero{padding:132px 0 54px}
  .page-hero h1{font-size:clamp(2.5rem,10.5vw,3.5rem)}
  .page-hero::before{background:linear-gradient(90deg,#080e21ed,#080e219e),linear-gradient(0deg,#080e21,transparent 70%),url("assets/nk-t-cell-visual.png") 62% 50%/cover no-repeat}
  .section,.program,.case,.research,.leadership{padding:54px 0}
  .section-heading h2,.display-heading,.vision h2,.science h2,.science-copy h2,.leadership h2,.case h2{font-size:2.2rem}
  .section-head,.section-heading{margin-bottom:28px}
  .page-hero p:not(.eyebrow):not(.stage-label),.section-heading>p,.section-head p:not(.eyebrow):not(.section-label){font-size:1.0625rem}
  .process h3{font-size:1.55rem;margin:14px 0 12px}
  .process article,.process article+article{padding-top:22px!important;padding-bottom:22px!important}
  .development h3{font-size:2.2rem}
  .foundation-note{padding:26px}
  .legacy-item{grid-template-columns:1fr;gap:10px}
  .legacy-item h3{font-size:1.2rem}
  .science-image-frame{min-height:300px}
  .program-facts dt{padding-bottom:4px}
  .program-facts dd{padding-top:0}
  .person-card,.person-card:nth-child(n),.person-card+.person-card{padding-top:20px;padding-bottom:20px}
  .profile-copy h1{font-size:2.8rem}
  .profile-hero{min-height:0;padding:125px 0 52px}
  .publication,.research-list .publication{grid-template-columns:minmax(0,1fr);gap:12px}
  .publication>a,.research-list .publication>a{grid-column:1;justify-self:start;min-height:32px}
  .news-status-grid{gap:30px;margin-top:34px}
  .contact-cta{padding:30px 24px;margin-top:34px}
  .contact h2{font-size:2.8rem}
  .contact-bottom{margin-top:28px}
  .license-statement,.site-footer .license-statement{padding:22px 0 16px}
  .footer-main,.footer-meta{padding:18px 0}
}

/* Final client review: uncluttered headings, full-width copy and logo-color panels. */
:root{--brand-violet-surface:#e6e3fb;--brand-orange-surface:#fff0e5}
.vision-bottom{display:block;margin-top:28px;padding-top:20px}
.vision-bottom p{max-width:none;font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.7}
#program .program-intro,.page-hero .page-hero-grid p.program-intro{font-size:1.3125rem;line-height:1.65}
#program .process{gap:14px;border:0}
#program .process article{padding:22px!important;background:var(--brand-violet-surface);border:1px solid #cbc5e9;border-top:3px solid var(--blue);border-radius:5px}
#program .process h3{margin:0 0 14px}
#program .foundation{display:block;margin:24px 0 32px}
#program .development{gap:44px}
#program .development ol{display:grid;gap:12px}
#program .development li,.milestones .milestone{padding:18px 20px;background:var(--brand-orange-surface);border:1px solid #edcfbc;border-left:4px solid var(--copper);border-radius:5px}
.milestones{gap:14px;border:0}
.milestones .milestone h3{color:var(--brand-warm)}
#program .program-note{margin-top:22px;padding-top:16px}
#program{padding-bottom:34px}
#leadership{padding-bottom:32px}
main>.section:has(.milestones){padding-bottom:36px}
.section.white:has(.team-grid){padding-bottom:24px}
.section.board-section{padding-bottom:28px}
body:has(.team-grid) .page-hero{min-height:0;padding-bottom:46px}
@media(max-width:860px){
  #program .development{gap:26px}
}
@media(max-width:620px){
  #program .program-intro,.page-hero .page-hero-grid p.program-intro{font-size:1.1875rem}
  #program .process article{padding:20px!important}
}