.portfolio-project{padding:20px 0}.portfolio-project h2{font-size:7vw;font-style:normal;line-height:1.2;margin:0;padding:0 3rem;text-align:center;text-transform:uppercase}.portfolio-project h2:hover,.portfolio-project.open h2{font-weight:700}.portfolio-project .project-toggle{background:none;border:none;cursor:pointer;text-align:left;width:100%}@media(max-width:749px){.project-toggle .client-name:before{content:"+";display:inline-block;margin-right:.5em;font-weight:700;transition:transform .2s ease}.portfolio-project.open .project-toggle .client-name:before{content:"\2013";transform:translateY(1px)}.portfolio-project h2{text-align:left}}.portfolio-project .project-details{background:#f7f3e7;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .4s ease;padding:0 32px}.portfolio-project.open .project-details{max-height:5000px;opacity:1;padding:16px 3rem 60px}.project-inner+.project-inner{padding-top:40px}.portfolio-project h3{color:#0a3e1e;font-weight:700;margin-top:0}.portfolio-project p{font-size:16px}.portfolio-project .image-grid{display:grid;grid-template-columns:repeat(1fr);gap:20px;margin-top:30px}.portfolio-project .image-wrapper{aspect-ratio:.88;overflow:hidden}.portfolio-project .image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width:750px){.portfolio-project .project-details{padding:0 60px;text-align:center}.portfolio-project.open .project-details{padding:16px 60px 60px}.portfolio-project .image-grid{grid-template-columns:repeat(3,1fr)}.portfolio-project h2{font-size:50px}}@media screen and (min-width:990px){.portfolio-project h2{font-size:3.3vw}.portfolio-project p{font-size:1.4vw;max-width:1200px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-portfolio.css.map */