/* Keep the marker in view as the viewport changes from wide to tall. */
.trail-finale>img{object-position:48% center;transform:translate3d(0,var(--scene-y,0px),0) scale(1.02)!important}
@media(min-width:701px) and (max-width:1100px){
 .trail-finale>img{object-position:42% center}
 .finale-content h2{font-size:clamp(55px,7.1vw,78px)}
 .finale-content{padding-top:145px;padding-bottom:170px}
 .finale-shade{background:linear-gradient(90deg,#071d15e8,#10251c88 55%,#10251c33),linear-gradient(0deg,#10251cbb,transparent 40%)}
}
@media(max-width:700px){
 .trail-finale{min-height:0;background:#142c22;display:flex;flex-direction:column}
 .trail-finale>img{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:48% center;transform:none!important;will-change:auto}
 .finale-shade{z-index:1;inset:0 0 auto;height:62.5vw;background:linear-gradient(0deg,#142c22,transparent 30%),linear-gradient(180deg,#142c2277,transparent 30%);pointer-events:none}
 .finale-top{z-index:2;top:20px;padding-bottom:15px}
 .finale-content{padding:30px 7% 45px;position:relative;z-index:2}
 .finale-content h2{font-size:12vw!important}
 .finale-bottom{position:relative;left:auto;right:auto;bottom:auto;padding:0 7% 30px;z-index:2}
}
@media(prefers-reduced-motion:reduce){.trail-finale>img{transform:none!important}}
@media(min-width:1500px){.trail-finale>img{object-position:65% center}}