@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Marcellus&family=Syne+Tactile&display=swap";@font-face{font-family:StartHere;src:url(/font/Lets-Start-Here.woff)}:root{--base-100:#f9f4eb;--base-200:#141414}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--base-100);background-color:var(--base-200);color:var(--base-200)}.mobile{display:none}img,video{object-fit:cover;width:100%;height:100%}h1{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:clamp(3rem,5vw,7rem);font-weight:900;line-height:.8}a{font-size:1.125rem;font-style:normal;font-weight:800;line-height:.9;text-decoration:none;color:#fff!important}.slider1,.slider2{z-index:100;background:#000;width:100%;height:100svh;position:fixed;top:0;left:0;transform:translate(100%)}.navbar-backdrop,.navbar-img{pointer-events:none;width:100%;height:100svh;position:fixed;top:0;left:0;overflow:hidden}.navbar-background,.navbar-items{will-change:width, height;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-backdrop{will-change:transform;transform:scale(0)}.navbar-background{clip-path:polygon(0% 50%,100% 50%,100% 50%,0% 50%)}.navbar-items{aspect-ratio:16/9;opacity:0;width:50%;min-width:720px;transform:blur(100px);will-change:transform, opacity}.navbar-background{background-color:var(--base-100);pointer-events:none;z-index:0;aspect-ratio:16/10;background:#000;width:48%;min-width:700px}.navbar-background-content{z-index:2;background:#fe6c38;width:100%;height:25px;padding:.5em;position:absolute;bottom:0;left:0}.navbar-background-content p{font-family:Barlow Condensed,sans-serif;color:#000!important}@keyframes animate{to{transform:translate(-100%)}}.slide1Box{color:#000;position:absolute;bottom:-3em}.slide1Box,.slide2Box{letter-spacing:-1px;white-space:nowrap;flex-direction:row;justify-content:flex-start;width:100%;display:flex;bottom:0;overflow:hidden}.slide1Content{padding-left:10%;animation:2.5s linear infinite reverse animate;display:inline-block}.slide1Content span{font-family:Marcellus,sans-serif;font-size:1.2em;font-weight:500}.navbar-overlay{background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.navbar-items{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;color:#fff!important}.navbar-items .navbar-links,.navbar-items .navbar-logo{pointer-events:all}.navbar-logo{pointer-events:all;z-index:2;width:100%;padding:2.5rem;position:absolute;bottom:1em;left:50%;transform:translate(-50%)}.navbar-logo.navbar-logo-pinned{bottom:unset;top:-.25rem}.navbar-logo img{object-fit:contain}.navbar-links{text-transform:uppercase;color:#fff;justify-content:space-between;width:50%;display:flex;position:relative}.navbar-links:first-child{padding:1.5rem 5rem 0 2.5rem;font-family:StartHere,Marcellus,sans-serif!important}.navbar-links:nth-child(2){padding:1.5rem 2.5rem 0 5rem;font-family:StartHere,Marcellus,sans-serif!important}section{text-align:center;z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.hero{color:#fff;background:#000;flex-direction:column;margin-top:250svh;padding:2.5rem 0}.hero h2,.videos h2{color:#fe6c38;align-self:flex-start;margin-bottom:2.5rem;padding-left:2rem;font-family:StartHere,Marcellus,sans-serif;font-size:4rem}.videos{flex-direction:column;padding:4rem 0;position:relative}.videos h2{width:100%;position:absolute}.about,.videos{background:#000;height:100svh;color:#fff!important}.hero h1,.about h1{width:50%}.intro-overlay{clip-path:polygon(0% 45%,0% 45%,0% 55%,0% 55%);will-change:clip-path;z-index:0;pointer-events:none;background-color:#15161b;flex-direction:column;justify-content:space-between;width:100vw;height:100svh;display:flex;position:fixed;top:0;left:0}.progress-bar{color:#fb0;justify-content:space-between;align-items:center;width:25vw;padding:2em;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.progress-bar p{text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Host Grotesk,sans-serif;font-size:14px;font-weight:500;position:relative}@media (width<=900px){.progress-bar{justify-content:flex-end}.progress-bar p:first-child{display:none}}@media (width<=720px){.navbar-background,.navbar-items{min-width:100%}.navbar-items,.navbar-links{flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:.5rem}.navbar-items{padding:2rem}.navbar-links:first-child,.navbar-links:nth-child(2){padding:0}.navbar-logo,.navbar-logo.navbar-logo-pinned{left:0;transform:translate(0)}.hero{height:100svh;margin-top:0}.hero h1,.about h1{width:100%;padding:2.5em}}.footer{background-color:#181818}#wrapper{background-color:#181818;max-width:80em;margin-left:auto;margin-right:auto}#container{float:left;color:#fe6c38;background-color:#181818;flex-direction:column;justify-content:center;width:100%;min-height:80vh;padding:1em;display:flex}#container h2{font-family:StartHere,Marcellus,sans-serif;font-size:10em;font-weight:900;line-height:1;animation:1.5s ease-in-out infinite text-shadow}h1:hover{animation-play-state:paused}a{color:#fff}a:hover{text-decoration:none}@keyframes text-shadow{0%{text-shadow:0 0 #eeeef0,0 0 #eeeef0,0 0 #eeeef0,0 0 #eeeef0;transform:translateY(0)}20%{text-shadow:0 .125em #0c2ffb,0 .25em #2cfcfd,0 -.125em #fb203b,0 -.25em #fefc4b;transform:translateY(-1em)}40%{text-shadow:0 -.0625em #0c2ffb,0 -.125em #2cfcfd,0 .0625em #fb203b,0 .125em #fefc4b;transform:translateY(.5em)}60%{text-shadow:0 .03125em #0c2ffb,0 .0625em #2cfcfd,0 -.03125em #fb203b,0 -.0625em #fefc4b;transform:translateY(-.25em)}80%{text-shadow:0 0 #0c2ffb,0 0 #2cfcfd,0 0 #fb203b,0 0 #fefc4b;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=720px){.mobile{display:block}}.mobileNav{pointer-events:none;border:1px solid #fff;justify-content:space-between;width:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.mobileNavLinks{border:1px solid pink;justify-content:space-between;width:25%;display:flex}.mobileNavLogo{width:25%}.mobileNavLogo img{object-fit:contain;width:100%}@font-face{font-family:StartHere;src:url(/font/Lets-Start-Here.woff)}.work{flex-direction:column;gap:3rem;width:100%;height:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden;font-family:StartHere,Marcellus,sans-serif!important}.row{flex:1;gap:1.5rem;width:100%;display:flex}.work-item{flex-direction:column;flex:1;gap:1rem;display:flex}.work-item-img{aspect-ratio:4/3;border-radius:.5rem;position:relative;overflow:hidden}.work-item-img .svg-stroke{pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(2.5)}.work-item-img .svg-stroke svg{object-fit:cover;width:100%;height:100%}.work-item-img .svg-stroke-1 svg path{stroke:var(--stroke-color,#e67339)}.work-item-img .svg-stroke-2 svg path{stroke:#e0e0e0}.work-item-img .hover-title{z-index:10;color:#000;font-size:2.75rem;position:absolute;bottom:1.5rem;left:1.5rem}.work-item-img .hover-title .word{will-change:transform}.work-item-copy p{color:#999}.work-item-link{color:inherit;flex-direction:column;gap:1rem;width:100%;height:100%;text-decoration:none;display:flex}.work-item-link:hover{color:inherit;text-decoration:none}@media (width<=1000px){.work,.row{gap:2rem}.row{flex-direction:column}footer{flex-direction:column;justify-content:flex-end;align-items:flex-start}}@font-face{font-family:StartHere;src:url(/font/Lets-Start-Here.woff)}.videosSection{background-color:#000;height:100svh;position:relative;overflow:hidden}canvas{position:absolute;top:0;left:0}#letters-canvas{z-index:1}#cards-canvas{z-index:10}.text-container{z-index:2;pointer-events:none;perspective:2500px;perspective-origin:50%;width:100%;height:100%;position:absolute;top:0;left:0}.letter{color:#fe6c38;text-shadow:1px 1px 2px #0000001a;opacity:1;z-index:2;transform-origin:50%;transform-style:preserve-3d;will-change:transform;font-family:StartHere;font-size:7rem;font-weight:700;position:absolute}