section.hero{height:100vh;overflow:hidden;position:relative}.header-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;z-index:200}.header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;gap:.5rem;width:100%;opacity:0;pointer-events:none;will-change:transform,opacity;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.header h1{color:#fff;margin:0;transform:translateY(40px);opacity:0}.h-1{animation:fadeInOut 12s infinite 0s}.h-2{animation:fadeInOut 12s infinite 3s}.h-3{animation:fadeInOut 12s infinite 6s}.h-4{animation:fadeInOut 12s infinite 9s}.h-1 h1:nth-child(1){animation:slideUp 12s infinite 0s}.h-1 h1:nth-child(2){animation:slideUp 12s infinite .1s}.h-2 h1:nth-child(1){animation:slideUp 12s infinite 3s}.h-2 h1:nth-child(2){animation:slideUp 12s infinite 3.1s}.h-3 h1:nth-child(1){animation:slideUp 12s infinite 6s}.h-3 h1:nth-child(2){animation:slideUp 12s infinite 6.1s}.h-4 h1:nth-child(1){animation:slideUp 12s infinite 9s}.h-4 h1:nth-child(2){animation:slideUp 12s infinite 9.1s}@keyframes fadeInOut{0%,2%{opacity:0}8%,21%{opacity:1}24%,to{opacity:0}}@keyframes slideUp{0%,2%{transform:translateY(40px);opacity:0}8%,21%{transform:translateY(0);opacity:1}24%,to{transform:translateY(-40px);opacity:0}}section.work{height:100%}.work-header,.manifesto-header,.about-header,.team-header,.footer-header{display:flex;gap:1rem;margin-bottom:4em}.work-header p,.manifesto-header p,.about-header p,.team-header p,.footer-header p{font-weight:600}.projects{display:flex;gap:4em}.project-col{display:flex;flex-direction:column;gap:6em}.project-col:nth-child(2){margin-top:10em}.project{position:relative;will-change:opacity}.project-img{width:100%;aspect-ratio:4/5;overflow:hidden}.project-img img{transform-origin:center;will-change:transform}.project-name{margin:1.5em 0 .65em}.project-name h2{font-weight:500;color:var(--light)}.project-description p{color:var(--light2)}.project-col a{text-decoration:none}.cta{position:relative;height:max-content;padding:4em 1em;display:flex;flex-direction:column;align-items:center;gap:8em}.cta-bg-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.cta-title p{font-weight:500}.cta-header{text-align:center;width:60%}.cta-header h2{font-size:2.5rem}.cta-btn a{text-decoration:none;color:inherit}.cta-btn button{border:none;outline:none;padding:1.5em 3em;border-radius:2em;color:#fff!important;background:#5a4e31;background:linear-gradient(60deg,#5a4e31,#867143 30%,#686e4a,#414d38);cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:inherit}.cta-btn button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.manifesto{position:relative;height:max-content}.manifesto-title h1{font-size:6.5rem;line-height:1.125}.manifesto-symbol{position:absolute;bottom:0;right:0;width:80px}.manifesto .container{padding:2em 1em 1em}.processes{height:max-content;padding:1em 1em 4em}.processes .container{display:flex;flex-direction:column;gap:2em;padding:3em 1em}.process{border-top:1px solid rgba(255,255,255,.15);padding:1em 0 4em}.process-title{text-transform:uppercase;display:flex;gap:.25em}.process-title p{position:relative;top:.125em}.process-info{display:flex;padding:2em 0;gap:10em}.process-info p{font-size:2rem;font-weight:300;line-height:1.5}.process-icon{flex:2;display:flex;justify-content:center;align-items:center}.process-icon-wrapper{width:100px;height:100px}.process-description{flex:3}.marquee{width:100vw;padding:2em 0;overflow:hidden}.marquee-text{width:300vw;will-change:transform;transform:translate(0)}.marquee-text h1{font-size:12rem;text-align:center}.showreel{width:100%;height:75vh;background:#000}.about{height:max-content;padding:0}.about .container{display:flex;gap:0}.about .container>div{flex:1}.about-copy p{font-size:2rem;font-weight:300;line-height:1.5;text-indent:2em}.about-col:nth-child(2){display:flex;justify-content:flex-end}.about-col:nth-child(2){justify-content:flex-end}.gallery{overflow:hidden}.gallery-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(30deg) scale(1.125)}.row{position:relative;width:150vw;height:350px;display:flex;justify-content:center;padding:0 2em 2em;gap:2em;will-change:transform}.team{height:max-content;overflow:hidden}.team-intro{width:75%}.team-intro h1{font-size:5rem;font-weight:300}.team-member{display:flex;flex-direction:column;margin:4em 0}.team-member-position p{text-transform:uppercase;margin-bottom:.75em}.team-member-index p{text-transform:uppercase;margin-top:.75em}.team-member-profile{display:flex;align-items:center}.team-member-img{width:350px;height:500px;overflow:hidden}.team-member-info{position:relative;display:flex;flex-direction:column;gap:4em;left:-2em;width:calc(100% - 500px)}.team-member-details{display:flex;gap:2em}.team-member-name p{font-size:3rem}.team-member-toggle{width:5rem;height:5rem;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.35);border-radius:100%}.team-member-copy{width:35%}.team-member-copy p{color:var(--light2);line-height:1.5}.team-member-index h1{display:none}.team-member{position:relative}.tm-2{left:40%}.tm-3{left:15%}.footer{height:max-content}.footer-header{margin-bottom:2em}.footer .container{padding:2em 1em 1em}.footer-title h1{font-size:5rem;font-weight:300}.footer-email{padding:4em 0}.footer-email p,.footer-col-header p{color:var(--light2)}.footer-email h2{font-size:2.5rem;background:#958151;background:linear-gradient(to left,#958151,#b99c5c 30%,#a8b177 70%,#647756);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-email a{text-decoration:none}.footer-email a h2{font-size:2.5rem;background:#958151;background:linear-gradient(to left,#958151,#b99c5c 30%,#a8b177 70%,#647756);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .3s ease}.footer-email a:hover h2{opacity:.8}.footer-content{display:flex;gap:4em}.footer-col:nth-child(1){flex:4}.footer-col:nth-child(2){flex:2}.footer-col-content{display:flex;gap:4em}.footer-sub-col{flex:1;display:flex;flex-direction:column}.location{margin-bottom:4em}.location h3{font-weight:400;margin-bottom:.75em}.location p{margin-bottom:.25em;color:var(--light2)}.location p:last-child{margin:2em 0 1em;color:var(--light1);display:flex;gap:1em}.footer-col-header{margin-bottom:1em}.footer-col-header p{margin-bottom:3em}.footer-col:nth-child(2) .footer-sub-col{display:flex;flex-direction:column;gap:1.25em}.footer-col:nth-child(2) .footer-sub-col p{font-size:1.25rem}.footer-col:nth-child(2) .footer-sub-col a{text-decoration:none}.footer-col:nth-child(2) .footer-sub-col a p{background:#958151;background:linear-gradient(to left,#958151,#b99c5c 30%,#a8b177 70%,#647756);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .3s ease}.footer-col:nth-child(2) .footer-sub-col a:hover p{opacity:.8}.team,.footer{transition:background-color .5s ease,color .5s ease}.team-member-toggle{transition:border-color .5s ease}.footer .footer-email p,.footer .footer-col-header p,.footer .location p{transition:color .5s ease}.team.light{background-color:#fff;color:#000}.team.light .team-member-toggle{border:1px solid rgba(0,0,0,.15)}.footer.light{background-color:#fff;color:#000}.footer.light .footer-email p,.footer.light .footer-col-header p,.footer.light .location p{color:var(--light3)}@media (max-width: 900px){.header{flex-direction:column;text-align:center}.projects{flex-direction:column}.project{opacity:1!important}.project-col:nth-child(2){margin-top:0}.cta{padding:8em 1em;gap:4em}.cta-header{width:90%}.cta-header h2{font-size:1.75rem}.manifesto-title h1{font-size:3.5rem}.process-info{flex-direction:column;gap:2em}.process-icon{justify-content:flex-start}.marquee-text{width:400vw}.marquee-text h1{font-size:4rem}.about .container{flex-direction:column}.about .container{gap:4em}.about-col:nth-child(2){justify-content:flex-start}.gallery{height:75vh}.gallery-wrapper{transform:translate(-50%,-50%) rotate(30deg) scale(1.125)}.row{width:200vw;height:200px;padding:0 1em 1em;gap:1em}.team-intro{width:100%}.team-intro h1{font-size:3rem}.team-member-info{display:none}.team-member-img{width:100%}.team-member-index p{display:none}.team-member-index h1{display:block;margin-top:.5em}.tm-2,.tm-3{left:0%}.footer-content,.footer-col-content{flex-direction:column;gap:0em}.footer .container{padding:2em 1em 8em}.footer-title h1{font-size:3.5rem}.footer-email h2{font-size:2rem}}.video-container{position:relative;width:100%;height:100%;background:#000;cursor:pointer}.video-player{width:100%;height:100%;object-fit:cover}.video-controls{position:absolute;bottom:0;left:0;right:0;padding:20px;opacity:0;transition:opacity .3s ease}.video-container:hover .video-controls{opacity:1}.controls-wrapper{display:flex;align-items:center;justify-content:space-between;color:#fff}.time-display{font-size:14px}.control-buttons{display:flex;align-items:center;gap:16px}.control-button{background:none;border:none;padding:0;cursor:pointer;color:#fff;transition:opacity .2s ease}.control-button:hover{opacity:.75}.icon{width:20px;height:20px}.navbar{position:fixed;top:0;left:0;width:100vw;z-index:2000}.navbar-container{width:75%;margin:0 auto;padding:3em 1em;display:flex}.logo{flex:3}.nav-items{flex:2}.nav-items{display:flex}.nav-items>div{flex:1}.langs{display:flex;gap:2em}.nav-links{display:flex;flex-direction:column;align-items:flex-end;gap:1em}.logo a{text-decoration:none;display:flex;gap:.25em;align-items:center}.logo a h3{color:var(--light);letter-spacing:.15em}.logo a span{position:relative;top:.75px;font-family:Roobert;font-size:14px;font-weight:500;color:var(--light)}.nav-links a{text-decoration:none}.langs p,.nav-links a p{text-decoration:none;text-transform:uppercase;font-size:12px;color:var(--light2)}p.current-lang{color:var(--light)}.navbar .logo a h3,.navbar p.current-lang{transition:color .5s ease}.navbar.dark .logo a h3,.navbar.dark .logo a span,.navbar.dark p.current-lang{color:var(--dark)}@media (max-width: 900px){.navbar-container .langs{display:none}}@media (max-width: 900px){.navbar-container{width:100%;padding:2em 1em}}.cursor{position:fixed;width:100px;height:100px;border-radius:100%;background-color:var(--light);will-change:transform;pointer-events:none;z-index:1000;transform-origin:center;margin-left:-50px;margin-top:-50px;display:flex;justify-content:center;align-items:center;color:var(--dark)}.icon{transform-origin:center;will-change:transform}@media (max-width: 900px){.cursor{display:none!important}}.slide-in,.slide-out{position:fixed;top:0;left:0;height:100vh;width:100%;background:#000;transform-origin:bottom;z-index:100000;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.slide-out{transform-origin:top}.transition-text{color:#fff;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5em;letter-spacing:1px}.transition-text span{position:relative;top:1px;font-size:1rem;letter-spacing:0;font-weight:lighter}.loader-bg{position:absolute;width:100%;height:100%;will-change:transform}.loader-bg img{transform:scale(1.1)}.back-btn{position:fixed;top:-25px;left:-25px;width:175px;height:175px;border:1px solid rgba(255,255,255,.25);border-radius:100%;display:flex;justify-content:center;align-items:center;z-index:2}.back-btn a{position:absolute;width:100%;height:100%;border-radius:100%}.back-btn-fill{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:100%;clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%)}.back-btn-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;color:#fff}.sp-title{height:max-content;padding:6em 0}.sp-title h1{font-size:5rem;line-height:1.125}.sp-banner{height:75vh}.sp-details{height:max-content;padding:2em 0}.sp-details .container{display:flex}.sp-details .container>div{flex:1;gap:2em}p.sp-details-name{text-transform:uppercase;letter-spacing:2px;margin-bottom:2em}.sp-tags{margin-bottom:2em}.sp-tags p{line-height:1.65}.sp-date p{margin-bottom:4em;color:var(--light2)}.sp-link button{outline:none;color:var(--light);background-color:transparent;padding:1em 2em 1.25em 1.75em;display:flex;align-items:center;gap:1em;border:1px solid rgba(255,255,255,.15);border-radius:2em;font-family:Roobert;font-size:300}.sp-link .icon{position:relative;top:2px;color:var(--light2)}.sp-link a{text-decoration:none;line-height:1}.sp-details-col:nth-child(2) p:nth-child(1){margin-bottom:2em}.sp-details-col:nth-child(2) p:nth-child(2){font-size:1rem;font-weight:lighter;line-height:1.65}.sp-info{height:max-content;padding:4em 0}.sp-info .container{display:flex;gap:2em}.sp-info .container>div{flex:1}.sp-info-title h3{font-size:1.75rem;font-weight:400}.sp-info-desc p{font-size:1rem;font-weight:lighter;line-height:1.65}.sp-img{height:max-content}.sp-img .container{padding:1em}.credits{height:max-content}.credits h2{font-size:1.75rem;margin-bottom:2em}.credits-row{display:flex;gap:1em;padding:1em 0}.credits-col{flex:1}.credits-header p{font-weight:bolder;margin-bottom:1em}.credits-copy p{font-size:.95rem}.credits .divider{width:100%;height:1px;background-color:#ffffff26;margin:2.5em 0}.next-project{position:relative;height:85vh;display:flex;align-items:center;justify-content:center}.next-project-img{position:absolute;width:100%;height:100%}.next-project .container{position:relative;padding:0 1em;z-index:1}.next-project-header{width:75%;display:flex;gap:.75em}.next-project-title h1{line-height:1.25}.next-project-icon{position:relative;top:8px}@media (max-width: 900px){.sp-title .container h1{font-size:3rem}.sp-details{padding:4em 0}.sp-details .container{flex-direction:column-reverse;gap:4em}.sp-info .container{flex-direction:column}.credits-row{flex-direction:column;gap:2em}.next-project-header{width:100%}}:root{--light: #fff;--light2: #666;--light3: #999999;--dark: #000}@font-face{font-family:Roobert;font-weight:300;src:url(/assets/RoobertTRIAL-Light-CSYB1wf3.ttf) format("truetype")}@font-face{font-family:Roobert;font-weight:400;src:url(/assets/RoobertTRIAL-Regular-DZvUme8J.ttf) format("truetype")}@font-face{font-family:Roobert;font-weight:500;src:url(/assets/RoobertTRIAL-Medium-mRbxwLXf.ttf) format("truetype")}@font-face{font-family:Roobert;font-weight:600;src:url(/assets/RoobertTRIAL-SemiBold-DNW1Nkir.ttf) format("truetype")}@font-face{font-family:Roobert;font-weight:700;src:url(/assets/RoobertTRIAL-Bold-D0sSLExH.ttf) format("truetype")}@font-face{font-family:Roobert;font-weight:800;src:url(/assets/RoobertTRIAL-Heavy-DTfTGveF.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Roobert;background-color:var(--dark);color:var(--light)}body.no-scroll{overflow:hidden!important}section{position:relative;width:100vw;height:100vh}.container{width:75%;margin:0 auto;padding:10em 1em}img{position:relative;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}h1{position:relative;font-size:3.5rem;font-weight:400;line-height:1;will-change:transform,opacity}h2{position:relative;font-size:1.5rem;font-weight:400;line-height:1.5;will-change:transform,opacity}p{position:relative;font-size:.8rem;font-weight:400;line-height:1;will-change:transform,opacity}@media (max-width: 900px){.container{width:100%;padding:4em 1em}h1{font-size:2rem}}
