.sinam-story { scroll-margin-top: 140px; }
.sinam-scene { position: relative; isolation: isolate; overflow: hidden; background: #eef3f6; }
.sinam-scene > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; }
.sinam-scene-inner { min-height: 430px; display: flex; align-items: center; padding-block: 50px; }
.sinam-scene-copy { max-width: 500px; width: 45%; }
.sinam-scene-eyebrow { font-size: 13px; font-weight: 700; color: #3e6e76; margin: 0 0 18px; }
.sinam-english .sinam-scene h2 { color: #203b61; font-size: 32px; line-height: 1.5; margin: 0 0 24px; }
.sinam-scene-description { color: #516672; font-size: 15px; line-height: 1.9; margin: 0; }
.sinam-scene-educator { background: #183f55; }
.sinam-scene-educator .sinam-scene-eyebrow { color: #badde4; }
.sinam-english .sinam-scene-educator h2 { color: #fff; }
.sinam-scene-educator .sinam-scene-description { color: #d7e8f0; }
.sinam-scene-reading::before { content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(20,47,65,.78); }
.sinam-scene-reading .sinam-scene-inner { justify-content: center; }
.sinam-scene-reading .sinam-scene-copy { width: 100%; max-width: 700px; text-align: center; }
.sinam-scene-reading .sinam-scene-eyebrow { color: #c1dfdd; }
.sinam-english .sinam-scene-reading h2 { color: #fff; }
.sinam-scene-reading .sinam-scene-description { color: #e1edf1; }
.sinam-story-summary { text-align: center; padding: 65px 0 32px; background: #f3f6fa; }
.sinam-english .sinam-story-summary h2 { color: #203b61; font-size: 29px; line-height: 1.5; margin: 0 0 22px; }
.sinam-story-summary > .container > p:not(.ref-eyebrow) { color: #687a85; font-size: 14px; line-height: 1.9; }
.sinam-story-points { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 26px 0; margin: 35px 0 30px; border-block: 1px solid #e1e8ee; }
.sinam-story-points > div { padding: 10px 12px; min-width: 0; }
.sinam-story-points > div + div { border-left: 1px solid #e1e8ee; }
.sinam-story-points dt { font-size: 12px; color: #76838e; }
.sinam-story-points dd { margin: 9px 0 5px; font-size: 24px; font-weight: 800; color: #203b61; }
.sinam-story-points span { display: block; font-size: 12px; color: #687a85; }
.sinam-story-summary > .container > p.sinam-story-disclosure { font-size: 11px; margin: 0; }
@media (min-width:1600px) { .sinam-scene-inner { min-height: 480px; } }
@media (max-width:1100px) and (min-width:721px) {
  .sinam-scene-inner { min-height: 340px; padding-block: 36px; }
  .sinam-english .sinam-scene h2 { font-size: 25px; }
  .sinam-scene-description { font-size: 13px; }
  .sinam-scene-copy { width: 44%; }
  .sinam-scene-description br { display: none; }
}
@media (max-width:720px) {
  .sinam-scene { display: flex; flex-direction: column; }
  .sinam-scene > img { position: static; order: 2; width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: contain; z-index: auto; }
  .sinam-scene-inner { min-height: 0; padding-block: 34px 28px; }
  .sinam-scene-copy { width: 100%; max-width: none; }
  .sinam-english .sinam-scene h2 { font-size: 26px; margin-bottom: 18px; }
  .sinam-scene-eyebrow { font-size: 12px; margin-bottom: 12px; }
  .sinam-scene-description { font-size: 14px; }
  .sinam-scene-description br { display: none; }
  .sinam-scene-reading { background: #183f55; }
  .sinam-scene-reading::before { display: none; }
  .sinam-scene-reading .sinam-scene-copy { text-align: left; }
  .sinam-story-summary { padding: 44px 0 26px; }
  .sinam-english .sinam-story-summary h2 { font-size: 25px; }
  .sinam-story-points { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 0; padding: 22px 0; }
  .sinam-story-points > div:nth-child(3) { border-left: 0; }
  .sinam-story-points dd { font-size: 21px; }
}