.sample-project-page{background-color:#f6f6f6}.sample-project-page h3{font-size:2.25rem}.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 h1{font-size:5.2rem;line-height:1.1;letter-spacing:-.08rem;padding-top:.05em}.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 video{width:100%;height:100%;object-fit:contain;object-position:center}.sample-project-page .project-banner-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.sample-project-page .project-details{width:60%;padding:7rem 1rem 2rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3rem;margin:0 auto 4rem}.sample-project-page .details{display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem}.sample-project-page .project-images{position:relative;background-color:var(--fg);color:var(--bg);padding:0}.sample-project-page .project-images-container{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.25em}.sample-project-page .project-img{position:relative;width:100%;height:90svh;border-radius:.75rem;z-index:1;overflow:hidden}.sample-project-page .project-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.sample-project-page .project-video-volume-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4.75rem;height:4.75rem;display:flex;justify-content:center;align-items:center;background-color:var(--base-100);border-radius:100%;cursor:pointer;z-index:2}.sample-project-page .next-project{width:100vw;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5em;text-align:left}.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 p{line-height:1.35}.sample-project-page .details p.cap{font-size:1.1rem;letter-spacing:.06rem}@media (max-width:1000px){.sample-project-page .project-header{padding:1.25em 1.25em 3em}.sample-project-page .project-header h1{font-size:3rem;line-height:1.15;letter-spacing:0}.sample-project-page .project-details{width:100%;padding:5em 1.25em;gap:2.5em}.sample-project-page h3{font-size:1.75rem}.sample-project-page .project-images{padding:0}.sample-project-page .project-images-container{width:100%;gap:1.25em}.sample-project-page .next-project{padding:1.25em}.sample-project-page .next-project-img{width:75%}.sample-project-page .project-img{height:80svh}}.sample-project-page .project-bg-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;font-family:Tusker,sans-serif;font-weight:900;font-size:clamp(4rem,18vw,22rem);line-height:1;letter-spacing:-.05em;color:var(--bg);opacity:.08;text-transform:uppercase;pointer-events:none;z-index:0}