.sample-project-page{background-color:var(--base-100)}.sample-project-page h3{font-size:4rem}.sample-project-page .project-header{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:1.5em;width:100vw;height:50svh;padding-bottom:3em;display:flex}.sample-project-page .project-header p{margin-bottom:2rem}.sample-project-page .project-banner-img{width:100%;height:100svh;position:relative;overflow:hidden}.sample-project-page img{object-fit:cover;width:100%;height:100%}.sample-project-page .project-banner-img-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.sample-project-page .project-details{text-align:center;flex-direction:column;align-items:center;gap:4rem;width:55%;margin:0 auto 4rem;padding:8rem 1rem 2rem;display:flex}.sample-project-page .details{flex-direction:column;gap:1rem;margin-bottom:4rem;display:flex}.sample-project-page .project-images{color:var(--base-100);background-color:#141414;padding:4em 2em}.sample-project-page .project-images-container{flex-direction:column;gap:2em;width:75%;margin:0 auto;display:flex}.sample-project-page .project-img{border-radius:1rem;width:100%;height:80svh;position:relative;overflow:hidden}.sample-project-page .project-img-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.sample-project-page .next-project{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5em;width:100vw;height:100svh;display:flex;overflow:hidden}.sample-project-page .next-project-img{border-radius:1rem;width:35%;height:400px;position:relative;overflow:hidden}.sample-project-page .next-project-img-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:1000px){.sample-project-page .project-header{padding:1.25em 1.25em 3em}.sample-project-page .project-details{gap:3em;width:100%;padding:6em 1.25em}.sample-project-page h3{font-size:2rem}.sample-project-page .project-images{padding:4em 1.25em}.sample-project-page .project-images-container{gap:1.25em;width:100%}.sample-project-page .next-project{padding:1.25em}.sample-project-page .next-project-img{width:75%}.sample-project-page .project-img{height:65svh}}.sample-project-page .project-header h1{font-size:clamp(4rem,11vw,12rem)}.sample-project-page .project-header p.lg{color:var(--base-300);margin-bottom:1rem}.sample-project-page .project-header .project-tagline{color:var(--base-300);margin:1.5rem 0 0}.sample-project-page .project-banner-img.is-phone{background:radial-gradient(circle at 50% 40%,#2b2b2b 0%,#0d0d0d 70%);height:90svh}.sample-project-page .project-banner-img.is-phone img{object-fit:contain;filter:drop-shadow(0 30px 60px #00000080);padding:4rem 0}.sample-project-page .project-details h3{font-size:clamp(1.75rem,3vw,3rem);line-height:1.05}.sample-project-page .project-details .details p{text-transform:uppercase;letter-spacing:.1rem;color:var(--base-300);font-family:Geist Mono;font-size:.85rem}.sample-project-page .project-facts{border-top:1px solid #0000001a;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;width:100%;padding-top:3rem;display:grid}.sample-project-page .project-facts .details{margin-bottom:0}.sample-project-page .project-facts h4{font-size:1.5rem;line-height:1.1}.sample-project-page .project-phones{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;width:min(1200px,100%);margin:0 auto;display:grid}.sample-project-page .project-phone{background:#000;border:6px solid #2a2a2a;border-radius:2rem;overflow:hidden;box-shadow:0 30px 80px #00000073}.sample-project-page .project-phone img{height:auto;display:block}.sample-project-page .project-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.sample-project-page .next-project-img{display:block}.sample-project-page .next-project-img img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.sample-project-page .next-project-img:hover img{transform:scale(1.06)}@media (max-width:1000px){.sample-project-page .project-facts{grid-template-columns:1fr;gap:1.5rem}.sample-project-page .project-phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sample-project-page .project-phone{border-width:4px;border-radius:1.25rem}.sample-project-page .project-banner-img.is-phone{height:70svh}.sample-project-page .project-banner-img.is-phone img{padding:2rem 0}}.sample-project-page .project-phones.is-poster{grid-template-columns:repeat(3,minmax(0,1fr))}.sample-project-page .project-phones.is-poster .project-phone{border:none;border-radius:1rem}@media (max-width:1000px){.sample-project-page .project-facts{grid-template-columns:1fr!important}.sample-project-page .project-phones.is-poster{grid-template-columns:1fr}}.sample-project-page .project-details .details p.project-statement{text-transform:none;letter-spacing:-.01em;color:#141414;font-family:PP Neue Montreal,sans-serif;font-size:clamp(1.4rem,2.4vw,2.25rem);line-height:1.25}html[lang=ar] .sample-project-page .project-details .details p.project-statement{line-height:1.7}