@font-face{font-family:"Proto Grotesk";src:url("/assets/proto-grotesk.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Portfolio Display";src:url("/assets/display-font.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--black:#000;--white:#fff;--red:#d90000;--ease:cubic-bezier(.4,.24,.4,1)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:"Proto Grotesk",Arial,sans-serif;-webkit-font-smoothing:antialiased}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,video{display:block;width:100%;height:100%;object-fit:cover}
.canvas{position:relative;width:1024px;transform-origin:0 0;background:#000}
.nav-link{position:absolute;z-index:100;width:72px;height:10px;font-size:10px;line-height:10px;text-transform:uppercase;white-space:nowrap}
.nav-link .label,.nav-link .click{position:absolute;inset:0 auto auto 0;transition:opacity .2s var(--ease),color .2s var(--ease)}
.nav-link .label{opacity:0}.nav-link .click{opacity:1}
.nav-link:hover .label,.nav-link:focus-visible .label{opacity:1;color:var(--red)}
.nav-link:hover .click,.nav-link:focus-visible .click{opacity:0}
.nav-link:focus-visible{outline:1px solid #fff;outline-offset:5px}
.nav-left{left:24px;top:24px}.nav-left .click{left:11px}.nav-right{right:31px;top:24px;width:65px}.nav-right .click{left:31px}.nav-right.about-right .click{left:22px}.nav-center{left:480px;top:24px;width:64px}.nav-center .click{left:12px}.nav-project{left:32px;top:24px}.nav-project .click{left:0}
.page-transition{transform:none;opacity:1}
.shot-loop{appearance:none;border:0;padding:0;background:#000;cursor:pointer;overflow:hidden}
.shot-loop img{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .05s linear}
.shot-loop img.is-active{opacity:1}
.shot-loop:focus-visible{outline:1px solid #fff;outline-offset:4px}
.big-copy{position:absolute;margin:0;width:976px;left:24px;text-align:center;font-size:70px;line-height:80px;font-weight:400}
.about-title{top:73.87px;height:80px}
.portrait{position:absolute;left:455px;top:186px;width:114px;height:150px;filter:grayscale(1)}
.about-statement{top:353.87px;height:240px}
.about-copy-1{top:673.87px;height:240px}
.about-copy-2{top:1073.87px;height:320px}
.about-meet{top:1473.87px;height:80px}
.about-pleasure{top:1553.87px;height:80px}
.about-fun{top:1713.87px;height:80px}
.about-signature{top:1793.87px;height:262px;line-height:262px;color:var(--red)}
.red-note{position:absolute;left:476px;top:984.87px;width:72px;height:11px;color:var(--red);font-size:12px;line-height:12px;text-align:center}
.contact-word{position:absolute;left:0;width:1024px;text-align:center;font-size:120px;font-weight:400}
.contact-word:hover,.contact-word:focus-visible{color:var(--red)}
.contact-cv{top:61px;height:100px;line-height:100px}.contact-instagram{top:161px;height:115px;line-height:115px}.contact-linkedin{top:276px;height:115px;line-height:115px}.contact-mail{top:391px;height:115px;line-height:115px}.contact-phone{top:506px;height:115px;line-height:115px}
.works-hero{position:absolute;left:232px;top:192px;width:560px;height:160px;margin:0;text-align:center;font-size:70px;line-height:80px;font-weight:400}
.scroll-down{position:absolute;left:232px;top:360px;width:560px;height:16px;text-align:center;color:var(--red);font-size:13px;line-height:16px}
.work-card{position:absolute;overflow:hidden;display:block}.work-card img{transition:transform .545s var(--ease)}.work-card:hover img{transform:scale(1.025)}
.work-mara{left:127px;top:540.8px;width:768px;height:512px}.work-mara img{object-position:center 52%}
.work-d1a{left:78.2px;top:1180px;width:377.6px;height:358.4px}.work-d1b{left:568.1px;top:1180px;width:376.8px;height:358.4px}
.work-c2c{left:127px;top:1692px;width:768px;height:358.4px}
.work-aia{left:78.1px;top:2204px;width:376.8px;height:358.4px}.work-aib{left:568.1px;top:2204px;width:376.8px;height:358.4px}
.work-world{left:127px;top:2716px;width:768px;height:358.4px}
.work-meta{position:absolute;font-size:10px;line-height:10px;font-weight:400;white-space:nowrap}.work-meta span{display:block}.work-meta span:first-child{color:var(--red)}.meta-mara{left:67.9px;top:1108px}.meta-d1{left:69.4px;top:1593px}.meta-c2c{left:67.9px;top:2104px}.meta-ai{left:82.2px;top:2617px}
.world-copy{position:absolute;left:31px;top:3130px;width:512px;height:20px;font-size:10px;line-height:10px;text-transform:uppercase}.world-copy span{display:block}.world-copy span:first-child{color:var(--red)}
.works-cta{position:absolute;left:224px;top:3222px;width:560px;height:16px;font-size:13px;line-height:16px;text-align:center}.works-cta:hover{color:var(--red)}
.reveal{opacity:0;transform:scale(.8);transition:opacity .545s var(--ease),transform .545s var(--ease)}.reveal.visible{opacity:1;transform:scale(1)}
.project-copy{position:absolute;font-size:10px;line-height:12px;font-weight:400;margin:0}.project-copy p{margin:0 0 18px}
.asset{position:absolute;overflow:hidden}
.d1-copy{left:768px;top:64px;width:224px;height:216px}.d1-credit{position:absolute;left:768px;top:412px;width:216px;height:12px;font-size:10px;line-height:12px}.me{color:var(--red)}
.d1-a{left:32px;top:64px;width:353px;height:357px}.d1-b{left:401px;top:64px;width:353px;height:357px}.d1-c{left:32px;top:436px;width:473px;height:659px}.d1-d{left:520px;top:436px;width:473px;height:659px}
.d1-thumb{top:1111px;width:117px;height:165px}.d1-t1{left:32px}.d1-t2{left:153px}.d1-t3{left:273px}.d1-t4{left:394px;width:116px}.d1-t5{left:515px}.d1-t6{left:636px;width:115px}.d1-t7{left:755px}.d1-t8{left:875px}
.fixed-scroll-label{position:fixed;left:50%;top:11.86px;z-index:90;transform:translateX(-50%);font-size:10px;line-height:12px;color:var(--red)}
.c2c-copy{left:583px;top:64px;width:409px;height:84px}.c2c-a{left:31px;top:64px;width:259px;height:371px}.c2c-b{left:308px;top:64px;width:259px;height:371px}.c2c-credit{position:absolute;left:592px;top:428px;width:216px;height:12px;font-size:10px;line-height:12px}.c2c-video{left:32px;top:448px;width:960px;height:540px;cursor:pointer}
.c2c-tap-note{display:none;position:absolute;color:var(--red);font-size:10px;line-height:12px;text-align:center}
.ai-copy{left:776px;top:64px;width:216px;height:252px}.ai-hero{left:32px;top:64px;width:728px;height:440px}.ai-workflow-note{position:absolute;left:776px;top:364px;width:216px;height:12px;font-size:10px;line-height:12px;color:var(--red)}.ai-workflow{left:776px;top:381px;width:216px;height:123px}
.ai-cell{position:absolute;width:230px;height:360px}.ai-r1c1{left:32px;top:520px}.ai-r1c2{left:275px;top:520px;width:229px}.ai-r1c3{left:518px;top:520px;width:234px}.ai-r1c4{left:768px;top:520px;width:224px}
.ai-r2c1{left:32px;top:892px;height:356px}.ai-r2c2{left:275px;top:892px;height:356px}.ai-r2c3{left:518px;top:896px;width:234px;height:352px}.ai-r2c4{left:763px;top:892px;height:356px}
.ai-r3c1{left:32px;top:1264px;height:356px}.ai-r3c2{left:275px;top:1260px;height:356px}.ai-r3c3{left:520px;top:1260px;height:356px}.ai-r3c4{left:763px;top:1262px;width:234px;height:352px}
.ai-r4c1{left:32px;top:1636px;height:356px}.ai-r4c2{left:275px;top:1636px;height:356px}.ai-r4c3{left:518px;top:1636px;width:234px;height:356px}.ai-r4c4{left:763px;top:1636px;width:234px;height:356px}
.ai-canvas .project-cta{top:2030px}
.project-cta{position:absolute;left:232px;top:1664px;width:560px;height:15px;text-align:center;font-size:13px;line-height:15px}.project-cta:hover{color:var(--red)}
.d1-cta{top:1302px}.c2c-cta{top:1015px}
.mara-copy{left:664px;top:64px;width:328px;height:300px}.mara-copy p{margin-bottom:18px}.mara-hero{left:32px;top:64px;width:600px;height:400px}.mara-credit{position:absolute;left:664px;top:430px;width:300px;height:12px;font-size:10px;line-height:12px}
.mara-shot{position:absolute;overflow:hidden}.mara-a,.mara-b,.mara-c{top:488px;width:304px;height:380px}.mara-a{left:32px}.mara-b{left:360px}.mara-c{left:688px}.mara-d,.mara-e,.mara-f,.mara-g{top:888px;width:230px;height:288px}.mara-d{left:32px}.mara-e{left:275px}.mara-f{left:518px}.mara-g{left:762px}.mara-h,.mara-i{top:1196px;width:472px;height:590px}.mara-h{left:32px}.mara-i{left:520px}.mara-j,.mara-k,.mara-l{top:1806px;width:304px;height:380px}.mara-j{left:32px}.mara-k{left:360px}.mara-l{left:688px}.mara-cta{top:2262px}
@media (max-width:768px){
 html,body{width:100%;min-width:0;overflow-x:hidden}.canvas{width:100%;min-height:0}.page-transition{transform:none}
 .nav-link{position:absolute;top:22px;font-size:11px;line-height:11px;height:12px}.nav-left,.nav-project{left:16px}.nav-right{right:16px}.nav-center{left:50%;transform:translateX(-50%)}

 .about-canvas{height:1700px!important}.big-copy{left:16px;width:calc(100% - 32px);font-size:34px;line-height:40px}.about-title{top:82px;height:40px}.portrait{left:50%;top:148px;width:88px;height:116px;transform:translateX(-50%)}.about-statement{top:302px;height:120px}.about-copy-1{top:502px;height:170px}.red-note{left:50%;top:704px;width:80px;transform:translateX(-50%);font-size:11px}.about-copy-2{top:790px;height:320px}.about-meet{top:1160px;height:80px}.about-pleasure{top:1250px;height:80px}.about-fun{top:1380px;height:40px}.about-signature{top:1440px;height:180px;line-height:180px;font-size:48px;color:var(--red)}

 .contact-canvas{height:610px!important}.contact-word{width:100%;font-size:58px;line-height:86px!important;height:86px!important}.contact-cv{top:70px}.contact-instagram{top:156px}.contact-linkedin{top:242px}.contact-mail{top:328px}.contact-phone{top:414px}.contact-canvas .mobile-duplicate{display:none}

 .works-canvas{height:2340px!important}.works-hero{left:16px;top:112px;width:calc(100% - 32px);height:96px;font-size:42px;line-height:48px}.scroll-down{left:16px;top:224px;width:calc(100% - 32px);font-size:12px}.work-card{left:16px;width:calc(100% - 32px)}.work-mara{top:330px;height:239px}.meta-mara{left:16px;top:582px}.work-d1a{top:680px;height:343px}.work-d1b{display:none}.meta-d1{left:16px;top:1036px}.work-c2c{top:1120px;height:170px}.meta-c2c{left:16px;top:1303px}.work-aia{top:1390px;width:calc(50% - 22px);height:286px}.work-aib{display:block;left:calc(50% + 6px);top:1390px;width:calc(50% - 22px);height:286px}.meta-ai{left:16px;top:1690px}.work-world{top:1780px;height:340px}.world-copy{left:16px;top:2134px;width:calc(100% - 32px)}.works-cta{left:24px;top:2250px;width:calc(100% - 48px);height:auto;font-size:15px;line-height:19px}.reveal{transform:scale(.94)}

 .d1-canvas{height:2140px!important}.d1-copy{left:16px;top:64px;width:calc(100% - 32px);height:auto;font-size:12px;line-height:15px}.d1-copy p{margin-bottom:14px}.d1-credit{left:16px;top:352px;width:calc(100% - 32px);font-size:11px}.d1-a,.d1-b{top:390px;width:calc(50% - 22px);height:310px}.d1-a{left:16px}.d1-b{left:calc(50% + 6px)}.d1-c,.d1-d{left:16px;width:calc(100% - 32px);height:500px}.d1-c{top:716px}.d1-d{top:1232px}.d1-thumb{top:auto;width:calc(25% - 14px)!important;height:126px}.d1-t1,.d1-t5{left:16px}.d1-t2,.d1-t6{left:calc(25% + 6px)}.d1-t3,.d1-t7{left:calc(50% + 0px)}.d1-t4,.d1-t8{left:calc(75% - 6px)}.d1-t1,.d1-t2,.d1-t3,.d1-t4{top:1748px}.d1-t5,.d1-t6,.d1-t7,.d1-t8{top:1888px}.d1-cta{left:24px;top:2050px;width:calc(100% - 48px);height:auto;font-size:15px;line-height:19px}

 .c2c-canvas{height:930px!important}.fixed-scroll-label{top:8px;width:auto;font-size:10px;font-family:"Proto Grotesk",Arial,sans-serif}.c2c-copy{left:16px;top:64px;width:calc(100% - 32px);height:auto;font-size:12px;line-height:15px}.c2c-a,.c2c-b{top:270px;width:calc(50% - 22px);height:250px}.c2c-a{left:16px}.c2c-b{left:calc(50% + 6px)}.c2c-credit{left:16px;top:536px;width:calc(100% - 32px);font-size:11px}.c2c-video{left:16px;top:574px;width:calc(100% - 32px);height:calc((100vw - 32px) * .5625)}.c2c-tap-note{display:block;left:16px;top:calc(574px + (100vw - 32px) * .5625 + 12px);width:calc(100% - 32px);font-size:11px}.c2c-cta{left:24px;top:855px;width:calc(100% - 48px);height:auto;font-size:15px;line-height:19px}

 .ai-canvas{height:3330px!important}.ai-hero{left:16px;top:64px;width:calc(100% - 32px);height:225px}.ai-copy{left:16px;top:310px;width:calc(100% - 32px);height:auto;font-size:12px;line-height:15px}.ai-copy p{margin-bottom:14px}.ai-workflow-note{left:16px;top:585px;width:calc(100% - 32px);font-size:11px}.ai-workflow{left:16px;top:608px;width:calc(100% - 32px);height:198px}.ai-cell{width:calc(50% - 22px)!important;height:286px!important}.ai-r1c1,.ai-r1c2{top:822px}.ai-r1c3,.ai-r1c4{top:1124px}.ai-r2c1,.ai-r2c2{top:1426px}.ai-r2c3,.ai-r2c4{top:1728px}.ai-r3c1,.ai-r3c2{top:2030px}.ai-r3c3,.ai-r3c4{top:2332px}.ai-r4c1,.ai-r4c2{top:2634px}.ai-r4c3,.ai-r4c4{top:2936px}.ai-r1c1,.ai-r1c3,.ai-r2c1,.ai-r2c3,.ai-r3c1,.ai-r3c3,.ai-r4c1,.ai-r4c3{left:16px}.ai-r1c2,.ai-r1c4,.ai-r2c2,.ai-r2c4,.ai-r3c2,.ai-r3c4,.ai-r4c2,.ai-r4c4{left:calc(50% + 6px)}.ai-canvas .project-cta{display:block;left:24px;top:3260px;width:calc(100% - 48px);height:auto;font-size:15px;line-height:19px}

 .mara-canvas{height:6250px!important}.mara-copy{left:16px;top:64px;width:calc(100% - 32px);height:auto;font-size:12px;line-height:15px}.mara-copy p{margin-bottom:14px}.mara-credit{left:16px;top:300px;width:calc(100% - 32px);font-size:11px}.mara-hero{left:16px;top:336px;width:calc(100% - 32px);height:239px}.mara-shot{left:16px!important;width:calc(100% - 32px)!important;height:448px!important}.mara-a{top:591px}.mara-b{top:1055px}.mara-c{top:1519px}.mara-d{top:1983px}.mara-e{top:2447px}.mara-f{top:2911px}.mara-g{top:3375px}.mara-h{top:3839px}.mara-i{top:4303px}.mara-j{top:4767px}.mara-k{top:5231px}.mara-l{top:5695px}.mara-cta{left:24px;top:6170px;width:calc(100% - 48px);height:auto;font-size:15px;line-height:19px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-transition,.reveal,.work-card img{transition:none!important;animation:none!important}}