/* Horizontal featured carousel: independent, versioned and not combined by LiteSpeed. */

.mt-home .mt-featured{min-width:0;max-width:100%;margin:0;}
.mt-home .mt-featured-track{display:flex;flex-flow:row nowrap;align-items:stretch;gap:0;position:relative;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--ink);}
.mt-home .mt-featured-track::-webkit-scrollbar{display:none;}
.mt-home .mt-featured-slide{display:flex;flex:0 0 100%;width:100%;min-width:100%;max-width:100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;}
.mt-home .mt-featured-slide .lead{width:100%;margin:0;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);}
.mt-home .mt-featured .lead-visual img{max-height:none;width:100%;height:100%;}
.mt-home .mt-featured-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:14px 16px;background:#171717;border-top:1px solid #494440;}
.mt-home .mt-featured-controls[hidden]{display:none;}
.mt-home .mt-featured-controls button{min-height:44px;min-width:44px;padding:8px 13px;margin:0;border:1px solid #736b63;border-radius:6px;background:transparent;color:#fff9f2;font-size:13px;font-weight:700;line-height:1.2;}
.mt-home .mt-featured-controls button:hover{border-color:#ffd1bd;background:#302822;}
.mt-home .mt-featured-controls button:focus-visible{outline:3px solid #ffc857;outline-offset:2px;}
@media(max-width:650px){.mt-home .mt-featured-slide .lead{grid-template-columns:minmax(0,1fr);}.mt-home .mt-featured-controls{gap:7px;padding:12px 8px;}.mt-home .mt-featured-controls button{padding:8px 10px;}}
.mt-home .mt-featured-position{min-width:4em;text-align:center;color:#fff9f2;font-size:12px;font-weight:700;}

/* Keep the image a bounded panel, including picture wrappers from image optimization. */
.mt-home .mt-featured .lead-visual{display:block;overflow:hidden;}
.mt-home .mt-featured .lead-visual picture{display:block;width:100%;height:100%;}
@media(max-width:650px){
 body:is(.home,.mt-editorial) .mt-home .mt-featured .lead{min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;}
 body:is(.home,.mt-editorial) .mt-home .mt-featured .lead h2{font-size:clamp(25px,6.7vw,30px);line-height:1.18;letter-spacing:-.45px;}
 .mt-home .mt-featured .lead-copy{padding:24px;}
 .mt-home .mt-featured .lead-visual{min-height:0;aspect-ratio:16/10;width:100%;align-self:end;}
}
