.development-portfolio .introduction{display:block;padding:1lh 1em;max-width:70ex;margin-left:auto}.development-portfolio .projects-grid{padding:0;margin:2lh 0 0;list-style-type:none;display:grid;grid-gap:2lh;box-sizing:border-box;max-width:100%;width:100%}@media(min-width: 800px){.development-portfolio .projects-grid{grid-gap:20px;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr))}}.development-portfolio .portfolio-hero{display:flex;width:100%;overflow:hidden}.development-portfolio .portfolio-hero .hero-project{flex:0 0 100%;width:100%}.development-portfolio .hero-project{display:flex;margin-right:5vw}.development-portfolio .hero-project .image{flex:0 1 50%;padding:0 0 30%;position:relative;height:0;margin-right:2vw;display:block}.development-portfolio .hero-project .image img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:top}.development-portfolio .hero-project .body{flex:1 0 40%;padding:2lh 5vw;box-sizing:border-box;background:#fff}.development-portfolio .project{box-sizing:border-box;list-style-type:none;width:100%;position:relative}.development-portfolio .project .project-link{color:inherit;text-decoration:none;outline:none}.development-portfolio .project .project-link:hover,.development-portfolio .project .project-link:focus{outline:none}.development-portfolio .project .project-link:hover .project-title,.development-portfolio .project .project-link:focus .project-title{transform:translateY(-110%)}.development-portfolio .project .project-link:hover .thumbnail,.development-portfolio .project .project-link:focus .thumbnail{border-radius:0;border-width:3px}.development-portfolio .project .thumbnail{display:block;border-radius:100%;transition:border-radius .2s .1s;overflow:hidden;border:1px solid #000}.development-portfolio .project .thumbnail,.development-portfolio .project .thumbnail img{display:block;width:100%;max-width:100%;height:auto}.development-portfolio .project .project-title{font-size:1.4rem;position:absolute;top:0;left:0;z-index:2;opacity:1;width:auto;padding:.3lh 1em;transition:transform .3s;transform:translateY(0)}