/* Fixed copy, sliding watches, followed by a scroll-driven photographic story. */
.story-watch-gallery { display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 0; max-width: 680px; width: 100%; margin-inline: auto; }
.story-watch-gallery::-webkit-scrollbar { display: none; }
.story-watch-gallery figure { flex: 0 0 100%; scroll-snap-align: start; transform: none; }
.story-watch-gallery figure:nth-child(2) { transform: none; }
.story-watch-gallery img { height: 490px; }
.watch-gallery-controls { order: 2; display: flex; justify-content: center; align-items: center; gap: 14px; }
.watch-gallery-controls span { font-size: 17px; font-variant-numeric: tabular-nums; margin-right: 10px; color: #103d91; }
.watch-gallery-controls button { width: 52px; height: 52px; border: 1px solid #b9cbe5; border-radius: 50%; background: transparent; color: #103d91; font: inherit; font-size: 24px; cursor: pointer; }
.watch-gallery-controls button:focus-visible, .story-watch-gallery:focus-visible { outline: 3px solid #7495d8; outline-offset: 4px; }
.story-brand-logos { order: 3; }
.story-types .story-type-list { order: 4; }
.story-why.scroll-story { height: 240svh; padding: 0; }
.story-why.scroll-story::before { display: none; }
.scroll-story > .story-shell { position: sticky; top: 0; height: 100svh; display: flex; flex-direction: column; justify-content: center; isolation: isolate; padding-block: 70px; }
.scroll-story > .story-shell::before { content: ''; position: absolute; inset: 0; left: calc((100vw - 100%) / -2); width: 100vw; z-index: -1; background: linear-gradient(90deg,#041529ef,#04152920 80%),url('/assets/imweb/46a383c6298da.jpg') center / cover; }
.scroll-story .story-why-intro { margin-bottom: 35px; }
.scroll-story .story-why-intro h2 { font-size: clamp(42px,5vw,70px); }
.scroll-story .story-benefits { display: grid; grid-template-columns: 1fr; min-height: 150px; max-width: 740px; }
.scroll-story .story-benefit { grid-area: 1 / 1; visibility: hidden; opacity: 0; transform: translateY(20px); border: 0; padding-top: 0; transition: opacity .35s, transform .35s; }
.scroll-story .story-benefit.is-current { visibility: visible; opacity: 1; transform: translateY(0); }
.scroll-story .story-benefit h3 { font-size: clamp(32px,3.5vw,48px); }
.scroll-story .story-benefit p { font-size: 22px; }
.scroll-story .story-why-tail { margin-top: 0; }
@media (max-width: 760px) {
 .story-watch-gallery { max-width: 100%; }
 .story-watch-gallery img { height: 350px; }
 .story-watch-gallery figcaption { font-size: 18px; }
 .story-watch-gallery figcaption span { font-size: 16px; }
 .watch-gallery-controls button { width: 46px; height: 46px; }
 .scroll-story > .story-shell { padding-block: 40px; }
 .scroll-story > .story-shell::before { background: linear-gradient(0deg,#041529ef,#04152966),url('/assets/imweb/46a383c6298da.jpg') 58% center / cover; }
 .scroll-story .story-why-intro { margin-bottom: 35px; }
 .scroll-story .story-why-intro h2 { font-size: 40px; }
 .scroll-story .story-benefits { min-height: 170px; gap: 0; }
 .scroll-story .story-benefit h3 { font-size: 30px; }
 .scroll-story .story-benefit p { font-size: 19px; }
 .scroll-story .story-why-tail > span { display: none; }
}