html,body{height:100%}body{font-size:16px}*:focus-visible{outline:none}a,button,input,textarea,select{touch-action:manipulation}

#mobileMenu{opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}
#mobileMenu.is-open{display:block;opacity:1;transform:translateY(0)}

.flip-card{perspective:1200px}
.flip-inner{position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.flip-card:hover .flip-inner,.flip-card:focus-within .flip-inner{transform:rotateY(180deg)}
.flip-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;min-height:260px}
.flip-back{position:absolute;inset:0;transform:rotateY(180deg)}

.scroll-panel{transition-property:opacity,transform;transition-duration:700ms;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
.scroll-panel.in-view{opacity:1;transform:translateX(0)}

@media (prefers-reduced-motion: reduce){
  #mobileMenu{transition:none}
  .flip-inner{transition:none}
  .scroll-panel{transition:none}
}