/* Homepage integration: media replaces the example card; journal replaces teasers. */
.hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,4vw,65px); }
.hero h1 { font-size:clamp(3.4rem,5.5vw,6rem); }
.hero-intro { font-size:1rem; }
.hero-film { width:100%; min-width:0; position:relative; z-index:2; background:#e8edde; padding:20px; border:1px solid #d0dac6; box-shadow:0 24px 60px #0a163316; }
.hero-film-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:3px 0 18px; color:#46583a; font:500 9px/1.6 var(--mono); letter-spacing:.06em; }
.hero-film-top > span:first-child { color:var(--cobalt); }
.hero-film h2 { margin:20px 0 10px; font-size:clamp(25px,2.6vw,36px); line-height:1.12; }
.hero-film > p { margin:0 0 8px; font-size:12px; color:#59684e; line-height:1.75; }
.hero-film .media-credit { font-size:10px; }
.hero-film .learning-player { position:relative; }
.hero-film .player-picture { position:relative; aspect-ratio:16/9; background:#1739a0; overflow:hidden; }
.hero-film video { width:100%; height:100%; display:block; object-fit:contain; }
.hero-film .film-play { position:absolute; inset:0 0 42px; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; border:0; background:linear-gradient(transparent,#00103522); color:white; cursor:pointer; }
.hero-film .film-play > span:last-child { font-size:10px; background:#092047d9; padding:6px 12px; border-radius:2px; }
.hero-film .play-symbol { display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:#f6f7ee; color:var(--cobalt); padding-left:3px; font-size:19px; }
.hero-film .transcript { font-size:11px; color:#516045; border-top:1px solid #c9d4be; margin-top:15px; }
.hero-film summary { cursor:pointer; padding:12px 0 3px; }
.hero-film .transcript p { padding:10px 0; line-height:1.9; }
.hero-film [data-media-error] { font-size:12px; color:#85351d; }
.hero-film [hidden] { display:none!important; }
.finance-motion { opacity:.45; }
.home-journal { padding:65px clamp(1.25rem,7vw,8rem); max-width:1600px; margin:auto; border-top:1px solid #d4dcd0; }
.home-journal .section-heading { margin-bottom:35px; }
.home-journal .section-heading h2 { font-size:clamp(2rem,3.2vw,3.3rem); margin:12px 0; }
.home-journal .section-heading > a { align-self:end; white-space:nowrap; }
.home-journal .stories-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.home-journal .story-card { display:flex; flex-direction:column; min-width:0; border-bottom:1px solid #d1d9cb; padding-bottom:20px; }
.home-journal .story-art { display:block; aspect-ratio:680/420; overflow:hidden; }
.home-journal .story-art svg { width:100%; height:100%; display:block; }
.home-journal .story-meta { display:flex; justify-content:space-between; gap:8px; font:500 9px/1.5 var(--mono); color:#5a684d; text-transform:uppercase; margin:18px 0 12px; }
.home-journal h3 { font:500 clamp(22px,2.1vw,30px)/1.18 var(--serif); letter-spacing:-.025em; margin:0 0 13px; }
.home-journal h3 a { text-decoration:none; }
.home-journal .story-card > p { font-size:12px; line-height:1.75; color:#5b6755; margin:0 0 22px; }
.home-journal .story-link { display:flex; justify-content:space-between; font-size:12px; color:var(--cobalt); text-decoration:none; font-weight:600; margin-top:auto; }
@media(max-width:960px) {
  .hero { grid-template-columns:1fr; }
  .hero-film { max-width:660px; justify-self:center; }
  .hero-film h2 { font-size:32px; }
}
@media(max-width:700px) {
  .hero h1 { font-size:clamp(3.1rem,9vw,4rem); }
  .hero-film { padding:16px; }
  .hero-film-top { font-size:8px; }
  .hero-film h2 { font-size:28px; }
  .hero-film .play-symbol { width:44px; height:44px; font-size:15px; }
  .hero-film .film-play { gap:6px; }
  .home-journal .stories-grid { grid-template-columns:1fr; gap:30px; }
  .home-journal .section-heading { display:block; }
  .home-journal .section-heading > a { display:inline-block; margin-top:15px; }
  .home-journal h3 { font-size:29px; }
  .home-journal .story-card > p { font-size:14px; }
}