.portfolio{height:600vh;position:relative}.pList{position:sticky;top:0;display:flex;height:100vh;width:max-content}.pItem{height:100vh;width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:100px}.pImg{width:40%;border-radius:20px;overflow:hidden}.pImg img{width:100%;height:100%;object-fit:cover}.pText{width:40%;display:flex;flex-direction:column;gap:24px}.pText h2{font-size:56px}.pText p{font-weight:300}.pText a{background-color:pink;padding:12px;border-radius:10px;border:none;font-weight:500;cursor:pointer}.pProgress{position:sticky;width:80px;height:80px;left:100%;bottom:80px}.pItem:nth-child(3){background:linear-gradient(to right,transparent,#260622)}.pItem:nth-child(4){background:linear-gradient(to right,#260622,#02222e)}.pItem:nth-child(5){background:linear-gradient(to right,#02222e,#12071f)}.pItem:nth-child(6){background:linear-gradient(to right,#12071f,transparent)}@media (max-width: 1536px){.pItem{gap:50px}}@media (max-width: 1280px){.pItem h1{font-size:48px}}@media (max-width: 1024px){.portfolio{height:auto}.pList{position:initial;flex-direction:column;height:auto;width:100%;gap:40px}.pItem{height:auto;flex-direction:column;width:100%}.pImg,.pText{width:80%}.pProgress{width:40px;height:40px;left:100%;bottom:40px}.pItem h1{font-size:24px}.pItem:nth-child(3),.pItem:nth-child(4),.pItem:nth-child(5),.pItem:nth-child(6){background:none}}