/* C2 approved people-first creative direction; isolated static preview. */
@layer creative {
  .site-header {top:0;}
  .site-header.is-scrolled {top:0;}
  html {scroll-padding-top:88px;}
  .hero {padding-top:124px;min-height:auto;}
  .hero-grid {grid-template-columns: .95fr 1.05fr;gap:54px;align-items:center;min-height:560px;}
  .hero-copy {padding-bottom:30px;}
  .hero h1 {font-size:clamp(49px,5.4vw,78px);line-height:1.035;max-width:680px;}
  .hero-lede {font-size:19px;line-height:1.62;max-width:610px;}
  .hero-welcome {max-width:590px;margin-top:28px;color:#dbe8dc;font-size:15px;line-height:1.6;border-top:1px solid #395545;padding-top:19px;}
  .hero-welcome strong {color:#f1d980;}
  .hero-human {position:relative;margin:0 0 26px;border-radius:26px;overflow:hidden;box-shadow:0 28px 70px #030c06aa;background:#244334;}
  .hero-human img {width:100%;height:485px;object-fit:cover;object-position:center;}
  .photo-callout {position:absolute;bottom:26px;left:26px;max-width:320px;padding:18px 22px;border-radius:12px;background:#fffdf5;color:#173126;box-shadow:0 16px 26px #0004;}
  .photo-callout span {display:block;color:#1a6b3a;font-size:11px;font-weight:900;letter-spacing:.09em;margin-bottom:5px;}
  .photo-callout b {display:block;font-family:Georgia,serif;font-size:23px;line-height:1.18;font-weight:600;}
  .image-note {position:absolute;right:13px;top:11px;border-radius:40px;color:#ffffff;background:#0b1711b9;padding:3px 9px;font-size:10px;line-height:1.3;}
  .hero-research {display:none;}
  body[data-concept=research] .hero-human {display:none;}
  body[data-concept=research] .hero-research {display:block;max-width:100%;width:620px;transform:none;}
  body[data-concept=research] .hero-grid {grid-template-columns:.95fr 1.05fr;}
  .proof-strip {min-height:76px;}
  .mission-intro {background:#eaf2e9;padding:86px 0;}
  .mission-intro-grid {display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start;}
  .mission-intro h2 {margin-top:19px;font-size:clamp(41px,4.4vw,63px);line-height:1.08;}
  .mission-intro h2 em {color:#237044;}
  .mission-intro-right>p {font-size:18px;line-height:1.76;color:#2b4839;margin-bottom:18px;}
  .mission-intro-right strong {font-weight:700;color:#143c25;}
  .mission-link {display:inline-block;margin-top:13px;font-weight:800;text-decoration:none;color:#13572f;border-bottom:2px solid #b7a149;padding-bottom:7px;}
  .mission-link:hover {color:#092b18;}
  @media (max-width:1080px) {
    .hero-grid,body[data-concept=research] .hero-grid {grid-template-columns:1fr;gap:25px;min-height:auto;}
    .hero-copy {max-width:770px;}
    .hero-human {width:100%;}
    body[data-concept=research] .hero-research {justify-self:center;}
  }
  @media (max-width:800px) {
    .hero {padding-top:110px;}
    .hero h1 {font-size:clamp(46px,10vw,68px);}
    .hero-human img {height:340px;}
    .mission-intro-grid {grid-template-columns:1fr;gap:22px;}
    .mission-intro {padding:62px 0;}

  }
  @media (max-width:520px) {
    .hero {padding-top:108px;}
    .hero h1 {font-size:clamp(46px,12vw,58px);}
    .hero-lede {font-size:17px;}
    .hero-human {border-radius:18px;}
    .hero-human img {height:310px;object-position:center;}
    .photo-callout {left:12px;right:12px;bottom:12px;max-width:none;padding:10px 13px;}
    .photo-callout b {font-size:17px;}
    .image-note {font-size:9px;right:8px;top:8px;}
    .hero-welcome {margin-top:22px;}
    .mission-intro-right>p {font-size:16px;}

    body[data-concept=research] .hero-research {max-width:100%;}
  }
  /* C2: mission benefits and a human-understandable research journey. */
  .access-section{padding:78px 0;background:#fffdf8;color:#173628;}
  .access-heading{max-width:830px;margin:0 auto 34px;text-align:center;}
  .access-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.12;margin:10px 0 12px;}
  .access-heading>p:last-child{font-size:18px;color:#53675b;}
  .access-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}
  .access-grid article{border:1px solid #d9e7db;background:#f4f8f2;border-radius:17px;padding:24px 21px;min-width:0;}
  .access-symbol{display:flex;width:42px;height:42px;justify-content:center;align-items:center;border:1px solid #bfd5c3;border-radius:50%;font-size:17px;color:#17643b;font-weight:800;margin-bottom:18px;}
  .access-grid h3{font-size:19px;line-height:1.23;margin:0 0 9px;color:#123923;}
  .access-grid p{font-size:15px;line-height:1.65;color:#4d6053;}
  .moment-section{background:#e8f2e8;color:#193c28;padding:100px 0;}
  .moment-grid{display:grid;grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);gap:64px;align-items:center;}
  .moment-copy h2{font-size:clamp(38px,4.2vw,60px);line-height:1.07;margin:12px 0 24px;}
  .moment-copy h2 em{color:#267046;}
  .moment-copy>p:not(.eyebrow):not(.moment-disclaimer){font-size:17px;line-height:1.75;color:#415748;margin-bottom:18px;}
  .moment-link{font-weight:800;color:#155e36;text-decoration:none;border-bottom:2px solid #e8bd4c;padding-bottom:8px;display:inline-block;margin:12px 0 18px;}
  .moment-disclaimer{font-size:12px!important;color:#5e7164!important;}
  .moment-steps{padding:12px;margin:0;list-style:none;background:#fff;border:1px solid #c9decf;border-radius:24px;box-shadow:0 19px 50px #17341f16;}
  .moment-steps li{display:flex;gap:18px;align-items:start;margin:0;padding:21px 19px;border-bottom:1px solid #e5eee5;}
  .moment-steps li:last-child{border-bottom:0;}
  .moment-steps li>span{flex:0 0 42px;height:42px;display:flex;justify-content:center;align-items:center;background:#eaf4e9;border-radius:12px;color:#17643b;font-weight:800;}
  .moment-steps b{font-size:19px;color:#183b28;}
  .moment-steps p{font-size:15px;line-height:1.5;color:#526355;margin-top:6px;}
  .moment-steps small{font-size:12px;font-weight:800;color:#1b6e43;text-transform:uppercase;letter-spacing:.045em;}
  @media (max-width:950px){.access-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.moment-grid{grid-template-columns:1fr;gap:32px;}}
  @media (max-width:520px){.access-section,.moment-section{padding:63px 0;}.access-grid{grid-template-columns:1fr;gap:11px;}.access-grid article{padding:20px;}.access-heading>p:last-child{font-size:16px;}.moment-steps li{padding:17px 11px;gap:12px;}.moment-steps b{font-size:17px;}.moment-steps p{font-size:14px;}}

}
/* C3: accessible text-led historical film outline, no unverified playback */
.film-outline { margin-top: 1.15rem; padding: .8rem 1.1rem; border: 1px solid rgba(227,231,224,.28); border-radius: 16px; background: rgba(255,255,255,.06); }
.film-outline summary { display: list-item; cursor: pointer; font-weight: 700; line-height: 1.5; }
.film-outline summary:focus-visible { outline: 3px solid #e9c750; outline-offset: 4px; }
.film-outline summary span { float: right; color: #ffda5e; }
.film-outline[open] summary span { transform: rotate(45deg); }
.film-outline ol { list-style: decimal; padding-left: 1.25rem; margin: .85rem 0; display: grid; gap: .75rem; }
.film-outline li { padding-left: .3rem; }
.film-outline li b, .film-outline li span { display: block; }
.film-outline li span, .film-outline p { color: #e8eee8; font-size: .94rem; line-height: 1.65; }
.film-outline p { margin: .75rem 0 .25rem; }