/* 1440 reference: three 260 x 397 photos and one 348 x 583 active photo. */
.connection-section .grt-container{position:relative}
.connection-heading{position:absolute;top:0;left:12px;width:68%;z-index:2;margin:0;padding-right:24px}
.connection-stage{position:relative;height:583px;overflow:hidden;touch-action:pan-y}
.connection-photo{position:absolute;bottom:0;left:102%;width:21.6%;height:397px;padding:0;border:0;background:none;opacity:0;pointer-events:none;transition:left .55s ease,width .55s ease,height .55s ease,opacity .35s ease,border-radius .55s ease}
.connection-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.connection-photo[data-slot="0"]{left:0}
.connection-photo[data-slot="1"]{left:23.1%}
.connection-photo[data-slot="2"]{left:46.2%}
.connection-photo[data-slot="3"]{left: 69.7%;width: 30.3%;;height:583px;border-radius:30px}
.connection-photo[data-slot="0"],.connection-photo[data-slot="1"],.connection-photo[data-slot="2"],.connection-photo[data-slot="3"]{opacity:1;pointer-events:auto}
.connection-carousel>.connection-prev{left:calc(70.7% - 29px);top:50%}
.connection-carousel>.connection-next{right:-15px;top:50%}
.connection-photo:focus-visible{outline:3px solid var(--yellow);outline-offset:-4px}
@media(max-width:991.98px){
 .connection-heading{position:relative;left:0;width:100%;margin-bottom:24px}
 .connection-stage{height:440px}
 .connection-photo{height:295px}
 .connection-photo[data-slot="3"]{height:440px}
}
@media(max-width:575.98px){
 .connection-stage{height:280px}
 .connection-photo{height:180px}
 .connection-photo[data-slot="3"]{height:280px;border-radius:12px 0 24px 0}
 .connection-carousel>.round-arrow{width:30px;height:30px}
 .connection-carousel>.connection-prev{left:calc(70.7% - 15px)}
 .connection-carousel>.connection-next{right:-5px}
}
@media(prefers-reduced-motion:reduce){.connection-photo{transition:none}}