.sample-project-page{background-color:var(--base-100)}.sample-project-page h3{font-size:4rem}.sample-project-page .project-header{width:100vw;height:50svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1.5em;padding-bottom:3em;text-align:center}.sample-project-page .project-header p{margin-bottom:2rem}.sample-project-page .project-banner-img{position:relative;width:100%;height:100svh;overflow:hidden}.sample-project-page img{width:100%;height:100%;object-fit:cover}.sample-project-page .project-banner-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.sample-project-page .project-details{width:55%;padding:8rem 1rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4rem;margin:0 auto 4rem}.sample-project-page .details{display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem}.sample-project-page .project-images{background-color:var(--fg);color:var(--bg);padding:4em 2em}.sample-project-page .project-images-container{width:75%;margin:0 auto;display:flex;flex-direction:column;gap:2em}.sample-project-page .project-img{position:relative;width:100%;height:80svh;border-radius:1rem;overflow:hidden}.sample-project-page .project-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.sample-project-page .next-project{width:100vw;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5em;text-align:center}.sample-project-page .next-project-img{position:relative;width:35%;height:400px;border-radius:1rem;overflow:hidden}.sample-project-page .next-project-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.sample-project-page .project-cta{width:100%;padding:8rem 2rem;background-color:var(--base-100);text-align:center}.sample-project-page .project-cta .container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.sample-project-page .project-cta h2{font-size:4rem;margin-bottom:1rem}.sample-project-page .deliverables-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;width:100%}.sample-project-page .deliverable-item{font-size:3rem;line-height:1.4;font-weight:400;color:var(--base-400);margin:0;padding:0}@media (max-width:1000px){.sample-project-page{padding-top:4rem}.sample-project-page .project-header{padding:6rem 1.25rem 2rem;margin-bottom:2rem}.sample-project-page .project-details{width:100%;padding:4rem 1.25rem;gap:3rem}.sample-project-page .project-details .details{margin-bottom:2rem}.sample-project-page h3{font-size:1.75rem;line-height:1.3;word-wrap:break-word}.sample-project-page .project-images{padding:4rem 1.25rem}.sample-project-page .project-images-container{width:100%;gap:1.25rem}.sample-project-page .next-project{padding:2rem 1.25rem}.sample-project-page .next-project-img{width:100%;max-width:400px}.sample-project-page .project-img{height:auto;min-height:40svh;max-height:60svh}.sample-project-page .project-cta{padding:4rem 1.25rem;margin-top:2rem}.sample-project-page .project-cta .container{padding:0}.sample-project-page .project-cta h2{font-size:2rem;line-height:1.2;margin-bottom:1rem}.sample-project-page .deliverable-item{font-size:1.5rem;line-height:1.5;word-wrap:break-word}.sample-project-page .deliverables-list{gap:1.5rem;margin-top:1rem}}