/* Adapted from the supplied mobile-motion.css for the Powtutor homepage. */
:root{--motion-ease:cubic-bezier(.22,.61,.36,1)}
.city-panel{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.city-panel h3{font-size:13px;font-weight:500;margin-bottom:16px}
html{scroll-behavior:smooth}
a,button{-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}
.button,.language-card,.round-arrow{transition:transform .35s var(--motion-ease),box-shadow .35s ease,background-color .25s ease}
@media(hover:hover){.button:hover{transform:translateY(-2px)}.language-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #173d340a}.purpose-list>a:hover .round-arrow{transform:rotate(45deg);background:#e6eadd}}
.motion-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--motion-ease),transform .7s var(--motion-ease)}
.motion-reveal.is-visible{opacity:1;transform:none}
@media(max-width:767px){a,button,summary,select{touch-action:manipulation}.card-link,.region-links a,.header-cta,summary{min-height:44px}.motion-reveal{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-reveal{opacity:1;transform:none}}
@media print{.motion-reveal{opacity:1;transform:none}.mobile-dock,.site-header{position:static}.hero-art{max-width:350px}}