.portfolio-page{width:100%}.portfolio-overview{will-change:transform;transform-origin:50%;width:min(1200px,88%);margin:0 auto;padding:120px 0;transition:transform 1s cubic-bezier(.22,.61,.36,1)}.portfolio-overview a.portfolio-item{color:inherit;text-decoration:none}.portfolio-item{cursor:pointer;align-items:center;gap:150px;margin-bottom:140px;transition:max-width .4s,gap .4s,transform .4s;display:flex;position:relative}.portfolio-item.reverse{flex-direction:row-reverse}.portfolio-image{aspect-ratio:1;align-self:center;min-width:0;position:relative;overflow:hidden}.portfolio-item .portfolio-image{flex:none;width:min(480px,46vw);max-width:100%}.portfolio-image>*{width:100%;height:100%}.portfolio-image:after{content:"";opacity:0;background:#00000014;transition:opacity .4s;position:absolute;inset:0}.portfolio-item:hover .portfolio-image:after{opacity:1}.portfolio-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.portfolio-item:hover .portfolio-image img{transform:scale(1.04)}.portfolio-content{flex:.9;position:relative}.portfolio-content h2{letter-spacing:5px;text-transform:uppercase;color:#111;margin-bottom:24px;font-family:Montserrat SemiBold;font-size:clamp(25px,2vw,45px);font-weight:600;line-height:1.1;position:relative}.portfolio-content h2:after{content:"";background:#af1e23;width:70px;height:2px;position:absolute;bottom:-14px;left:0}.portfolio-content p{color:#555;letter-spacing:.5px;margin-bottom:18px;font-size:14px;font-weight:500;line-height:1.7}.portfolio-content p.description{color:#444;margin-bottom:10px;font-size:12px;font-weight:300;line-height:1.8}.portfolio-content a,.portfolio-content .view-project{letter-spacing:3px;text-transform:uppercase;color:#111;align-items:center;gap:10px;margin-top:24px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.portfolio-content a:after,.portfolio-content .view-project:after{content:"→";transition:transform .3s}.portfolio-content a:hover,.portfolio-content .view-project:hover{color:#af1e23;letter-spacing:4px}.portfolio-content a:hover:after,.portfolio-content .view-project:hover:after{transform:translate(6px)}.portfolio-item{z-index:5}.portfolio-item .portfolio-content{flex:auto;min-width:0}.portfolio-item,.portfolio-image,.portfolio-content{transition:all .5s cubic-bezier(.22,.61,.36,1)}.portfolio-content h2,.portfolio-content p,.portfolio-content p.description{transition:font-size .3s,line-height .3s}.portfolio-item:hover{transform:translateY(-4px)}@media (max-width:1024px){.portfolio-overview{width:92%;padding:100px 0}.portfolio-item{gap:50px;margin-bottom:110px}.portfolio-item .portfolio-image{width:min(420px,52vw)}.portfolio-content h2{font-size:42px}}@media (max-width:768px){.portfolio-item,.portfolio-item.reverse{flex-direction:column;gap:30px;margin:80px 0}.portfolio-content{width:100%;max-width:100%;padding:0}.portfolio-item .portfolio-image{width:min(100%,420px);margin-left:auto;margin-right:auto}.portfolio-content h2{letter-spacing:3px;font-size:28px}.portfolio-content a,.portfolio-content .view-project{margin-top:18px}}.project-description-wrapper,.project-description{width:100%}.project-description p{color:#555;letter-spacing:.5px;margin:0;font-size:14px;font-weight:500;line-height:1.7}.project-description.expanded{max-height:180px;padding-right:6px;overflow-y:auto}.project-description.expanded::-webkit-scrollbar{width:4px}.project-description.expanded::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.read-more-btn{cursor:pointer;letter-spacing:2px;text-transform:uppercase;color:#111;background:0 0;border:none;margin-top:10px;padding:0;font-size:12px;font-weight:600;transition:all .3s}.read-more-btn:hover{color:#af1e23}.sync-reveal-page:not(.is-ready) .portfolio-category-page,.sync-reveal-item:not(.is-ready) .portfolio-content{visibility:hidden}.sync-reveal-item:not(.is-ready) .portfolio-image,.sync-reveal-banner:not(.is-ready){background:#e0ddd8}