.portfolio-project-media{outline:1px solid transparent;outline-offset:3px;transition:box-shadow .22s ease,outline-color .22s ease,translate .22s ease}
.portfolio-project-media img{transition:transform .35s ease,filter .25s ease;transform-origin:center}
.portfolio-project-title span,.portfolio-project-description span{transition:color .2s ease,text-shadow .2s ease}
.portfolio-project-media.is-project-emphasis{outline-color:#edf0f2b3;box-shadow:0 14px 30px #0005;translate:0 -3px}
.portfolio-project-media.is-project-emphasis img{transform:scale(1.025);filter:brightness(1.08) contrast(1.04)}
.portfolio-project-title.is-project-emphasis p:last-child span{color:#fff!important;text-shadow:.35px 0 currentColor,-.15px 0 currentColor}
.portfolio-project-description.is-project-emphasis span{color:#e2e6e8!important}
.portfolio-action{transition:background-color .2s ease,box-shadow .2s ease,outline-color .2s ease;outline:1px solid transparent;outline-offset:-1px}
.portfolio-action a{transition:color .2s ease,text-shadow .2s ease}
.portfolio-action:focus-within{background:#2b2b2b;box-shadow:0 6px 16px #0002;outline-color:#2b2b2b}
.portfolio-action:focus-within a{color:#fff!important;text-shadow:.3px 0 currentColor}
nav a{transition:background-color .2s ease,box-shadow .2s ease,text-shadow .2s ease}
.portfolio-home #language-switch button{border-radius:4px;transition:background-color .2s ease,text-shadow .2s ease}
nav a:focus-visible{background:#dce2e6;box-shadow:inset 0 -2px #304254;outline:2px solid #304254;outline-offset:2px}
.portfolio-home #language-switch button:focus-visible{background:#ffffff24}
@media(hover:hover) and (pointer:fine){
  .portfolio-action:hover{background:#2b2b2b;box-shadow:0 6px 16px #0002;outline-color:#2b2b2b}
  .portfolio-action:hover a{color:#fff!important;text-shadow:.3px 0 currentColor}
  nav a:hover{background:#dce2e6;box-shadow:inset 0 -2px #304254;text-shadow:.3px 0 currentColor}
  .portfolio-home #language-switch button:hover{background:#ffffff24;text-shadow:.3px 0 currentColor}
}
@media(prefers-reduced-motion:reduce){
  .portfolio-project-media,.portfolio-project-media img,.portfolio-project-title span,.portfolio-project-description span,.portfolio-action,.portfolio-action a,nav a,.portfolio-home #language-switch button{transition:none}
  .portfolio-project-media.is-project-emphasis{translate:none}
  .portfolio-project-media.is-project-emphasis img{transform:none}
}