/* Coverflow carousels (app/components/Coverflow.tsx). The cards keep their
   carousel.css look; this file only lays them out in 3D around the centre. */
.cf-stage{position:relative;max-width:var(--wrap-max);margin:0 auto;height:calc(var(--cf-card) * .6667 + 116px);perspective:1400px;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
.cf-stage:focus-visible{outline:3px solid var(--navy-l);outline-offset:6px;border-radius:24px}
.cf-card{position:absolute;top:18px;left:50%;width:var(--cf-card);max-width:none;flex:none;margin-left:calc(var(--cf-card) / -2);cursor:pointer;will-change:transform;box-shadow:0 18px 44px rgba(26,46,110,.14)}
.cf-card.active{cursor:default;box-shadow:0 26px 60px rgba(26,46,110,.22)}
.cf-card .svc-photo{height:auto;aspect-ratio:3/2}
.cf-card:not(.active) .svc-photo::after{background:linear-gradient(160deg,rgba(15,29,74,.32) 0%,rgba(15,29,74,.5) 100%)}
.cf-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#services .carousel-dots,#who .carousel-dots{margin-top:22px}