.portfolio-header{background:var(--primaryGrey);padding-top:var(--headerSpace)}.portfolio-header .container{display:flex;justify-content:space-between;align-items:baseline}@media (max-width:767px){.portfolio-header .container{flex-direction:column;align-items:flex-start;gap:var(--s2)}}.portfolio-header h1{color:#fff}.portfolio-header__menu{position:fixed;top:0;right:0;z-index:9999999;background:#fff;height:100vh;width:100%;max-width:30rem;transform:translate(100%,0)}.portfolio-list{position:relative;padding:var(--s3)0 var(--s4)}.portfolio-list:before{content:"";position:absolute;top:0;left:0;width:100%;height:clamp(100px,20vw,250px);background:var(--primaryGrey)}.portfolio-list .container{position:relative;row-gap:var(--s2)}@media (max-width:767px){.portfolio-list .container{padding:0}}.portfolio-list .card-portfolio{position:relative;grid-column:span 4;text-decoration:none;color:var(--primaryGrey)}@media (max-width:1199px){.portfolio-list .card-portfolio{grid-column:span 6}}@media (max-width:767px){.portfolio-list .card-portfolio{grid-column:span 12}}.portfolio-list .card-portfolio.hidden{display:none}.portfolio-list .card-portfolio .img-wrap{overflow:hidden;aspect-ratio:16/11;margin-bottom:var(--s1)}@media (max-width:767px){.portfolio-list .card-portfolio .img-wrap{margin:0}}.portfolio-list .card-portfolio .img-wrap img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1);will-change:transform}@media (max-width:767px){.portfolio-list .card-portfolio .content{padding:var(--s2)}}.portfolio-list .card-portfolio .logo-wrap{aspect-ratio:10/2;max-width:40%;margin-bottom:7px}@media (max-width:767px){.portfolio-list .card-portfolio .logo-wrap{max-width:70%}}.portfolio-list .card-portfolio .logo-wrap img{display:block;width:100%;height:100%;-o-object-position:0 center;object-position:0 center;-o-object-fit:contain;object-fit:contain}.portfolio-list .card-portfolio__content .title{font-family:var(--titleFontFamily);font-weight:var(--titleFontWeight);font-size:30px;line-height:30px;text-transform:uppercase;padding:5px 0}.portfolio-list .card-portfolio__content ul{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:0 3rem;font-size:var(--P4)}.portfolio-list .card-portfolio__content ul li{margin-top:8px;display:flex;flex-direction:column;text-decoration:none;gap:1px;line-height:var(--P3_LH)}.portfolio-list .card-portfolio__content ul li span:first-child{font-weight:var(--bodyFontWeightBold);color:var(--primaryGrey)}