/* base for the static build */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:#FAF8FB}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #5A3E7A;outline-offset:3px}
#work,#studio,#hello{scroll-margin-top:16px}
@media (max-width: 760px){
  .jft-slide{flex-basis:280px!important}
}
@media (max-width: 1000px){
  .jft-phones{gap:12px!important}
  .jft-phones img{width:28%!important}
}
@media (max-width: 760px){
  .jft-anim nav>div>a:not(:last-child){padding:8px 2px!important}
}
@media (max-width: 760px){
  footer a,a[href="/work/"]:not(nav a){display:inline-block;padding:10px 0}
}