@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.home-intro{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background-color:var(--tone-100);pointer-events:all}.home-intro.is-complete,.home-intro.is-complete *{cursor:auto}.home-intro-logo{width:160px;height:160px;overflow:visible}.home-intro-logo path{opacity:0}@media(max-width:1000px){.home-intro-logo{width:132px;height:132px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit;color:#fff;background-color:#000;overflow-x:clip}main{position:relative;z-index:2;background-color:transparent}h1{font-size:60px;font-weight:500;color:#353535}h2{font-size:52px;max-width:1200px;line-height:1.12;letter-spacing:0}p{font-size:20px;font-weight:500}a{text-decoration:none;color:#fff;font-size:20px;font-weight:500}.hero{display:flex;flex-direction:column;justify-content:space-between;padding:8em 2.5em 2.5em;width:100%;height:100svh}.hero h1{position:static;left:auto;text-transform:none;font-weight:initial;font-size:initial;letter-spacing:normal;margin:0 auto;line-height:1;color:inherit}.hero h2{position:relative;z-index:30;max-width:min(21em,1280px);color:#fffffff0;font-size:clamp(3.25rem,3.35vw,3.75rem);font-weight:560;line-height:1.08;text-wrap:pretty}.hero h2 span{color:#fff;font-weight:inherit;text-decoration-line:underline;text-decoration-color:#7134ff;text-decoration-thickness:.08em;text-underline-offset:.12em;white-space:nowrap}.hero-copy{position:relative;z-index:6;display:flex;justify-content:space-between;align-items:flex-end;color:#ffffffe0}.hero-copy p{color:inherit}.hero-copy span{font:inherit}.intro{height:100%;margin:0 auto}.video-container{position:relative;z-index:42;display:flex;flex-direction:column;gap:2em;will-change:transform;margin-bottom:0}.video-container .video-title p{position:relative;z-index:43;font-size:78px;font-weight:500}.video-preview{position:relative;width:100%;aspect-ratio:16/9;border-radius:1.5rem;background-color:#000;overflow:hidden;cursor:pointer}.video-wrapper{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.hero-video{position:absolute;inset:0;width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;border-radius:inherit;object-fit:cover;pointer-events:none}.showreel-modal{position:fixed;inset:0;z-index:1250;padding:clamp(1rem,3vw,3rem);display:grid;place-items:center;visibility:hidden;opacity:0;background-color:#000000e0;pointer-events:none}.showreel-modal.is-open{visibility:visible;pointer-events:auto}.showreel-modal-dialog{position:relative;width:min(1440px,92vw);background-color:#050505;border:1px solid #292929;transform:scale(.97)}.showreel-modal-video{display:block;width:100%;aspect-ratio:16 / 9;background-color:#000;object-fit:contain}.showreel-modal-close{position:absolute;top:.75rem;right:.75rem;z-index:1;width:48px;height:48px;display:grid;place-items:center;color:#fff;background-color:#0000008c;border:0;border-radius:0;font:inherit;font-size:1.75rem;font-weight:400;line-height:1;cursor:pointer;transition:color .25s ease,background-color .25s ease}.showreel-modal-close:hover{color:#a5a5a5;background-color:#000c}@media(max-width:900px){.nav,section,.hero{padding-right:var(--site-gutter);padding-left:var(--site-gutter)}.hero{justify-content:flex-end;gap:2em}.hero h1{font-size:19vw}.video-container{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column-reverse;gap:1em;transform:none}}.hero-word{position:relative;z-index:4;display:block;width:100%;height:clamp(120px,20vw,320px);margin:0 auto;line-height:1}.hero-word img{position:relative;z-index:4;display:block;width:100%;height:100%;object-fit:contain}@media(max-width:900px){.hero{height:auto;padding-top:5.5em}.hero{justify-content:flex-start;align-items:flex-start;gap:1.1em}.hero h2{max-width:100%;font-size:clamp(2.45rem,9.8vw,2.7rem);line-height:1.15}.hero-copy{margin-top:.75em;flex-direction:column;align-items:flex-start;gap:.4em}.hero-copy p:last-child{display:none}.video-container .video-title{margin-top:.75em}.video-container .video-title p{font-size:22px!important}.hero-video{object-fit:cover;object-position:center}.showreel-modal{padding:1rem}.showreel-modal-dialog{width:100%}}img{width:100%;height:100%;object-fit:cover}.services{position:relative;z-index:4;width:100%;height:100svh;overflow:hidden;margin:-15svh 0 0}.services-headers{position:absolute;inset:0;z-index:2;pointer-events:none}.services-header{position:absolute;top:50%;left:0;width:100%;padding:0 2rem;will-change:transform}.services-header img{display:block;width:100%;height:auto;object-fit:contain}.services-copy{position:absolute;inset:0;z-index:1;width:100%;padding:2rem;display:flex;justify-content:center;align-items:center;text-align:center;opacity:0;transform:translateY(6vh);overflow:hidden;will-change:transform,opacity}.services-copy .animate-text{position:relative;width:min(1120px,72vw);margin:0 auto;color:#4f4f4f;font-size:clamp(2.75rem,3.6vw,3.25rem);font-weight:560;line-height:1.12;letter-spacing:0;text-wrap:balance;--clip-value: 100%}.services-copy .animate-text:before{content:attr(data-text);position:absolute;top:0;left:0;color:#fff;clip-path:inset(0 0 var(--clip-value) 0);will-change:clip-path}@media(max-width:1200px),(max-height:850px){.services-copy .animate-text{width:min(100%,1120px);font-size:clamp(1.5rem,4.5vw,2.5rem);line-height:1.18}}@media(max-width:600px){.services-copy .animate-text{font-size:clamp(1.7rem,6.5vw,1.9rem)}}.projects-intro{position:relative;z-index:4;width:100%;min-height:42svh;padding:12svh 2.5rem 6svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}.projects-intro p{color:#a5a5a5;font-size:.78rem;font-weight:500;text-transform:uppercase}.projects-intro h2{max-width:760px;color:#f3f3ef;font-size:clamp(2.5rem,4.5vw,5.5rem);font-weight:500;line-height:.96}.sticky-cards{position:relative;z-index:4;width:100%;height:600svh;padding:0}.sticky-cards-stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;perspective:1000px}.project-card{position:absolute;top:50%;left:50%;width:min(1500px,82vw);height:min(760px,74svh);padding:clamp(2.25rem,3.8vw,4rem);display:block;color:#f3f3ef;background-color:#0a0a0a;border:2px solid rgba(243,243,239,.68);border-radius:16px;overflow:hidden;transform-origin:center bottom;will-change:transform;cursor:pointer}#project-card-1{z-index:5}#project-card-2{z-index:4;background-color:#0c0c0c}#project-card-3{z-index:3;background-color:#0e0e0e}#project-card-4{z-index:2;background-color:#101010}.project-card-copy,.project-card-media{min-width:0}.project-card-copy{position:relative;z-index:2;height:100%}.project-card-topline,.project-card-footer{display:flex;gap:1rem}.project-card-topline{position:absolute;top:0;right:0}.project-card-topline p,.project-card-footer p{color:#929292;font-size:.7rem;text-transform:uppercase}.project-card-topline p:first-child{display:none}.project-card-topline p:last-child{color:#f3f3ef94;font-size:clamp(1.5rem,2vw,2.35rem);font-weight:800;line-height:1}.project-card-main{position:absolute;top:0;left:0;width:min(720px,58%);padding:0}.project-card-copy h3{max-width:13ch;color:#f3f3ef;font-size:clamp(3.2rem,4.7vw,6.4rem);font-weight:650;line-height:.92}.project-card-role{max-width:58ch;margin-top:clamp(1rem,1.6vw,1.45rem);color:#f3f3ef8a;font-size:clamp(1.05rem,1.25vw,1.38rem);font-weight:650;line-height:1.18}.project-card-tech{display:flex;flex-wrap:wrap;gap:.9rem 1.3rem}.project-card-tech span{display:inline-flex;align-items:center;gap:.55rem;color:#f3f3ef;font-size:1rem;font-weight:700;line-height:1;text-transform:uppercase}.project-card-tech img{width:30px;height:30px;object-fit:contain;opacity:.8}.project-card-tech .tech-text{min-height:30px}.project-card-footer{position:absolute;left:0;bottom:clamp(2.3rem,3.6vw,4.1rem);width:min(660px,38vw);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:clamp(1.45rem,2.2vw,2.45rem);padding-top:0}.project-card-pills{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none}.project-card-pills li{padding:.72rem .95rem;color:#f3f3efdb;background-color:#f3f3ef0e;border:1.5px solid rgba(243,243,239,.32);border-radius:999px;font-size:.9rem;font-weight:700;line-height:1;text-transform:uppercase}.project-card-footer .project-card-cta{display:none;color:#f3f3ef;font-size:clamp(.95rem,1vw,1.1rem)!important;font-weight:800}.project-card-media{--project-gallery-gap: clamp(.9rem, 1.5vw, 1.35rem);position:absolute;left:clamp(500px,45vw,760px);right:-11vw;bottom:clamp(2.4rem,3.8vw,4.35rem);height:clamp(215px,30vh,325px);display:flex;gap:var(--project-gallery-gap);overflow:hidden;opacity:.92;contain:paint}.project-card-marquee{width:max-content;height:100%;display:flex;flex:0 0 auto;animation:project-card-gallery-scroll var(--project-gallery-duration, 30s) linear infinite;animation-delay:var(--project-gallery-delay, 0s);animation-play-state:running;backface-visibility:hidden}.project-card-marquee-group{height:100%;padding-right:var(--project-gallery-gap);display:flex;flex:0 0 auto;gap:var(--project-gallery-gap)}@media(min-width:1000.01px){.project-card-media[data-marquee-ready=true]{border-left:0;-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.72) 12px,#000 40px,#000 100%);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.72) 12px,#000 40px,#000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}@keyframes project-card-gallery-scroll{to{transform:translate3d(-50%,0,0)}}.project-card-shot{flex:0 0 clamp(215px,22vw,325px);aspect-ratio:1 / 1;min-width:0;overflow:hidden;border:1px solid rgba(243,243,239,.24);border-radius:12px;background-color:#111}.project-card-shot:nth-child(2) img{object-position:center}.project-card-shot:nth-child(3) img{object-position:right center}.project-card-shot:nth-child(4) img{object-position:left center}#project-card-4 .project-card-shot img,#project-card-2 .project-card-shot img{object-position:center}.project-card-shot img{display:block;width:100%;height:100%;object-fit:cover}.project-card:hover{border-color:#fff}.project-card-shot:nth-child(n+4){display:none}@media(max-width:1000px){.projects-intro{min-height:34svh;padding:8svh 1.5rem 5svh}.projects-intro h2{font-size:3.5rem}.sticky-cards{height:430svh}.project-card{width:calc(100% - var(--site-gutter) * 2);min-height:min(74svh,700px);height:auto;padding:1.55rem 1.25rem;display:grid;grid-template-rows:auto auto;align-content:start;gap:clamp(1.5rem,3svh,2rem);overflow:hidden}.project-card-copy{position:relative;grid-row:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(1.15rem,2.2svh,1.5rem);height:auto}.project-card-topline{position:absolute;top:0;right:0;order:0;justify-content:flex-end}.project-card-topline p:last-child{font-size:1.08rem}.project-card-main{position:static;order:1;width:100%}.project-card-copy h3{max-width:11ch;font-size:clamp(2.35rem,10.2vw,3.65rem)}.project-card-main{padding:clamp(2rem,4.6svh,3.1rem) 0 0}.project-card-role{margin-top:.95rem;color:#f3f3ef9e;font-size:.94rem;line-height:1.25}.project-card-footer{position:static;order:2;width:100%;flex-direction:column;align-items:flex-start;gap:clamp(1rem,2.4svh,1.35rem)}.project-card-pills{gap:.55rem}.project-card-pills li{padding:.52rem .68rem;font-size:.68rem}.project-card-tech span{gap:.48rem;font-size:.8rem}.project-card-tech img{width:22px;height:22px}.project-card-cta{display:none!important}.project-card-media{--project-gallery-gap: clamp(.65rem, 2.5vw, .9rem);position:static;grid-row:2;align-self:start;width:100%;height:auto;margin-left:0;padding:.15rem .15rem .65rem;min-height:0;align-items:flex-start;gap:var(--project-gallery-gap);overflow-x:auto;overflow-y:hidden;border-left:0;scroll-padding-inline:.15rem;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.project-card-media::-webkit-scrollbar{display:none}.project-card-marquee,.project-card-marquee-group{height:auto}.project-card-marquee{animation:none;transform:translateZ(0)}.project-card-marquee-group--duplicate{display:none}.project-card-shot{flex:0 0 clamp(190px,62vw,280px);aspect-ratio:3913 / 3094;border-radius:6px;scroll-snap-align:start}.project-card-shot img{object-fit:contain;background-color:transparent}.project-card-shot:nth-child(n+4){display:none}}@media(prefers-reduced-motion:reduce){.project-card-marquee{animation:none;transform:none}.project-card-marquee-group--duplicate{display:none}}