*{padding:0;margin:0;box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{background:linear-gradient(to bottom,#12071f,#2f204e);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:#fff}.container{max-width:1536px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}section{height:100vh;scroll-snap-align:center}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.portfolio{height:900vh;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}.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)}.pProgress{position:sticky;width:80px;height:80px;left:0;bottom:80%}.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 h1{font-size:56px}.pText p{font-weight:300}.pText a{width:fit-content}.pText button{background-color:pink;padding:12px;border-radius:10px;border:none;font-weight:500;cursor:pointer}@media (max-width: 1536px){.pItem{gap:50px}}@media (max-width: 1280px){.pText h1{font-size:48px}}@media (max-width: 1024px){.pItem{flex-direction:column}.pImg,.pText{width:80%}.pProgress{bottom:100px;left:100%}}@media (max-width: 768px){.pProgress{width:50px;height:50px}}