.mps-home-story { min-height: min(880px,calc(100svh - var(--nav-h,92px))); padding: 3rem 0 10rem; justify-content: flex-start; text-align: left; background: #122933; }
.mps-home-story::before { background: linear-gradient(90deg,rgba(5,20,28,.78),rgba(5,20,28,.38) 48%,rgba(5,20,28,.05)),linear-gradient(0deg,rgba(5,20,28,.88),transparent 45%); }
.mps-home-story__images { position: absolute; inset: 0; z-index: -2; }
.mps-home-story__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 65% center; opacity: 0; transition: opacity 1s ease; }
.mps-home-story__image.is-active { opacity: 1; animation: mps-story-drift 10s linear both; }
@keyframes mps-story-drift { from { transform: scale(1); } to { transform: scale(1.045); } }
.mps-home-story .hero-content { width: min(100% - 6rem,1180px); max-width: 1180px; margin-inline: auto; padding: 1rem 0; }
.mps-home-story h1 { max-width: 18ch; font-size: clamp(2.6rem,4.5vw,3.8rem); font-weight: 600; }
.mps-home-story .hero-sub { max-width: 48ch; margin-left: 0; font-size: 1.05rem; }
.mps-home-story .hero-ctas { justify-content: flex-start; }
.mps-home-story__footer { position: absolute; bottom: 1.5rem; left: 0; right: 0; }
.mps-home-story__caption { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; padding-right: 4rem; font-size: .8rem; color: #f4eadc; }
.mps-home-story__caption p { margin: 0; color: #f4eadc; }
.mps-home-story__caption a { color: #f0d5ab; text-underline-offset: .3em; }
.mps-home-story__controls { display: flex; align-items: stretch; gap: 1rem; border-top: 1px solid rgba(228,201,159,.4); padding-top: 1rem; }
.mps-home-story__controls[hidden] { display: none; }
.mps-home-story__controls [role="group"] { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .6rem; flex: 1; }
.mps-home-story__controls button { cursor: pointer; color: #f8f1e5; background: rgba(12,30,38,.65); border: 1px solid rgba(228,201,159,.35); border-radius: 4px; padding: .7rem .8rem; font: inherit; font-size: .8rem; text-align: left; }
.mps-home-story__controls button[aria-pressed="true"] { color: #142a32; background: #e4c99f; border-color: #e4c99f; }
.mps-home-story__number { display: block; font-size: .6rem; letter-spacing: .1em; margin-bottom: .25rem; opacity: .7; }
.mps-home-story__pause { max-width: 125px; }
.mps-home-story a:focus-visible,.mps-home-story button:focus-visible { outline: 3px solid #f0d5ab; outline-offset: 4px; }
.mps-home-story.is-paused .mps-home-story__image { animation-play-state: paused; }
@media (max-width:760px) {
 .mps-home-story { min-height: 820px; padding-top: 2.5rem; padding-bottom: 21rem; }
 .mps-home-story::before { background: linear-gradient(90deg,rgba(5,20,28,.76),rgba(5,20,28,.3)),linear-gradient(0deg,rgba(5,20,28,.93),transparent 65%); }
 .mps-home-story .hero-content { width: calc(100% - 3rem); }
 .mps-home-story h1 { font-size: clamp(2.5rem,9vw,3.8rem); }
 .mps-home-story__caption { align-items: flex-start; flex-direction: column; gap: .5rem; }
 .mps-home-story__controls { flex-direction: column; gap: .7rem; }
 .mps-home-story__controls [role="group"] { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .mps-home-story__controls button { font-size: .75rem; padding: .6rem; }
 .mps-home-story__pause { max-width: none; text-align: center !important; }
 .mps-home-story__footer { bottom: 1.2rem; }
}
@media (prefers-reduced-motion:reduce) {
 .mps-home-story__image { transition: none; animation: none !important; }
}