.showreel{background-color:var(--base-100);justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.showreel .showreel-container{border-radius:2rem;width:100%;height:100%;position:relative;overflow:hidden;transform:scale(.75)}.showreel .showreel-container img{object-fit:cover;width:100%;height:100%}.showreel .volume-icon{background-color:var(--base-100);cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:6.5rem;height:6.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
img{object-fit:cover;width:100%;height:100%}.about-container{width:100%;height:600vh;position:relative}.about{width:100%;height:100svh;position:sticky;top:0;left:0;overflow:hidden}.about-copy{gap:4rem;width:100%;padding:2rem;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.copy-block{flex:1}.copy-block p{letter-spacing:-.025rem;color:var(--base-100);font-size:1.75rem;font-weight:450;line-height:1.25}.copy-block p .word{will-change:transform}.scroll-indicator{background-color:var(--base-400);width:10rem;height:.1rem;position:absolute;top:3rem;right:2rem}.scroll-indicator:after{content:"";transform-origin:0;width:100%;height:100%;transform:scaleX(var(--progress,0));will-change:transform;background-color:#fff;position:absolute;top:0;left:0}.marquee{align-items:center;width:100%;height:7.5rem;display:flex;position:absolute;bottom:2rem;left:0;overflow:hidden}.marquee-track{will-change:transform;gap:.75rem;display:flex}.marquee-item{border-radius:.25rem;width:10rem;height:6rem;overflow:hidden}@media (max-width:1000px){.about-copy{flex-direction:column;top:20rem}.copy-block p{font-size:1.25rem}}
.projects-section h2{text-transform:uppercase;color:var(--base-100);font-size:clamp(3rem,5vw,7rem);font-weight:400;line-height:1}.projects-section p{color:var(--base-100);font-size:1.5rem;font-weight:500;line-height:1.25}.projects-section{background-color:var(--base-400);width:100%;height:100svh;color:var(--base-100);padding:2rem;position:relative;overflow:hidden}.project-images{z-index:-1;flex-direction:column;gap:.5rem;width:35%;padding:25svh 0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.project-img{aspect-ratio:16/9;opacity:.5;width:100%;transition:all .3s;overflow:hidden}.project-names{flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:2rem;right:2rem}.project-names p{color:#4a4a4a;transition:color .3s}.project-index h1,.project-images,.project-names p{will-change:transform}@media (max-width:1000px){.project-images{gap:12svh;width:calc(100% - 4rem);padding:20svh 0}.project-names p{color:#fff!important}}
.sticky{background-color:var(--base-100);width:100%;height:100svh;position:relative;overflow:hidden}.sticky-header{will-change:transform;justify-content:center;align-items:center;width:250vw;height:100svh;display:flex;position:relative;top:0;left:0}.sticky-header h1{color:var(--base-400);letter-spacing:-.5rem;margin:0;font-size:28vw;line-height:100%}.card{background-color:var(--base-400);will-change:transform;z-index:2;border-radius:1rem;width:325px;height:500px;padding:1rem;position:absolute;top:10%;left:100%}#card-1{background-color:var(--accent-1)}#card-2{background-color:var(--accent-2)}#card-3{background-color:var(--accent-3)}#card-4{background-color:var(--accent-4)}#card-5{background-color:var(--accent-5)}.card .card-img{border-radius:.5em;width:100%;height:200px;overflow:hidden}.card .card-img img{object-fit:cover;width:100%;height:100%}.card-content{color:#fff;flex-direction:column;justify-content:space-between;width:100%;height:275px;padding:1rem;display:flex}.card-content h2{letter-spacing:-.05rem;font-size:2.5rem}@media (max-width:999px){.team-desktop.sticky{display:none}.team-mobile{z-index:0;background-color:var(--base-100);flex-direction:column;gap:1.25rem;width:100%;height:auto;padding:2rem 1rem;display:flex;position:relative;overflow:visible}.mobile-header{will-change:auto;width:100%;height:auto;margin-bottom:.5rem;display:block;position:static}.mobile-header h1{color:var(--base-400);letter-spacing:-.06rem;margin:0 0 .5rem;font-size:2.25rem;line-height:110%}.card{will-change:auto;width:100%;max-width:680px;height:auto;margin:0 auto;position:static;top:auto;left:auto;opacity:1!important;transform:none!important}.card .card-img{height:240px;margin-bottom:1rem}.card-content{flex-direction:column;gap:3rem;height:auto;display:flex}}@media (min-width:1000px){.team-mobile{display:none}}
.spotlight{background-color:var(--base-100);width:100%;height:100%;position:relative;overflow:hidden}.spotlight .marquees{flex-direction:column;justify-content:center;width:100%;height:150svh;display:flex;position:relative}.spotlight .marquee-container{gap:1rem;width:125%;height:250px;margin-bottom:1rem;display:flex;position:relative}.spotlight .marquee{will-change:transform;gap:1em;width:100%;height:100%;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.spotlight #marquee-1 .marquee,.spotlight #marquee-3 .marquee{transform:translate(-15%,-50%)}.spotlight .marquee-img-item{border-radius:1rem;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.spotlight .marquee-img-item.marquee-text-item{flex:1}.spotlight .marquee-img-item h1{text-transform:uppercase;letter-spacing:-.125rem;font-family:Big Shoulders Display,sans-serif;font-size:4.25rem;font-weight:900;line-height:.9}.spotlight .marquee-img-item img{object-fit:cover;width:100%;height:100%}.spotlight .marquee-img-item h1 .char{will-change:font-weight}@media (max-width:1000px){.spotlight .marquees{height:100svh}.spotlight .marquee-container{width:250%;height:150px}.spotlight #marquee-2 .marquee,.spotlight #marquee-4 .marquee{transform:translate(-35%,-50%)}.spotlight .marquee-img-item h1{font-size:2.5rem}}
.cta{background-color:var(--base-100)}.cta .container{flex-direction:column;gap:6rem;padding-bottom:10rem;display:flex}.cta .cta-copy{gap:2rem;width:70%;margin:0 auto;padding:4rem 0;display:flex}.cta .cta-copy .cta-col{flex:1}.cta .cta-copy .cta-col:nth-child(2){flex-direction:column;gap:2rem;display:flex}.cta .cta-card{background-color:var(--base-400);width:70%;color:var(--base-100);border-radius:1rem;margin:0 auto;padding:2rem}.cta .cta-card .cta-card-copy{gap:2rem;display:flex}.cta .cta-card .cta-card-copy .cta-card-col{flex:1}.cta .cta-card .cta-card-copy .cta-card-col-buttons{flex-direction:row;gap:2rem;display:flex}.cta .cta-card .cta-card-copy .cta-card-col:nth-child(2){flex-direction:column;gap:2rem;display:flex}.cta .cta-card .cta-card-copy .cta-card-col:nth-child(2) p{margin-bottom:2rem}.cta .cta-card .cta-card-copy .cta-card-col:nth-child(2) p:nth-child(2){margin-bottom:1rem}@media (max-width:1000px){.cta .cta-copy{flex-direction:column;width:100%}.cta .cta-card{width:100%}.cta .cta-card .cta-card-copy{flex-direction:column}.cta .container{gap:2rem}.cta .cta-card .cta-card-copy .cta-card-col-buttons{flex-direction:column}}