@font-face{font-family:HelveticaNeue;src:url(../assets/fonts/HelveticaNeue-Regular.woff2)format("woff2")}@font-face{font-family:Cirka;src:url(../assets/fonts/Cirka-Light.woff2)format("woff2")}@font-face{font-family:"Nimbus Sans D OT";src:url(../assets/fonts/NimbusSansDOT-Bold.woff2)format("woff2")}noscript{display:none}@media (max-width:1024px){body>*{display:none}body{background:#000!important}}h1,h2,h3,p{margin:0;font-weight:400}a,body{color:#f0ede4}a{text-decoration:none}body{margin:0;font-family:HelveticaNeue,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--fs:18.750vw;--lh:0.8;--ls:-0.05em;--fs-c:20.972vw;--lh-c:0.73;--ls-c:-0.05em;--fs2:1.667vw;--lh2:1.33;--ls2:-0.01em;--fs3-c:8.750vw;--lh3-c:0.75;--ls3-c:-0.04em;--fs3:7.778vw;--lh3:0.84;--ls3:-0.03em;--fs4:1.250vw;--lh4:1.33;--ls4:-0.01em}main{position:relative;background:#000}main+script~*{display:none!important}::selection{color:#000;background:#f0ede4}::-moz-selection{color:#000;background:#f0ede4}h1,h2{cursor:default}body ::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}main.will-change{transform-origin:top center;transition:transform 1.5s ease-in-out}.hero{position:relative;display:flex;align-items:center;justify-content:center;height:var(--vh100, 100vh)}.hero .canvas-wrapper{position:fixed}.canvas-wrapper,.canvas-wrapper video,canvas{position:relative;top:0;left:0;width:100%;height:calc(9/16*100vw)}.hero h1{font-size:var(--fs);line-height:var(--lh);letter-spacing:var(--ls)}.cirka{font-family:Cirka,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}h1 .cirka{font-size:var(--fs-c);line-height:var(--lh-c);letter-spacing:var(--ls-c)}h1,h2,h3{text-transform:uppercase}.hero hgroup{transform:translateY(calc(-1*var(--fs)*.05));position:relative;text-align:center;z-index:1}.hero h2{white-space:pre;font-size:var(--fs2);line-height:var(--lh2);letter-spacing:var(--ls2);position:absolute;left:50%;transform:translateX(-50%);top:calc(var(--fs)*var(--lh))}.hero+.spacer{height:100vh;padding-bottom:300vh}.canvas-wrapper::after,.canvas-wrapper::before{position:absolute;left:0;width:100%;z-index:1;content:"";height:35%;background:linear-gradient(#000 0,transparent 100%)}.canvas-wrapper::before{top:-1px}.canvas-wrapper::after{bottom:-1px;background:linear-gradient(to top,#000 0,transparent 100%)}.portfolio{width:100%;position:relative}.bgs{position:absolute;left:0;transform:translate3d(0,var(--bg-prlx,0),0);will-change:transform}.final .bgs{display:none}.content{z-index:1;position:relative}.content>h2:first-child,.final h2{font-size:var(--fs3);line-height:var(--lh3);letter-spacing:var(--ls3);text-align:center}.content>h2:first-child .cirka,.final h2 .cirka{font-size:var(--fs3-c);line-height:var(--lh3-c);letter-spacing:var(--ls3-c)}.projects{--u:calc(100vw / 36);--u2:0.26041vw;padding:0 calc(var(--u)*3);box-sizing:border-box;overflow:hidden}.project{display:flex;border-bottom:1px solid rgba(240,237,228,.28);padding:calc(var(--u2)*20)0;gap:var(--u);transition:padding-bottom .25s cubic-bezier(.39,.575,.565,1)}.project:has(.project-media:hover),.project:has(p.ok:hover),.project:has(span.ok:hover){padding-bottom:calc(var(--u2)*20 + 25px)}.project-text{height:max-content;align-self:flex-end}.project-text h3{font-size:calc(20*var(--u2));line-height:.825;letter-spacing:-.075em;position:relative;width:max-content}.project:nth-child(odd) h3{justify-self:flex-end}.project-text p{font-size:var(--fs4);line-height:var(--lh4);letter-spacing:var(--ls4);margin-top:calc(var(--u2)*5);opacity:1;transition:opacity 1s cubic-bezier(.215,.61,.355,1) .4s;pointer-events:none}.project-text p.animate{opacity:0}.project-media.ok,.project-text p.ok{pointer-events:auto}.project-media,.project-text h3 span{position:relative}.project-text h3 span::before{content:"";width:calc(100% + .075em);position:absolute;left:0;bottom:-.1em;height:calc(.1em + 2px);background:#f0ede4;transition:transform .75s cubic-bezier(.19,1,.22,1);transform-origin:right center;transform:scale(0,1)}.project-text h3:hover span.ok::before{transform:scale(1,1);transform-origin:left center}.project-media{width:calc(var(--u)*13);min-width:calc(var(--u)*13);height:calc(var(--u)*13);border-radius:1.1vw;border:1px solid rgba(240,237,228,.28);overflow:hidden;opacity:1;transform:none;transition:1.5s;pointer-events:none}.project-media::before{content:"";top:0;left:0;background:#000;opacity:0;width:100%;height:100%;position:absolute;transition:.4s;z-index:1}.project-media.dim::before{opacity:.3}.project-media.will-change{will-change:transform}.project-media img,.project-media video{width:calc(100% + var(--proj-extra,0px));height:calc(100% + var(--proj-extra,0px));left:50%;transform:translateX(-50%);position:absolute;object-fit:cover}.project-media[href*=honkaihaven] video{object-position:left center}.project-media[href*=mentalist] img,.project-media[href*=mentalist] video{background:#000;object-fit:contain}.project:first-child{padding-top:5.347vw}.project:nth-child(odd){text-align:right;justify-content:flex-end}.project:nth-child(even){flex-direction:row-reverse;justify-content:flex-end}.project-text p span{display:block}.project-text h3 .text-mask{padding:0 .1em;margin:0-.1em}.project:nth-child(odd) .project-media.animate{transform:perspective(2000px) translate3d(-837.419px,-60px,0) rotate(5deg) rotateY(-37deg) rotateX(37deg) scale(.8,.8);opacity:0}.project:nth-child(even) .project-media.animate{transform:perspective(2000px) translate3d(837.419px,-60px,0) rotate(5deg) rotateY(37deg) rotateX(37deg) scale(.8,.8);opacity:0}@media (min-width:1025px){.cursor{will-change:transform;z-index:9000;position:fixed;top:0;left:0;pointer-events:none}.text-cursor .dot{background:#f0ede4;border-radius:50%;width:8px;height:8px;transform:scale(0,1);transition:.3s}.text-cursor.show .dot{transform:scale(1,1)}.text-cursor::before{left:16px}.text-cursor::after,.text-cursor::before{content:"View Live";text-transform:uppercase;font-family:"Nimbus Sans D OT",sans-serif;font-size:15px;line-height:1.2;position:absolute;width:max-content;transition:.4s}.text-cursor::before{opacity:0;transform:translate(0,-5px);top:-4px}.text-cursor.show::before{opacity:1;transform:none}.text-cursor::after{color:transparent;border-bottom:1px solid #f0ede4;transform:scale(0,1);top:-4px;left:17px;transform-origin:left center}.text-cursor.show::after{transform:scale(1,1)}}.text-mask{overflow:hidden}.text-mask>*{display:inline-block;transition:transform 1.2s cubic-bezier(.215,.61,.355,1) .2s;transform-origin:left center;transform:translate3d(0,0,0)}.text-mask>.animate{transform:translate3d(0,100%,0) rotate(16deg)}.final{margin-top:14.444vw;position:relative}.final h2{position:relative;z-index:1;left:50%;transform:translateX(-50%);width:calc(100% - (20/1358*100vw)*2);margin-bottom:.28em}.final .text-mask{text-align:right}.final .text-mask:nth-child(even){text-align:left}.not-yet *{transition:0s!important}.intro{z-index:9000}#sqr{position:absolute;top:50%;left:50%;border-radius:8%;background:#000;width:100vw;height:100vw;width:max(100vw,100vh);height:max(100vw,100vh)}#sqr.will-change{will-change:transform;transition:67ms linear}#sqr._2{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(78deg) rotateX(-3deg) rotateZ(0deg) scale(.1125,.1125)}#sqr._3{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(60deg) rotateX(0deg) rotateZ(6deg) scale(.125,.125)}#sqr._4{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(42deg) rotateX(3deg) rotateZ(12deg) scale(.15,.15)}#sqr._5{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(24deg) rotateX(6deg) rotateZ(13.5deg) scale(.1875,.1875)}#sqr._6{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(19.5deg) rotateX(9deg) rotateZ(13.5deg) scale(.2125,.2125)}#sqr._7{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(15deg) rotateX(7.5deg) rotateZ(13.5deg) scale(.2375,.2375)}#sqr._8{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(12deg) rotateX(9deg) rotateZ(12deg) scale(.25,.25)}#sqr._9{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(9deg) rotateX(12deg) rotateZ(10.5deg) scale(.275,.275)}#sqr._10{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(9deg) rotateX(15deg) rotateZ(7.5deg) scale(.3,.3)}#sqr._11{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(3deg) rotateX(12deg) rotateZ(1.5deg) scale(.35,.35)}#sqr._12{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(0deg) rotateX(4.5deg) rotateZ(0deg) scale(.4,.4)}#sqr._13{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(-4.5deg) rotateX(4.5deg) rotateZ(-12deg) scale(.55,.55)}#sqr._14{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(-4.5deg) rotateX(4.5deg) rotateZ(-18deg) scale(.75,.75)}#sqr._15,#sqr._16{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(-4.5deg) rotateX(0deg) rotateZ(-20deg) scale(.9,.9);transition:33ms linear}#sqr._16{transform:perspective(2000px) translate3d(-50%,-50%,0) rotateY(-4.5deg) rotateX(0deg) rotateZ(-21deg) scale(1.0375,1.0375)}#forms{border-radius:1.1vw;border:1px solid rgba(240,237,228,.28);overflow:hidden;margin:0 auto;width:55.833vw;backdrop-filter:blur(37px);opacity:0;will-change:transform,opacity}#forms iframe{filter:invert(1) grayscale(1) brightness(1.055);width:100%;height:100%;aspect-ratio:16/9}