.portfolio-main{background-color:#F0F0F0;padding-top:80px;padding-bottom:200px;min-height:calc(100vh - 160px)}.portfolio-container{width:90%;max-width:1100px;margin:0 auto}.portfolio-header{text-align:center;margin-bottom:60px}.portfolio-header h1{font-size:64px;font-weight:600;color:#1C1D1F;margin-bottom:20px}.portfolio-description{font-size:18px;line-height:1.6;color:#555;max-width:600px;margin:0 auto 40px}.portfolio-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.filter-button{font-family:Sora,sans-serif;background-color:transparent;border:1px solid #d1d1d1;color:#555;padding:12px 24px;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{border-color:#1C1D1F;color:#1C1D1F}.filter-button.active{background-color:#1C1D1F;color:#FFFFFF;border-color:#1C1D1F}.portfolio-grid{display:grid;grid-gap:40px;gap:40px}.work-item{background-color:#FFFFFF;padding:60px;border-radius:24px;display:flex;gap:50px;align-items:center;overflow:hidden;border:1px solid #eaeaea}.portfolio-grid .work-item:nth-child(2n){flex-direction:row-reverse}.work-details{flex:1 1}.work-name{font-size:48px;font-weight:600;color:#1C1D1F;margin-bottom:20px}.work-description{font-size:16px;line-height:1.7;color:#555;margin-bottom:30px}.work-case-button{display:inline-flex;align-items:center;white-space:nowrap;gap:8px;font-family:Sora,sans-serif;border:1px solid #1c1d1f;color:var(--color-text-primary);padding:14px 28px;border-radius:30px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s ease}.work-case-button:hover{background-color:#5125FF;border-color:#5125FF;color:#FFFFFF}.work-case-button:after{content:"→";transition:transform .3s ease}.work-case-button:hover:after{transform:translateX(4px)}.work-image-container{flex:1 1;text-align:center}.work-image{width:100%;height:auto;max-width:500px;border-radius:12px;object-fit:cover}@media (max-width:992px){.work-item{flex-direction:column!important; /* !important чтобы перебить nth-child */padding:40px;text-align:center}.work-name{font-size:36px}}@media (max-width:768px){.portfolio-header h1{font-size:48px}}@media (max-width:992px){.work-item{flex-direction:column!important;padding:40px;text-align:center;gap:30px}.work-name{font-size:36px}.work-technologies{justify-content:center}}@media (max-width:768px){.portfolio-header h1{font-size:42px}.portfolio-description{font-size:16px}.work-item{padding:30px 25px;gap:25px}.work-name{font-size:28px;margin-bottom:15px}.work-description{font-size:15px;margin-bottom:25px}.work-technologies{margin-bottom:25px;gap:8px}.work-tech-tag{font-size:13px;padding:6px 14px}.work-case-button{font-size:15px;padding:12px 24px}}