
.ow{--ow-r:var(--radius-lg,18px)}
.ow-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 18px}
.ow-tab{appearance:none;border:1px solid var(--line,#d9dee8);background:#fff;color:var(--navy,#0a162e);font:inherit;font-weight:600;font-size:.95rem;padding:10px 18px;border-radius:999px;cursor:pointer;min-height:44px}
.ow-tab[aria-selected="true"]{background:var(--navy,#0a162e);border-color:var(--navy,#0a162e);color:#fff}
.ow-tab:focus-visible,.ow-arrow:focus-visible,.ow-thumb:focus-visible,.ow-track:focus-visible{outline:3px solid var(--red,#d7262e);outline-offset:3px}
.ow-tab small{font-weight:400;opacity:.75;margin-left:4px}
.ow-stage{position:relative;max-width:1100px;margin:0 auto}
.ow-track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:var(--ow-r);background:var(--navy,#0a162e);scroll-behavior:smooth;touch-action:pan-x pan-y}
.ow-track::-webkit-scrollbar{display:none}
.ow-slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;margin:0;position:relative}
.ow-slide[hidden]{display:none}
.ow-slide figure{margin:0;position:relative}
.ow-slide picture{display:block;aspect-ratio:4/3;width:100%;background:#1a2742}
.ow-slide img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#1a2742}
.ow-slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 16px;background:linear-gradient(to top,rgba(6,14,31,.88),rgba(6,14,31,0));color:#fff;display:flex;flex-direction:column;gap:2px}
.ow-cap{font-weight:600;font-size:1.05rem;line-height:1.3}
.ow-credit{font-size:.9rem;opacity:.85}
.ow-tag{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);color:var(--navy,#0a162e);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.ow-arrow{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:var(--navy,#0a162e);box-shadow:0 6px 20px rgba(6,14,31,.25);display:grid;place-items:center;cursor:pointer;z-index:2;transition:transform .2s ease,opacity .2s ease}
.ow-arrow svg{width:22px;height:22px}
.ow-arrow:hover{transform:scale(1.06)}
.ow-arrow[disabled]{opacity:.35;cursor:default;transform:none}
.ow-prev{left:12px}.ow-next{right:12px}
.ow-meta{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:12px auto 0;color:var(--muted,#5b6578);font-size:.92rem}
.ow-thumbs{display:flex;gap:10px;max-width:1100px;margin:12px auto 0;padding:4px 2px 8px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
.ow-thumb{flex:0 0 auto;width:96px;padding:0;border:0;background:none;border-radius:10px;overflow:hidden;cursor:pointer;opacity:.55;transform:scale(.94);transition:opacity .2s ease,transform .2s ease;scroll-snap-align:start}
.ow-thumb[hidden]{display:none}
.ow-thumb img{display:block;width:96px;height:72px;object-fit:cover}
.ow-thumb[aria-current="true"]{opacity:1;transform:none;box-shadow:0 0 0 3px var(--red,#d7262e)}
.ow-note{text-align:center;color:var(--muted,#5b6578);font-size:.92rem;margin:18px auto 0;max-width:640px}
.ow-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
@media (min-width:900px){.ow-thumb,.ow-thumb img{width:128px}.ow-thumb img{height:96px}.ow-prev{left:-24px}.ow-next{right:-24px}}
@media (max-width:600px){.ow-arrow{width:42px;height:42px;margin-top:-21px}.ow-slide figcaption{padding:36px 14px 12px}.ow-cap{font-size:.98rem}}

@media (prefers-reduced-motion:reduce){.ow-track{scroll-behavior:auto}.ow-arrow,.ow-thumb{transition:none}}
.ow-lite .ow-track{scroll-behavior:auto}.ow-lite .ow-arrow,.ow-lite .ow-thumb{transition:none}


.ow-track{touch-action:pan-x pan-y}
@media (pointer:coarse){
 .ow-arrow{top:auto;bottom:-56px;margin-top:0;width:44px;height:44px;box-shadow:0 3px 10px rgba(6,14,31,.18)}
 .ow-arrow svg{width:20px;height:20px}
 .ow-prev{left:auto;right:52px}.ow-next{right:0}
 .ow-meta{min-height:44px;margin-top:12px;padding-right:108px;justify-content:flex-start;gap:14px}
}
@media (pointer:coarse) and (max-width:600px){
 .ow-stage{margin-left:8px;margin-right:8px}
 .ow-meta{margin-left:8px;margin-right:8px}
}


html,body{overscroll-behavior-x:none}
.ow-track{overscroll-behavior-x:auto}
