/* One full-slide photograph within the shared page content width. */
.news-section{position:relative;padding:0;background:#101010;color:#fff}
.news-track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.news-track::-webkit-scrollbar{display:none}
.news-slide{position:relative;isolation:isolate;flex:0 0 100%;min-width:0;box-sizing:border-box;height:clamp(215px,24vw,345px);scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:flex-end;padding:24px max(40px,calc((100% - 1240px)/2)) 76px}
.news-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.news-slide::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000c 0%,#0007 30%,#0000 75%);pointer-events:none}
.news-caption{max-width:900px}
.news-caption p{margin:0 0 16px;color:#fff}
.news-caption h2{margin:0;color:#fff;}
.news-navigation{position:absolute;z-index:2;bottom:10px;left:max(40px,calc((100% - 1240px)/2));right:max(40px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:24px}
.news-topics{display:flex;gap:8px}
.news-topics button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent}
.news-topics button span{width:22px;height:3px;background:#ffffff70;transition:background .2s}
.news-topics button[aria-current] span{background:#738561;height:5px}
.news-topics button:hover span{background:#fff}
.news-position{white-space:nowrap;color:#fff;}
.news-controls{display:flex;gap:24px;margin-left:auto}
.news-controls button{min-height:44px;border:0;padding:8px 0;background:none;color:#fff}
.news-controls button:disabled{opacity:.35;cursor:default}
.news-controls button:not(:disabled):hover{text-decoration:underline;text-underline-offset:5px}
.news-section button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.news-track:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(max-width:760px){
 .news-slide{height:clamp(210px,60vw,290px);padding:16px 24px 64px}
 .news-caption p{margin-bottom:8px}
 .news-navigation{left:20px;right:20px;bottom:8px;gap:8px}
 .news-controls{gap:16px}
 .news-position{display:none}
}
@media(max-width:350px){.news-controls{gap:8px}.news-navigation{gap:8px}.news-topics button{width:40px}.news-slide{padding-inline:16px}}

/* Prepared campaign artwork: preserve the entire image and keep controls clear. */
.news-track{aspect-ratio:2480 / 690}
.news-slide{height:100%}
.news-slide-artwork{padding:0;display:block}
.news-slide-artwork::after{display:none}
.news-artwork,.news-artwork img{display:block;width:100%;height:100%}
.news-artwork img{object-fit:contain}
.news-navigation{position:relative;inset:auto;min-height:56px;padding:0 24px}
@media(max-width:760px){
 .news-track{aspect-ratio:1050 / 702}
 .news-slide{height:100%}
 .news-navigation{inset:auto;padding-inline:16px}
}

/* Spacing around the unframed news carousel. */
.news-section{margin-top:32px}
@media(min-width:1051px){.news-slide:not(.news-slide-artwork){padding-inline:clamp(40px,4vw,88px)}}
@media(max-width:760px){.news-section{margin-top:24px}}

.news-artwork-link{background:#fff}
.news-artwork-link:focus-visible{outline:3px solid #738561;outline-offset:-3px}

/* Quiet pagination below the automatically rotating slides. */
.news-navigation{justify-content:center;min-height:48px}
