.captain-slider{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:14px;max-width:960px;margin:0 auto 32px;direction:ltr}
.captain-stage{position:relative;min-width:0;border-radius:20px;overflow:hidden;background:#123aad;isolation:isolate}
.captain-slide{position:relative;height:450px;overflow:hidden;color:white;background:#123aad}
.captain-slide[hidden]{display:none}
.captain-slide:not([hidden]){animation:captain-reveal .48s cubic-bezier(.16,1,.3,1) both}
@keyframes captain-reveal{from{clip-path:inset(0 5% 0 0);filter:brightness(.88)}to{clip-path:inset(0);filter:brightness(1)}}
.captain-art{position:absolute;right:0;top:0;height:100%;width:77%;object-fit:cover;object-position:right center}
.captain-slide:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#123aad 0%,#123aad 23%,#123aadcc 34%,transparent 60%)}
.captain-copy{position:relative;z-index:1;width:49%;padding:57px 0 75px 38px}
.captain-copy h2{font-family:Poppins,sans-serif;font-size:38px;font-weight:700;line-height:1.16;letter-spacing:-.035em;margin:0 0 20px;color:inherit;text-wrap:balance}
.captain-copy h2 em{font-style:normal;color:#ffe16a}
.captain-copy p{font-size:14px;line-height:1.8;color:#e7eeff;max-width:290px;margin:0 0 27px}
.captain-cta{display:inline-flex;align-items:center;gap:22px;padding:13px 18px;background:#ffe16a;color:#122650;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}
.captain-cta svg,.captain-controls svg,.captain-peek svg{width:20px;height:20px}
.captain-cta:hover{background:#fff0ad;transform:translateY(-2px)}
.captain-controls{position:absolute;z-index:2;bottom:20px;left:38px;display:flex;align-items:center;gap:14px;color:white;font-size:12px;font-variant-numeric:tabular-nums}
.captain-controls button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff70;background:#0b296c;color:white;border-radius:50%;cursor:pointer}
.captain-prev svg{transform:rotate(180deg)}
.captain-controls button:hover{background:#1d56d7}
.captain-peek{position:relative;overflow:hidden;border:0;border-radius:20px;background:#ffe5a0;padding:0;cursor:pointer;text-align:left}
.captain-peek img{height:100%;width:100%;object-fit:cover;object-position:65% center;transition:transform .4s ease}
.captain-peek:hover img{transform:scale(1.06)}
.captain-peek span{position:absolute;inset:auto 0 0;min-height:110px;background:#ffe5a0;color:#15264d;padding:18px 12px;display:flex;flex-direction:column;gap:10px;font:600 12px/1.5 Poppins,sans-serif}
.captain-slide.gold{background:#ffe5a0;color:#14254c}
.captain-slide.gold:after{background:linear-gradient(90deg,#ffe5a0 0%,#ffe5a0 23%,#ffe5a0cc 34%,transparent 60%)}
.captain-slide.gold h2 em{color:#1940ac}
.captain-slide.gold p{color:#30416b}
.captain-slide.gold .captain-cta{background:#163eb2;color:#fff}
.captain-slider[data-active="1"] .captain-controls{color:#172c58}
.captain-slider :focus-visible{outline:3px solid #fff;outline-offset:4px}
.captain-peek:focus-visible{outline-color:#ffe16a}
html[dir="rtl"] .captain-copy{direction:rtl;text-align:right}
body.editorial .compact-intro{max-width:960px;margin-inline:auto}
@media(max-width:900px){.captain-slider{grid-template-columns:minmax(0,1fr) 78px;gap:10px}.captain-slide{height:400px}.captain-copy{padding-left:25px;width:52%}.captain-copy h2{font-size:30px}.captain-controls{left:25px}.captain-peek span{font-size:10px;padding:12px 8px}}
@media(max-width:600px){.captain-slider{display:block;margin:0 auto 26px}.captain-slide{height:570px}.captain-art{top:auto;bottom:0;width:100%;height:340px;object-fit:cover;object-position:right bottom}.captain-slide:after{background:linear-gradient(180deg,#123aad 0%,#123aad 36%,transparent 60%)}.captain-slide.gold:after{background:linear-gradient(180deg,#ffe5a0 0%,#ffe5a0 36%,transparent 60%)}.captain-copy{padding:26px 24px;width:100%}.captain-copy h2{font-size:31px;max-width:300px;margin-bottom:12px}.captain-copy p{font-size:12px;max-width:280px;margin-bottom:17px}.captain-cta{font-size:12px;padding:11px 14px}.captain-controls{left:auto;right:15px;bottom:15px;background:#0b296c;padding:5px 8px;border-radius:24px;color:white!important}.captain-peek{display:none}}
@media(prefers-reduced-motion:reduce){.captain-slider *{transition:none!important;animation:none!important}}
/* Sliding scene: both panels occupy the same fixed stage during transitions. */
.captain-stage{height:450px}
.captain-stage .captain-slide{position:absolute;inset:0;width:100%;height:100%;animation:none!important;will-change:transform}
.captain-pause{margin-left:5px}
@media(max-width:900px){.captain-stage{height:400px}}
@media(max-width:600px){.captain-stage{height:570px}}
/* Compact catalogue heading and direct-manipulation slider. */
body .catalog-heading{min-height:60px;padding:8px 20px;gap:14px;align-items:center}
body .catalog-heading h2{font-size:25px;line-height:1.2;letter-spacing:-.035em}
body .catalog-heading label{font-size:11px;gap:10px}
body .catalog-heading .sort-picker{width:155px}
body .catalog-heading .sort-picker .ts-control{min-height:36px;padding:8px 28px 8px 12px;border:0;border-radius:9px;font-size:11px}
.captain-stage{cursor:grab;touch-action:pan-y;user-select:none}
.captain-stage.is-dragging,.captain-stage.is-dragging *{cursor:grabbing!important}
.captain-stage img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.captain-stage:focus-visible{outline:3px solid #ffdb53;outline-offset:-4px}
@media(max-width:600px){body .catalog-heading{min-height:54px;padding:7px 12px}body .catalog-heading h2{font-size:22px}body .catalog-heading label{font-size:0}body .catalog-heading .sort-picker{width:138px}}
body .catalog-heading{margin-bottom:0}