.project-logo-hero{justify-content:center;align-items:center;min-height:50vh;padding:8em 2rem 4vh;display:flex}.project-logo-hero__frame{width:min(38.5vw,31.5em);position:relative}.project-logo-hero__layer{object-fit:contain;opacity:0}.project-logo-hero__layer--base{animation:2s both projectLogoHeroFadeIn}.project-logo-hero__layer--overlay{animation:2s 2s both projectLogoHeroFadeIn}@keyframes projectLogoHeroFadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:767px){.project-logo-hero{min-height:40vh;padding-bottom:2vh}.project-logo-hero__frame{width:min(59.5vw,21em)}}@media (prefers-reduced-motion:reduce){.project-logo-hero__layer--base,.project-logo-hero__layer--overlay{opacity:1;animation:none}}