/* Shared site styles: accessibility, motion and phone-size adjustments */
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img{max-width:100%}
h1,h2,h3{overflow-wrap:break-word}
a:focus-visible,button:focus-visible{outline:3px solid #327C75;outline-offset:3px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media (max-width: 960px){
  .hero-chip{display:none!important}
}
@media (max-width: 640px){
  nav[style*="max-width:1280px"],header[style*="max-width:1280px"],section[style*="max-width:1280px"],
  div[style*="max-width:1280px"],p[style*="max-width:1280px"]{padding-left:20px!important;padding-right:20px!important}
  section[style*="padding:110px"],section[style*="padding:120px"],div[style*="padding:110px"],div[style*="padding:100px"]{padding-top:72px!important;padding-bottom:72px!important}
  h2{font-size:38px!important}
  .panel{padding:24px!important}
  .tile div:first-child{font-size:30px!important}
  .tile{padding:18px!important;min-height:0!important}
}
@media (max-width: 640px){
  h1{font-size:46px!important}
  .words{white-space:nowrap}
}