/* Optional project-page motion. Content stays visible before JavaScript runs. */
.project-page .project-motion-frame{position:relative;width:100%;overflow:hidden;isolation:isolate;background:#dce8f4}
.project-page .project-motion-frame .project-hero-photo{display:block;transform-origin:50% 65%}
.project-page .project-facts>div{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.project-page .project-related-card{transition:transform .32s cubic-bezier(.2,.7,.3,1),box-shadow .32s ease,border-color .32s ease}
.project-page .project-hero .btn,.project-page .project-contact .btn{transition:transform .25s ease,background .2s ease,box-shadow .25s ease}
.project-page .project-related-card:focus-visible{outline:3px solid #2453c7;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
  .project-page .project-facts>div:hover{transform:translateY(-4px);border-color:#bdd0f5;box-shadow:0 12px 28px #3268ed0a}
  .project-page .project-related-card:hover{transform:translateY(-7px);border-color:#bdd0f5;box-shadow:0 18px 38px #3268ed16}
  .project-page .project-hero .btn:hover,.project-page .project-contact .btn:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
  .project-page .project-motion-frame,.project-page .project-motion-frame .project-hero-photo,.project-page .project-facts>div,.project-page .project-related-card,.project-page .project-hero .btn,.project-page .project-contact .btn{transition:none!important;animation:none!important;transform:none!important;clip-path:none!important;opacity:1!important}
}