/* v23.2.44 video hero (slot): poster first (the poster is the hero image), the loop fades in over it when it plays. Phone: mobile loop or only the poster; reduced motion: only the poster. */
.sw .bg picture{display:contents}
.sa-vhero{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sa-vhero video{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;opacity:0;transition:opacity .9s ease;background:transparent}
.sa-vhero.is-playing video{opacity:1}
.sw .credit .cr-m{display:none}
@media(max-width:760px){.sw .credit .cr-d{display:none}.sw .credit .cr-m{display:inline}}
@media(prefers-reduced-motion:reduce){.sa-vhero{display:none}}
/* v23.2.45 hero text block anchored at the top (Ella 11.10.): the horses and riders stand in the lower third, the sky is free; dark gradient at the top for the white title */
.sw .k1.sa-vtop{align-items:flex-start}
.sw .k1.sa-vtop::before{background:linear-gradient(180deg,rgba(10,14,20,.62) 0%,rgba(10,14,20,0) 55%),linear-gradient(0deg,rgba(15,20,26,.55) 0%,rgba(15,20,26,.12) 32%,rgba(15,20,26,0) 60%)}
.sw .k1.sa-vtop .in{padding-top:clamp(18px,3vh,40px);padding-bottom:0}
@media(min-width:761px){.sw .k1.sa-vtop h1{font-size:calc(var(--h1) * .58);line-height:1;margin:4px 0 8px}.sw .k1.sa-vtop h1 br{display:none}.sw .k1.sa-vtop.sa-v2l h1 br{display:inline}.sw .k1.sa-vtop .row{margin-top:12px}}   /* desktop: one line, the block stays above the horses */
/* Ripples & Reins: two-line title (the riders fill the middle), narrow subtitle; on the phone the riders fill the image, so the block sits at the bottom below their legs, without subtitle */
@media(min-width:761px){.sw .k1.sa-vtop.sa-v2l .ser{max-width:440px}}
@media(max-width:760px){
.sw .k1.sa-vtop.sa-vbm{align-items:flex-end}
.sw .k1.sa-vtop.sa-vbm .in{padding-top:0;padding-bottom:28px}
.sw .k1.sa-vtop.sa-vbm .ser{display:none}
.sw .k1.sa-vtop.sa-vbm::before{background:linear-gradient(0deg,rgba(15,20,26,.72) 0%,rgba(15,20,26,.25) 38%,rgba(15,20,26,0) 62%)}
}