.project-box{--box-padding-y:  clamp(1rem,.676136rem + 1.43939vw,2.1875rem);--box-padding-x:  clamp(1rem,.590909rem + 1.81818vw,2.5rem);--subtitle-distance:.5rem;max-width:794px;color:var(--white);border-radius:var(--rounded);align-items:flex-end;display:grid;position:relative;overflow:hidden}.project-box:focus:not(:focus-visible){outline:none}.project-box:focus-visible{outline:2px solid var(--focus-color,var(--primary-color));outline-offset:var(--focus-offset,3px)}.project-box>*{grid-area:1/1}.project-box .show-project{pointer-events:none}.project-box img{z-index:1;transition:transform .5s}@media (not (prefers-reduced-motion:reduce)) and (hover:hover) and (pointer:fine){.project-box img:is(.project-box:hover *){transform:scale(1.05)}}.project-box:before{content:"";z-index:2;background:linear-gradient(#0000 60%,#000);grid-area:1/1;height:100%}@media (hover:hover) and (pointer:fine){.project-box:hover{--subtitle-offset-distance:0px}}.project-box .content{z-index:3;margin:var(--box-padding-y)var(--box-padding-x);position:relative}.project-box .content h3{margin:0;transition:transform .5s;position:absolute;bottom:0;left:0;right:0}@media (hover:none),(pointer:coarse){.project-box .content h3{transform:translateY(calc(-1*(var(--base-font-size)*var(--base-line-height) + var(--subtitle-distance))))}}@media (hover:hover) and (pointer:fine){.project-box .content h3:is(.project-box:hover *){transform:translateY(calc(-1*(var(--base-font-size)*var(--base-line-height) + var(--subtitle-distance))))}}.project-box .content .button{transition-property:transform,opacity;transition-duration:.5s}@media (hover:hover) and (pointer:fine){.project-box .content .button{transform:translateY(100%)translateY(var(--subtitle-distance));opacity:0}.project-box .content .button:is(.project-box:hover *){opacity:1;transform:none}}
/*# sourceMappingURL=css-shared-template--project-box.css.map*/