.dial-stage{perspective:1100px;height:340px;position:relative;overflow:hidden}@media (min-width:768px){.dial-stage{height:420px}}@media (min-width:1024px){.dial-stage{height:460px}}.dial-item{width:min(62%,320px);transform-style:preserve-3d;transition:transform var(--dur-dial) cubic-bezier(.2, .7, .2, 1), opacity var(--dur-dial) ease-out;will-change:transform;position:absolute;top:50%;left:50%;translate:-50% -50%}.dial-item[data-offset="0"]{opacity:1;z-index:5;transform:translate(0)scale(1)rotateY(0)}.dial-item[data-offset="1"]{z-index:4;transform:translate(46%)scale(.82)rotateY(-28deg)}.dial-item[data-offset="-1"]{z-index:4;transform:translate(-46%)scale(.82)rotateY(28deg)}.dial-item[data-offset="2"]{z-index:3;transform:translate(80%)scale(.7)rotateY(-36deg)}.dial-item[data-offset="-2"]{z-index:3;transform:translate(-80%)scale(.7)rotateY(36deg)}.dial-item[data-offset=hidden]{visibility:hidden;opacity:0;transform:scale(.6)}.dial-item[data-offset="0"] .dial-card{box-shadow:0 24px 48px -16px #0b254573}.dial-photo{transition:opacity var(--dur-dial) ease-out}.dial-item[data-offset="1"] .dial-photo,.dial-item[data-offset="-1"] .dial-photo{opacity:.6}.dial-item[data-offset="2"] .dial-photo,.dial-item[data-offset="-2"] .dial-photo{opacity:.3}.dial-item img{-webkit-user-drag:none}@media (prefers-reduced-motion:reduce){.dial-item,.dial-photo{transition:none}.dial-item[data-offset="1"],.dial-item[data-offset="-1"],.dial-item[data-offset="2"],.dial-item[data-offset="-2"]{opacity:0;visibility:hidden;transform:none}.dial-item[data-offset="0"]{transform:none}}