/* Scene images fill their existing frames at every viewport size. */
.safety-page main .media.fit img,
.safety-page main .gallery-item > .media.fit img,
.safety-page main .story-frame.fit > img,
.safety-page main .highlight-visual.fit > img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
}
.safety-page main .tab-panel > .media { padding: 0; }
@media(max-width:734px){.safety-page .hero-image{object-position:72% center}}
.safety-page .value-hero{display:block;max-width:1080px;margin-top:70px}
.safety-value-intro{padding:42px 48px;border-radius:24px;background:var(--surface)}
.safety-value-intro .eyebrow{font-size:16px;color:var(--muted);margin-bottom:18px}
.safety-value-intro h3{font-size:clamp(26px,3vw,38px);margin-bottom:20px}
.safety-value-intro p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.7}
.safety-page .value-sources article>strong:empty{display:none}
.safety-value-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.safety-value-next article{padding:28px;border-radius:20px;background:var(--surface)}
.safety-value-next h4{font-size:20px;margin:0 0 12px}
.safety-value-next p{color:var(--muted);font-size:16px;line-height:1.6}
@media(max-width:734px){.safety-page .value-hero{margin-top:38px}.safety-value-intro{padding:28px}.safety-value-next{grid-template-columns:1fr;gap:12px}.safety-value-next article{padding:22px}}