.sample-project{background-color:var(--background);color:var(--foreground)}.sample-project h1,.sample-project h2,.sample-project h3{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Satoshi-Bold,sans-serif;line-height:1.3}.sample-project h1{letter-spacing:-.075rem;font-size:max(2.5rem,min(1.815rem + 5.75vw,9rem));font-weight:500}.sample-project h2{-webkit-font-smoothing:antialiased;letter-spacing:-.015rem;font-size:max(2rem,min(1.25rem + 2.25vw,5rem));font-weight:500}.sample-project h3{letter-spacing:-.0075rem;font-size:max(1.5rem,min(.75rem + 1.75vw,3.5rem));font-weight:500}.sample-project p,.sample-project a{color:var(--foreground);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Satoshi-Variable,sans-serif;font-size:max(1.075rem,min(.325rem + .825vw,2rem));font-weight:500;text-decoration:none;transition:color .3s}.sample-project p.sm,.sample-project a.sm{font-size:max(.8rem,min(.2rem + .7vw,1.5rem))}.sample-project p.caps,.sample-project a.caps{-webkit-font-smoothing:antialiased;text-transform:uppercase;font-weight:600}.sample-project .caps{text-transform:uppercase}.sample-project p.caps.mono,.sample-project a.caps.mono{-webkit-font-smoothing:antialiased;font-family:DM Mono,monospace;font-weight:600}@media (max-width:1000px){.sample-project h1{letter-spacing:-.05rem}}.sp-hero{text-align:center;justify-content:center;align-items:flex-end;width:100vw;height:60svh;padding:1.5rem 1.5rem 0;display:flex}.sp-banner-img{width:100vw;height:90svh;position:relative;overflow:hidden}.sp-banner-img img,.sp-banner-img video{object-fit:cover;width:100%;height:100%}.sp-copy{width:100%;height:100%;padding:1.5rem}.sp-copy p,.sp-copy a{text-transform:none;font-family:Satoshi-Bold,sans-serif}.sp-info{opacity:.3}.sp-info,.sp-copy-wrapper{width:100%;margin-bottom:10rem;display:flex}.sp-col-lg,.sp-col-sm{flex:1}.sp-info .sp-col-sm{justify-content:space-between;display:flex}.sp-copy-title,.sp-copy-description{width:75%}.sp-copy-description{flex-direction:column;gap:1.5rem;display:flex}.sp-link-wrapper{flex-wrap:wrap;gap:4rem;margin-top:3rem;display:flex}.sp-link{flex-direction:column;gap:0;display:flex}.sp-link p{margin:0;font-family:Satoshi-Variable,sans-serif;font-size:max(1.075rem,min(.325rem + .825vw,2rem));font-weight:500}.sp-link h3{letter-spacing:-.0075rem;margin:0;font-family:Satoshi-Bold,sans-serif;font-size:max(1.5rem,min(.75rem + 1.75vw,3.5rem));font-weight:500;line-height:1.3}.sp-link h3 a{color:var(--foreground);font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:none}.sp-link h3 a:hover{opacity:.6}.sp-images{width:100%;height:100%;padding:1.5rem;position:relative}.sp-images-container{flex-direction:column;gap:1.5rem;width:40%;margin:0 auto;display:flex}.sp-img{width:100%}.sp-img img,.sp-img video{width:100%;height:auto;display:block}.sp-images-scroll-progress-container{z-index:1;justify-content:space-between;display:flex}.sp-next-project{justify-content:center;align-items:center;width:100%;height:100svh;padding:1.5rem;display:flex;position:relative}.sp-next-project-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.sp-next-project-copy p{color:var(--foreground-200)}.sp-next-project-names{text-align:center;width:100%}@media (max-width:1200px){.sp-banner-img{height:50svh}}@media (max-width:1000px){.sp-year{display:none}.sp-info .sp-col-sm{justify-content:flex-end;display:flex}.sp-copy-wrapper{flex-direction:column;gap:3rem}.sp-copy-title,.sp-copy-description{width:100%}.sp-link-wrapper{gap:2rem;margin-top:2rem}.sp-images-container{width:85%}.sp-images-scroll-progress-container{display:none}.sp-banner-img{height:30svh}}