@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2) format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2) format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2) format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff")}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,div,span,h1,h2,h3,h4,p,a,img,ul,ol,li,figure,figcaption,header,footer,nav,section,aside,main,canvas,video,dl,dt,dd,button,fieldset{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}ul,ol{list-style:none}img,svg,video{max-width:100%;height:auto;display:block}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}:root{--c-bg: #05060F;--c-bg-rgb: 5, 6, 15;--c-ink: #F4F3EE;--c-ink-rgb: 244, 243, 238;--c-dim: rgba(var(--c-ink-rgb), .52);--c-faint: rgba(var(--c-ink-rgb), .28);--c-line: rgba(var(--c-ink-rgb), .14);--c-accent: #6E8FD6;--c-heading: #0ACD88;color-scheme:dark;--unit: 2.4rem;--col: 11.8rem;--ar: 1.62 / 1;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.76, 0, .24, 1);--dur: .8s;--font-subtext: "Atkinson Hyperlegible", "Inter", system-ui, sans-serif;--styled: visible}@media screen and (max-width:1099px){:root{--unit: 2rem;--col: 10.5rem}}@media screen and (max-width:767px){:root{--unit: 1.6rem;--col: 7.4rem}}html{font-size:.5787037037vw;line-height:100%;background:var(--c-bg);color:var(--c-ink);overscroll-behavior:none;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}@media screen and (max-width:1365px)and (pointer:coarse){html{font-size:1vw}}@media screen and (max-width:1099px){html{font-size:1vw}}@media screen and (max-width:767px){html{font-size:2.5vw}}html.is-transitioning{pointer-events:none}html.is-transitioning .site-header{pointer-events:auto}html.is-loading{overflow:hidden}@font-face{font-family:STIX Two Text;src:url(/fonts/STIXTwoText-Variable.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}body{min-height:100vh;background:var(--c-bg);color:var(--c-ink);font-family:STIX Two Text,Inter,Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:450;line-height:148%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:767px){body{font-size:1.5rem}}body:focus,.page-content:focus{outline:none}.title,h1{font-family:Anton,Arial Narrow,sans-serif;font-weight:400;font-size:10.4rem;line-height:86%;letter-spacing:.012em;text-transform:uppercase;cursor:default}@media screen and (max-width:1099px){.title,h1{font-size:8.4rem}}@media screen and (max-width:767px){.title,h1{font-size:6.2rem}}.label{display:block;font-size:1.4rem;line-height:110%;letter-spacing:.02em;color:var(--c-faint);text-transform:uppercase}.text{font-size:1.7rem;line-height:140%}.subtext{font-family:var(--font-subtext);font-weight:400}.subtext strong{font-weight:700}.overline,.project-meta,.nav,.logo,.back,.copied,.project-title{font-size:1.5rem;line-height:120%}@media screen and (max-width:767px){.label{font-size:1.3rem}.text{font-size:1.5rem}.overline,.project-meta,.nav,.logo,.back,.copied,.project-title{font-size:1.4rem}}.line{display:block;position:relative;overflow:hidden}.line-inner{display:inline-block;position:relative;will-change:transform}.link{display:inline-block;position:relative;overflow:hidden}.link:after{content:"";position:absolute;left:0;bottom:.1em;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .55s var(--ease-out)}.link:hover:after,.link:focus-visible:after,.link.is-current:after{transform:scaleX(1);transform-origin:left center}.link:focus-visible{outline:1px solid var(--c-accent);outline-offset:.4rem}.skip-link{position:absolute;top:0;left:0;z-index:200;padding:1rem 1.6rem;background:var(--c-ink);color:var(--c-bg);transform:translateY(-120%);transition:transform .3s var(--ease-out)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.canvas{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:1;pointer-events:none;opacity:0}.overlay{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 10%,transparent 40%,rgba(5,6,15,.55) 100%);mix-blend-mode:multiply}.loader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;background:var(--c-bg)}.loader-logo{position:relative;width:min(52rem,78vw);color:var(--c-ink)}.ll-layer,.ll-wipe,.ll-wipe-inner,.ll-smoke{position:absolute;inset:0;width:100%;height:100%}.ll-layer{overflow:visible;fill:currentColor}.ll-wipe{overflow:hidden}.ll-letter{opacity:0}.ll-rocket{fill:#fff;mix-blend-mode:difference}.ll-puff{position:absolute;aspect-ratio:1;border-radius:50%;opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.ll-letter{opacity:1}}.loader-progress-wrapper{overflow:hidden}.loader-progress-inner{display:block;font-size:1.5rem;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--c-dim)}.page{position:relative;z-index:3}.page-content{position:relative;min-height:100vh;min-height:100svh}.site-header{position:fixed;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:1.1rem var(--unit);background:rgba(var(--c-bg-rgb),.42);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.08)}@media(hover:none)and (pointer:coarse){.site-header{background:rgba(var(--c-bg-rgb),.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.logo{display:inline-flex;align-items:center;color:var(--c-ink)}.logo-mark{display:block;height:4rem;width:auto;overflow:visible}@media screen and (max-width:767px){.logo-mark{height:3.6rem}}.logo-plug,.logo-rocket{visibility:hidden}.logo-rocket{fill:#fff;mix-blend-mode:difference}.logo:focus-visible{outline:1px solid #0ACD88;outline-offset:.6rem}.nav{position:relative;display:flex;align-items:center;gap:2.8rem}.roll-link{position:relative;display:inline-flex;color:var(--c-ink);transition:color .4s var(--ease-out)}.roll{display:inline-flex;overflow:hidden;line-height:1.25}.roll-char{position:relative;display:inline-block;transition:transform .6s var(--ease-out);transition-delay:calc(var(--i) * 28ms)}.roll-char:after{content:attr(data-c);position:absolute;left:0;top:100%}.roll-link:hover,.roll-link:focus-visible{color:#0acd88}.roll-link:hover .roll-char,.roll-link:focus-visible .roll-char{transform:translateY(-100%)}.roll-link:focus-visible{outline:1px solid #0ACD88;outline-offset:.5rem}.roll-link.is-current:after{content:"";position:absolute;left:0;right:0;bottom:-.5rem;height:1px;background:#0acd88;transition:transform .6s var(--ease-out)}.roll-link.is-inside:after{transform:scaleX(.4)}.copied{position:absolute;right:0;top:2.4rem;color:var(--c-dim);opacity:0;pointer-events:none}.back{position:fixed;top:calc(var(--unit) + 6.2rem);left:var(--unit);z-index:12;mix-blend-mode:difference}.back-arrow{display:inline-block;margin-right:.8rem}.menu-toggle,.nav-moons,.nav-foot{display:none}@media screen and (max-width:767px){.menu-toggle{position:relative;display:inline-flex;flex-direction:column;justify-content:center;gap:.6rem;width:4.4rem;height:4.4rem;min-width:44px;min-height:44px;margin:-1rem -1rem -1rem 0;padding:max(1.1rem,calc((38px - 1.2rem)/2)) max(1rem,calc((44px - 2.4rem)/2))}.menu-toggle-line{display:block;width:100%;height:2px;border-radius:2px;background:var(--c-ink);transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s var(--ease-out)}.menu-toggle{transition:transform .25s var(--ease-out)}.menu-toggle:active{transform:scale(.88)}.site-header.is-open .menu-toggle-line:nth-child(1){transform:translateY(calc(.6rem + 2px)) rotate(45deg)}.site-header.is-open .menu-toggle-line:nth-child(2){opacity:0;transform:scaleX(.2)}.site-header.is-open .menu-toggle-line:nth-child(3){transform:translateY(calc(-.6rem - 2px)) rotate(-45deg)}.menu-toggle:focus-visible{outline:1px solid #0ACD88;outline-offset:.2rem;border-radius:.4rem}.menu-toggle-orbit{position:absolute;inset:.3rem;border-radius:50%;border:1px dashed rgba(var(--c-ink-rgb),.35);opacity:0;transform:scale(.4);transition:opacity .3s var(--ease-out),transform .5s var(--ease-out);pointer-events:none}.menu-toggle-orbit:after{content:"";position:absolute;top:-.3rem;left:50%;width:.6rem;height:.6rem;margin-left:-.3rem;border-radius:50%;background:#0acd88;box-shadow:0 0 .6rem #0acd88cc}.site-header.is-open .menu-toggle-orbit{opacity:1;transform:scale(1);animation:menu-orbit 3.2s linear infinite;transition-delay:.15s}@keyframes menu-orbit{to{rotate:360deg}}.nav{--iris-x: calc(100% - 3rem) ;--iris-y: -3rem;--iris-r: 160vmax;position:absolute;top:100%;left:0;right:0;height:calc(100vh - 100%);height:calc(100dvh - 100%);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2.6rem;padding:4.8rem var(--unit) calc(3.2rem + env(safe-area-inset-bottom,0px)) calc(var(--unit) + 3rem);overflow:hidden;counter-reset:navlink;background:radial-gradient(1.5px 1.5px at 23% 31%,rgba(var(--c-ink-rgb),.8),transparent) 0 0 / 173px 211px,radial-gradient(1px 1px at 71% 64%,rgba(var(--c-ink-rgb),.45),transparent) 0 0 / 139px 157px,radial-gradient(1.8px 1.8px at 46% 12%,rgba(var(--c-ink-rgb),.9),transparent) 0 0 / 293px 331px,radial-gradient(1px 1px at 88% 79%,rgba(var(--c-ink-rgb),.35),transparent) 0 0 / 107px 191px,radial-gradient(1.2px 1.2px at 9% 58%,rgba(var(--c-ink-rgb),.6),transparent) 0 0 / 241px 127px,radial-gradient(120% 60% at 100% 0%,rgba(47,140,255,.11),transparent 60%),radial-gradient(90% 55% at 0% 100%,rgba(10,205,136,.08),transparent 60%),var(--c-bg);clip-path:circle(0 at var(--iris-x) var(--iris-y));visibility:hidden;will-change:transform;transition:clip-path .5s cubic-bezier(.4,0,.2,1),visibility 0s linear .5s}.site-header.is-open .nav{clip-path:circle(var(--iris-r) at var(--iris-x) var(--iris-y));visibility:visible;transition:clip-path .85s cubic-bezier(.65,0,.2,1),visibility 0s}.nav:before{content:"";position:absolute;left:var(--iris-x);top:var(--iris-y);width:120vmax;height:120vmax;translate:-50% -50%;will-change:transform,opacity;background:repeating-conic-gradient(from 0deg,transparent 0deg,rgba(var(--c-ink-rgb),.32) .35deg,transparent .8deg,transparent 6.5deg);-webkit-mask:radial-gradient(circle,transparent 4%,#000 14%,#000 26%,transparent 40%);mask:radial-gradient(circle,transparent 4%,#000 14%,#000 26%,transparent 40%);opacity:0;pointer-events:none}.site-header.is-open .nav:before{animation:nav-warp 1.1s cubic-bezier(.2,.6,.2,1) both}@keyframes nav-warp{0%{opacity:0;transform:scale(.325) rotate(0)}22%{opacity:1}to{opacity:0;transform:scale(3.03) rotate(6deg)}}.nav .nav-link{position:relative;z-index:1;counter-increment:navlink;font-family:Anton,Arial Narrow,sans-serif;font-weight:400;font-size:5.6rem;letter-spacing:.012em;text-transform:uppercase;opacity:0;transform:translate3d(0,2.4rem,0) scale(.86);transform-origin:0 100%;transition:color .4s var(--ease-out),opacity .2s var(--ease-out),transform .2s var(--ease-out)}.nav .nav-link:before{content:counter(navlink,decimal-leading-zero);position:absolute;top:.9rem;right:calc(100% + 1rem);font-family:Syne Mono,monospace;font-size:1.1rem;letter-spacing:.08em;color:#0acd88}.nav .nav-link .roll{line-height:1.1}.site-header.is-open .nav-link{opacity:1;transform:none;transition:color .4s var(--ease-out),opacity .6s var(--ease-out) var(--d, .25s),transform .9s var(--ease-out) var(--d, .25s)}.site-header.is-open a.nav-link:nth-of-type(1){--d: .25s}.site-header.is-open a.nav-link:nth-of-type(2){--d: .34s}.site-header.is-open a.nav-link:nth-of-type(3){--d: .43s}.nav .roll-link.is-current:after{bottom:-.2rem;height:2px}.nav-foot{position:relative;z-index:2;display:flex;flex-direction:column;gap:.8rem;margin-top:auto;margin-left:-3rem;font-family:var(--font-subtext);font-size:max(1.8rem,15px);opacity:0;translate:0 1.2rem;transition:opacity .2s var(--ease-out),translate .2s var(--ease-out)}.site-header.is-open .nav-foot{opacity:1;translate:0 0;transition:opacity .6s var(--ease-out) .6s,translate .8s var(--ease-out) .6s}.nav-foot-label{font-family:Syne Mono,monospace;font-size:max(1.2rem,11px);letter-spacing:.18em;text-transform:uppercase;color:#0acd88}.nav-foot-mail{color:var(--c-ink);text-decoration:underline;text-decoration-color:rgba(var(--c-ink-rgb),.3);text-underline-offset:.3em}.nav-foot-social{display:flex;gap:2.4rem;color:rgba(var(--c-ink-rgb),.72)}.nav-foot a{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px}.nav-foot{gap:0}.nav-foot-label{margin-bottom:.2rem}.nav-foot a:active{opacity:.6}.nav-moons{display:block;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.nav-moons i{position:absolute;left:var(--x);bottom:calc(var(--s) * -1.2);width:var(--s);height:var(--s);background:center / contain no-repeat;animation:moon-toss var(--d) var(--delay) infinite;animation-play-state:paused;will-change:transform}.site-header.is-open .nav-moons i,.site-header.is-closing .nav-moons i{animation-play-state:running}@keyframes moon-toss{0%{transform:translateZ(0) rotate(0);animation-timing-function:cubic-bezier(.5,1,.89,1)}50%{transform:translate3d(var(--dx),calc(var(--h) * -1svh),0) rotate(calc(var(--spin) / 2));animation-timing-function:cubic-bezier(.11,0,.5,0)}to{transform:translate3d(calc(var(--dx) * 2),0,0) rotate(var(--spin))}}}@media screen and (max-width:767px)and (prefers-reduced-motion:reduce){.nav{clip-path:none;opacity:0;transition:opacity .3s var(--ease-out),visibility 0s linear .3s}.site-header.is-open .nav{clip-path:none;opacity:1;transition:opacity .3s var(--ease-out),visibility 0s}.site-header.is-open .nav:before{animation:none}.nav .nav-link,.site-header.is-open .nav-link{transform:none;filter:none}.site-header.is-open .menu-toggle-orbit{animation:none}.nav-moons{display:none}}html.has-cursor,html.has-cursor *{cursor:none!important}html.has-cursor :is(input,textarea,select,[contenteditable=true]){cursor:text!important}.cursor{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out)}.cursor.is-visible{opacity:1}.cursor.is-text{opacity:0}.cursor-dot,.cursor-ring,.cursor-label{position:absolute;top:0;left:0;will-change:transform}.cursor-dot:before{content:"";position:absolute;width:.6rem;height:.6rem;margin:-.3rem 0 0 -.3rem;border-radius:50%;background:var(--c-ink);box-shadow:0 0 .6rem .1rem rgba(var(--c-ink-rgb),.7),0 0 1.6rem .2rem rgba(var(--c-ink-rgb),.25);transition:transform .35s var(--ease-out)}.cursor-ring:before,.cursor-sat{position:absolute;width:3.4rem;height:3.4rem;margin:-1.7rem 0 0 -1.7rem;border-radius:50%;transition:width .45s var(--ease-out),height .45s var(--ease-out),margin .45s var(--ease-out),border-color .35s var(--ease-out)}.cursor-ring:before{content:"";border:1px solid rgba(var(--c-ink-rgb),.38)}.cursor-sat:before{content:"";position:absolute;top:-.25rem;left:50%;width:.5rem;height:.5rem;margin-left:-.25rem;border-radius:50%;background:var(--c-accent);box-shadow:0 0 .6rem #6e8fd6e6}.cursor.is-hover .cursor-ring:before,.cursor.is-hover .cursor-sat{width:5.6rem;height:5.6rem;margin:-2.8rem 0 0 -2.8rem}.cursor.is-hover .cursor-ring:before{border-color:rgba(var(--c-ink-rgb),.75)}.cursor.is-hover .cursor-dot:before{transform:scale(.6)}.cursor.is-rock .cursor-ring:before,.cursor.is-rock .cursor-sat{width:4.6rem;height:4.6rem;margin:-2.3rem 0 0 -2.3rem}.cursor.is-rock .cursor-ring:before{border:1px dashed rgba(var(--c-ink-rgb),.85)}.cursor.is-down .cursor-ring:before,.cursor.is-down .cursor-sat{width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem}.cursor.is-down .cursor-dot:before{transform:scale(1.5)}.cursor-label{font-family:Syne Mono,monospace;font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink);white-space:nowrap;opacity:0;transition:opacity .3s var(--ease-out)}.cursor-label:not(:empty){margin:3.4rem 0 0;translate:-50% 0}.cursor.has-label .cursor-label{opacity:.85}.media-wrapper{position:relative;overflow:hidden;aspect-ratio:var(--ar);background:rgba(var(--c-ink-rgb),.04)}.media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}html.webgl:not(.flat-media) .media{visibility:hidden}html.webgl:not(.flat-media) .media-wrapper{background:none}html .media-wrapper.is-empty{background:rgba(var(--c-ink-rgb),.04);box-shadow:inset 0 0 0 1px rgba(var(--c-ink-rgb),.08)}#projects .text-wrapper{position:fixed;top:16rem;left:var(--unit);z-index:11;width:54rem;pointer-events:none}#projects .title{font-size:9.6rem}#projects .title{margin-bottom:2.4rem}#projects .title .line+.line{margin-top:.6rem}#projects .text{max-width:36rem;color:var(--c-dim)}#projects .work{position:relative}#projects .work{height:420vh}#projects .projects{position:fixed;top:0;left:66%;transform:translate(-50%);width:66rem;height:100vh;pointer-events:none}#projects .project-item{position:absolute;top:0;left:0;width:100%;pointer-events:auto;will-change:transform}#projects .project{display:block;width:100%}#projects .project .media-wrapper{aspect-ratio:var(--ar)}#projects .project-meta{display:flex;align-items:baseline;justify-content:space-between;margin-top:1.4rem}#projects .project-year{color:var(--c-faint)}#projects.is-pinned .project-meta{display:none}#projects .project-index{position:fixed;top:38vh;right:var(--unit);z-index:11;display:flex;flex-direction:column;align-items:flex-end;min-width:var(--col)}#projects .project-titles{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:2.4rem}#projects .project-previews{position:relative;width:calc(var(--col) + var(--unit));aspect-ratio:var(--ar)}#projects .project-previews .media-wrapper{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}#projects .project-title{display:block;padding:.4rem 0;font-size:1.8rem;font-weight:500;color:rgba(var(--c-ink-rgb),.78);white-space:nowrap;transition:color .4s var(--ease-out)}#projects .project-title.is-active{color:var(--c-ink);font-weight:600}#projects .project-title:hover,#projects .project-title:focus-visible{color:#0acd88}#projects .project-title:after{content:none}@media screen and (max-width:1365px)and (pointer:coarse){#projects .text-wrapper,#projects .project-index{position:static;width:auto;pointer-events:auto}#projects .text-wrapper{padding:14rem var(--unit) 0;margin-bottom:8rem}#projects .work{height:auto}#projects .projects{position:static;width:auto;height:auto;left:auto;transform:none;margin:0;padding:0 var(--unit) 12rem;pointer-events:auto}#projects .project-item{position:static;width:auto;margin:0}#projects .project-item+.project-item{margin-top:6rem}#projects .project-index{display:none}}@media screen and (max-width:1099px){#projects .text-wrapper,#projects .project-index{position:static;width:auto;pointer-events:auto}#projects .text-wrapper{padding:14rem var(--unit) 0;margin-bottom:8rem}#projects .work{height:auto}#projects .projects{position:static;width:auto;height:auto;left:auto;transform:none;margin:0;padding:0 var(--unit) 12rem;pointer-events:auto}#projects .project-item{position:static;width:auto;margin:0}#projects .project-index{display:none}#projects .project-item+.project-item{margin-top:6rem}}#work .page-content{padding:18rem 0 12rem}#work .title{padding:0 var(--unit);margin-bottom:4rem;text-align:center}#work .hero-media{padding:0 var(--unit);margin-bottom:8rem}#work .hero-media .media-wrapper{aspect-ratio:2.1 / 1}#work .work-film{position:relative;width:min(100%,96rem,104svh);aspect-ratio:4 / 3;margin:0 auto;overflow:hidden;border-radius:.4rem;background:rgba(var(--c-ink-rgb),.05);box-shadow:0 0 0 1px rgba(var(--c-ink-rgb),.08)}#work .work-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#work .hero-media.has-certs{display:grid;grid-template-columns:minmax(0,1fr) min(96rem,104svh,58vw) minmax(0,1fr);grid-template-areas:"left film right";align-items:center;column-gap:3rem}#work .has-certs .work-film{grid-area:film;width:100%}#work .cert-left{grid-area:left}#work .cert-right{grid-area:right}#work .cert{position:relative;justify-self:center;width:clamp(14rem,13vw,24rem);margin:0}#work .cert-hang{display:block;transform-origin:50% 1.6rem;rotate:-2deg;filter:drop-shadow(0 1.4rem 1.4rem rgba(0,0,0,.5)) drop-shadow(0 .3rem .4rem rgba(0,0,0,.35));will-change:transform;cursor:zoom-in;transition:scale .45s var(--ease-out)}#work .cert-right .cert-hang{rotate:2deg}#work .cert-hang:hover,#work .cert-hang:focus-visible{scale:1.04;outline:none}#work .cert-hang:focus-visible .cert-paper{outline:1px solid var(--c-accent);outline-offset:.6rem}#work .cert-hang.is-lifted{visibility:hidden}#work .cert-paper{position:relative;display:block;aspect-ratio:1055 / 1491;background:#f7f4ec;clip-path:polygon(0 0,100% 0,100% 78.8%,70% 100%,0 100%)}#work .cert-left .cert-paper{clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,0 78.8%)}#work .cert-img{display:block;width:100%;height:100%;object-fit:cover}#work .cert-curl{position:absolute;right:0;bottom:0;width:30%;height:21.2%;background:linear-gradient(to top left,transparent 50%,#a9a08c 50%,#e9e4d8 53%,#fffdf8 60%,#ece6d8 72%,#d6cebb 86%,#c2b8a2 100%);border-top-left-radius:85%;filter:drop-shadow(-.3rem -.3rem .45rem rgba(0,0,0,.3))}#work .cert-left .cert-curl{right:auto;left:0;background:linear-gradient(to top right,transparent 50%,#a9a08c 50%,#e9e4d8 53%,#fffdf8 60%,#ece6d8 72%,#d6cebb 86%,#c2b8a2 100%);border-radius:0 85% 0 0;filter:drop-shadow(.3rem -.3rem .45rem rgba(0,0,0,.3))}#work .cert-pin{position:absolute;left:50%;top:.6rem;z-index:2;width:2rem;height:2rem;margin-left:-1rem;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffc2c2 0 7%,#f2343e 26%,#b5121b 64%,#6e050b);box-shadow:.5rem .7rem .5rem -.15rem #00000073,inset 0 -.2rem .3rem #00000059;pointer-events:none}@media screen and (max-width:1099px){#work .hero-media.has-certs{grid-template-columns:1fr 1fr;grid-template-areas:"film film" "left right";row-gap:6rem}#work .cert{width:clamp(13rem,30vw,24rem)}}.cert-viewer{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:4vh 4vw;background:rgba(var(--c-bg-rgb),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out}.cert-viewer[hidden]{display:none}.cert-viewer-img{display:block;width:auto;height:auto;max-width:min(92vw,72rem);max-height:90vh;border-radius:.3rem;box-shadow:0 3rem 8rem #0009;cursor:default}.cert-viewer-close{position:fixed;top:2.4rem;right:2.4rem;display:grid;place-items:center;width:4.6rem;height:4.6rem;border:1px solid rgba(var(--c-ink-rgb),.5);border-radius:50%;background:rgba(var(--c-bg-rgb),.5);color:var(--c-ink);font-size:2.6rem;line-height:1;cursor:pointer;transition:border-color .3s var(--ease-out),color .3s var(--ease-out)}.cert-viewer-close:hover,.cert-viewer-close:focus-visible{border-color:#0acd88;color:#0acd88;outline:none}#work .description{max-width:62rem;margin:0 auto 6rem;padding:0 var(--unit);font-size:2.4rem;line-height:136%}#work .description .line-inner{display:block;text-align:justify;text-align-last:justify}#work .description .line:last-child .line-inner{text-align-last:left}#work .metas{display:flex;flex-wrap:wrap;justify-content:center;gap:3.2rem 8rem;max-width:62rem;margin:0 auto 12rem;padding:0 var(--unit);align-items:start;text-align:center}#work .metas .meta{width:auto;margin:0}#work .label{color:rgba(var(--c-ink-rgb),.58)}#work .meta-link{overflow:visible}#work .meta-arrow{position:absolute;left:100%;top:0;padding-left:.28em}#work .meta-list li{color:var(--c-dim)}#work .meta-list li+li{margin-top:.4rem}#work .content{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--unit);padding:0 var(--unit);margin-bottom:12rem}#work .content .media-wrapper:first-child{grid-column:1 / -1;aspect-ratio:2.1 / 1}#work .work-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:4rem;max-width:96rem;margin:0 auto;padding:0 var(--unit)}#work .project-step{display:inline-flex;flex-direction:column;gap:1rem}#work .project-step--prev{align-items:flex-start;text-align:left}#work .project-step--next{align-items:flex-end;text-align:right}#work .project-step .text{font-family:Anton,sans-serif;font-size:6.4rem;text-transform:uppercase;line-height:100%}@media screen and (max-width:1099px){#work .description{font-size:2rem}}@media screen and (max-width:767px){#work .page-content{padding-top:16rem}#work .description{font-size:1.85rem}#work .content{grid-template-columns:1fr}#work .content .media-wrapper:first-child,#work .hero-media .media-wrapper{aspect-ratio:var(--ar)}#work .work-bottom{flex-direction:column;align-items:center;gap:4.8rem}#work .project-step{align-items:center;text-align:center}#work .project-step .text{font-size:4.4rem}}#info .page-content{padding:18rem 0 0}#info .info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:calc(var(--unit) * 2);padding:0 var(--unit);min-height:calc(100vh - 18rem);min-height:calc(100svh - 18rem);align-items:start;align-content:start}#info .title{margin-bottom:6.4rem}#info .title .line+.line{margin-top:.6rem}#info .info-portrait .media-wrapper{aspect-ratio:16 / 9}#info .lead{max-width:52rem;font-size:2.2rem;line-height:145%;color:rgba(var(--c-ink-rgb),.66)}#info .info-services{--card-w: clamp(30rem, 23vw, 42rem);display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;padding:12rem var(--unit)}#info .info-cards{display:flex;align-items:flex-start;justify-content:center;gap:calc(var(--card-w) * .127)}#info .info-card{position:relative;flex:none;width:var(--card-w);aspect-ratio:338 / 422;container-type:inline-size}#info .info-cards>*+*{margin-top:calc(var(--card-w) * .43)}#info .info-card-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#info .info-card-edge{fill:none;stroke:rgba(var(--c-ink-rgb),.85);stroke-width:1.15}#info .info-card-inner{position:absolute;inset:0;padding:4.6rem 4.4rem 0;padding:16.5cqw 15cqw 0}#info .info-card-title{font-family:STIX Two Text,Georgia,Times New Roman,serif;font-weight:500;font-size:3.6rem;font-size:11cqw;line-height:1.1;letter-spacing:-.015em;color:var(--c-ink);white-space:nowrap}#info .info-card-list{display:flex;flex-direction:column;gap:1.5rem;gap:5.2cqw;margin-top:4rem;margin-top:12.5cqw}#info .info-card-list li{font-size:1.5rem;font-size:4.4cqw;line-height:1.3;color:rgba(var(--c-ink-rgb),.82)}#info .info-card-title,#info .info-card-list li{overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}#info .info-card-rise{display:block}#info .info-cards.is-armed .info-card-edge{stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len)}#info .info-cards.is-armed .info-card-rise{transform:translateY(110%)}#info .info-cards.is-armed .info-work-kind .info-card-rise{transform:translateY(calc(110% + 3cqw))}#info .info-cards.is-in .info-card-edge{stroke-dashoffset:0;transition:stroke-dashoffset .75s cubic-bezier(.33,1,.68,1) calc(var(--i) * .12s)}#info .info-cards.is-in .info-card-rise{transform:none;transition:transform .6s cubic-bezier(.16,1,.3,1) calc(var(--i) * .12s + .1s)}#info .info-cards.is-in .info-card-list .info-card-rise{transform:none;transition-duration:.5s;transition-delay:calc(var(--i) * .12s + .42s + var(--j) * .07s)}#info .info-card--offer .info-card-list{gap:2.7cqw;margin-top:9cqw}#info .info-card--offer .info-card-list li{font-size:4.25cqw}#info .info-work{position:relative;flex:none;width:var(--card-w);container-type:inline-size}#info .info-work .info-card{width:100%}#info .info-work-list{gap:0;margin-top:8cqw;border-top:1px solid var(--c-line)}#info .info-work-list li{border-bottom:1px solid var(--c-line);padding-bottom:0;margin-bottom:0}#info .info-work-kind{display:block;width:100%;padding:2.9cqw 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}#info .info-work-kind:focus-visible{outline:none}#info .info-work-kind .info-card-rise{display:flex;align-items:baseline;gap:3.2cqw}#info .info-work-no{font-family:Syne Mono,monospace;font-size:3.1cqw;letter-spacing:.06em;color:var(--c-dim);transition:color .3s ease}#info .info-work-name{flex:1;font-size:4.7cqw;color:rgba(var(--c-ink-rgb),.82);transition:color .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}#info .info-work-arrow{font-size:4.2cqw;opacity:0;transform:translate(-1.6cqw);transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}#info .info-work-kind:hover .info-work-name,#info .info-work-kind.is-open .info-work-name,#info .info-work-kind:focus-visible .info-work-name{color:var(--c-ink);transform:translate(1.2cqw)}#info .info-work-kind.is-open .info-work-no,#info .info-work-kind:focus-visible .info-work-no{color:var(--c-ink)}#info .info-work-kind.is-open .info-work-arrow,#info .info-work-kind:focus-visible .info-work-arrow{opacity:1;transform:none}#info .info-work-box{position:relative;padding:9cqw 9cqw 8cqw;border:1px solid rgba(var(--c-ink-rgb),.85);border-radius:1.6rem;background:#05060fdb}#info .info-work-box:before{content:"";position:absolute;inset:1rem;border:1px solid rgba(var(--c-ink-rgb),.85);border-radius:1.1rem;pointer-events:none}#info .info-work-details{display:grid}#info .info-work-detail{grid-area:1 / 1;visibility:hidden;transition:visibility 0s .3s}#info .info-work-detail.is-open{visibility:visible;transition:none}#info .info-work-detail>p,#info .info-work-items li{opacity:0;transform:translateY(1.2rem);transition:opacity .25s ease,transform .25s ease}#info .info-work-detail.is-open>p,#info .info-work-detail.is-open .info-work-items li{opacity:1;transform:none;transition:opacity .45s ease calc(.08s + var(--k) * .05s),transform .6s cubic-bezier(.16,1,.3,1) calc(.08s + var(--k) * .05s)}#info .info-work-head{display:flex;align-items:baseline;gap:2.6cqw;font-size:6.4cqw;line-height:1.15;color:var(--c-ink)}#info .info-work-head .info-work-no{color:var(--c-dim)}#info .info-work-text{margin-top:2.6cqw;font-size:3.9cqw;line-height:1.45;color:var(--c-dim)}#info .info-work-items{display:flex;flex-direction:column;gap:2.4cqw;margin-top:6cqw}#info .info-work-items li{position:relative;padding-left:5cqw;font-size:4.1cqw;line-height:1.35;color:rgba(var(--c-ink-rgb),.86)}#info .info-work-items li:before{content:"";position:absolute;left:0;top:.68em;width:2.4cqw;height:1px;background:currentColor;opacity:.7}#info .info-work-panel{display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .55s cubic-bezier(.16,1,.3,1),margin-top .55s cubic-bezier(.16,1,.3,1)}#info .info-work-clip{min-height:0;overflow:hidden}#info .info-work.is-open .info-work-panel{grid-template-rows:1fr;margin-top:2.4rem}#info .info-work-line,#info .info-work-arrow{display:none}#info .info-work-plus{position:relative;flex:none;align-self:center;width:3.4cqw;height:3.4cqw;color:rgba(var(--c-ink-rgb),.6);transition:transform .5s cubic-bezier(.34,1.56,.64,1),color .3s ease}#info .info-work-plus:before,#info .info-work-plus:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1.5px;margin-top:-.75px;border-radius:1px;background:currentColor}#info .info-work-plus:after{transform:rotate(90deg)}#info .info-work-kind.is-open .info-work-plus{transform:rotate(135deg);color:#0acd88}#info .info-cards.is-in .info-work:not(.was-opened) .info-work-plus{animation:info-work-nudge 5s ease-in-out calc(1.5s + var(--j) * .1s) infinite}@keyframes info-work-nudge{0%,16%,to{transform:none;color:rgba(var(--c-ink-rgb),.6)}8%{transform:scale(1.45) rotate(90deg);color:#0acd88}}#info .info-work-hint{position:absolute;left:15cqw;right:15cqw;bottom:12.5cqw;display:flex;align-items:center;gap:2.8cqw;font-family:Syne Mono,monospace;font-size:2.9cqw;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--c-ink-rgb),.62);pointer-events:none;transition:opacity .4s ease}#info .info-work-hint-ping{position:relative;flex:none;width:1.4cqw;height:1.4cqw;border-radius:50%;background:#0acd88;box-shadow:0 0 1.4cqw #0acd88b3}#info .info-work-hint-ping:after{content:"";position:absolute;inset:-1.1cqw;border-radius:50%;border:1px solid #0ACD88;animation:info-work-ping 2.2s var(--ease-out) infinite}@keyframes info-work-ping{0%{scale:.4;opacity:.9}70%,to{scale:1.6;opacity:0}}#info .info-work-hint-click{display:none}@media(hover:hover)and (pointer:fine){#info .info-work-hint-tap{display:none}#info .info-work-hint-click{display:inline}}#info .info-cards.is-armed .info-work-hint{opacity:0}#info .info-cards.is-in .info-work-hint{opacity:1;transition:opacity .7s ease 1.3s}#info .info-cards .info-work.was-opened .info-work-hint{opacity:0;transition:opacity .4s ease}#info .info-work.was-opened .info-work-hint-ping:after{animation:none}@media screen and (min-width:1100px)and (hover:hover){#info .info-work-panel{position:absolute;top:0;left:calc(100% + 9cqw);width:92cqw;display:block;margin:0;opacity:0;visibility:hidden;clip-path:inset(0 100% 0 0 round 1.6rem);transform:translate3d(-4cqw,var(--panel-y, 0px),0);transition:clip-path .4s cubic-bezier(.65,0,.35,1),transform .4s cubic-bezier(.65,0,.35,1),opacity .3s ease .1s,visibility 0s .4s}#info .info-work.is-open .info-work-panel{margin:0;opacity:1;visibility:visible;clip-path:inset(0 0 0 0 round 1.6rem);transform:translate3d(0,var(--panel-y, 0px),0);transition:clip-path .65s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s}#info .info-work-clip{overflow:visible}#info .info-work-arrow{display:inline}#info .info-work-plus,#info .info-work-hint{display:none}#info .info-work-line{display:block;position:absolute;top:0;left:100%;width:9cqw;height:1px;background:rgba(var(--c-ink-rgb),.6);transform-origin:left center;transform:translateY(var(--row-y, 0px)) scaleX(0);transition:transform .35s cubic-bezier(.65,0,.35,1);pointer-events:none}#info .info-work.is-open .info-work-line{transform:translateY(var(--row-y, 0px)) scaleX(1);transition:transform .6s cubic-bezier(.16,1,.3,1)}#info .info-work.is-open:after{content:"";position:absolute;top:0;bottom:0;left:100%;width:9cqw}}@media(prefers-reduced-motion:reduce){#info .info-work-panel,#info .info-work-line,#info .info-work-detail>p,#info .info-work-items li{transition:none!important}#info .info-work-plus,#info .info-work-hint-ping:after{animation:none!important}}@media screen and (max-width:1099px){#info .info-grid{grid-template-columns:1fr;gap:4rem}#info .lead{font-size:2rem}}@media screen and (max-width:599px){#info .info-services{--card-w: min(100%, 44rem);padding:8rem var(--unit)}#info .info-cards{flex-direction:column;align-items:center;gap:2.4rem;width:100%}#info .info-cards>*+*{margin-top:0}}#contact .page-content{padding:10.5rem 0 3rem}#contact .title{grid-column:1}#contact .title .line+.line{margin-top:.6rem}#contact .contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:7rem calc(var(--unit) * 2);padding:0 var(--unit);align-items:start}#contact .lead{grid-column:1;max-width:46rem;font-size:1.7rem;line-height:150%;color:rgba(var(--c-ink-rgb),.78)}#contact .lead strong{font-weight:600;color:var(--c-ink)}#contact .title,#contact .form-sent-title,#contact .label{color:var(--c-heading)}#contact .contact-form{position:relative;isolation:isolate;grid-column:2;grid-row:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 2rem;padding:3.6rem 4rem 3.4rem;border-radius:2.8rem;background:radial-gradient(120% 80% at 0% 0%,rgba(120,170,255,.13),transparent 55%),radial-gradient(70% 60% at 90% 8%,rgba(146,89,238,.08),transparent 60%),radial-gradient(90% 70% at 100% 100%,rgba(10,205,136,.09),transparent 60%),linear-gradient(160deg,#ffffff0b,#ffffff03 50%,#ffffff06),rgba(var(--c-bg-rgb),.14);-webkit-backdrop-filter:blur(9px) saturate(140%);backdrop-filter:blur(9px) saturate(140%);box-shadow:inset 0 1px #ffffff4d,inset 1px 0 #ffffff0f,inset 0 0 3.2rem #8cb4ff0d,0 .2rem .4rem #00000038,0 2rem 4rem -1.2rem #00000073,0 5rem 10rem -3rem #143c8c4d}#contact .contact-form:before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:linear-gradient(150deg,#ffffff80,#ffffff21 28%,#ffffff0d 55%,#0acd8842 86%,#ffffff47);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}#contact .contact-form:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.04) 22%,transparent 34%),radial-gradient(55% 18% at 32% 0%,rgba(255,255,255,.08),transparent 70%);pointer-events:none}#contact .field{display:flex;flex-direction:column;gap:1rem;min-width:0}#contact .field-wide,#contact .contact-form-foot,#contact .form-sent{grid-column:1 / -1}#contact .field-label{font-family:var(--font-subtext);font-size:1.35rem;line-height:120%;letter-spacing:.04em;color:rgba(var(--c-ink-rgb),.72);text-transform:uppercase;transition:color .4s var(--ease-out)}#contact .field-optional{text-transform:none;letter-spacing:0;color:rgba(var(--c-ink-rgb),.48)}#contact .field-control{position:relative}#contact .field-input{display:block;width:100%;padding:1.4rem 1.6rem;border:1px solid rgba(255,255,255,.12);border-radius:1.4rem;background:linear-gradient(180deg,#0003,#00000014);box-shadow:inset 0 1px 2px #0000004d,inset 0 -1px #ffffff0d;color:var(--c-ink);font:inherit;font-family:var(--font-subtext);font-size:1.7rem;line-height:140%;caret-color:#0acd88;transition:border-color .4s var(--ease-out),box-shadow .4s var(--ease-out),background-color .4s var(--ease-out)}#contact textarea.field-input{resize:vertical;min-height:7rem}@supports (field-sizing: content){#contact textarea.field-input{field-sizing:content;resize:none;min-height:7rem;max-height:28rem}}#contact [data-field=about] textarea.field-input{min-height:clamp(7rem,10vh,9.5rem)}#contact [data-field=idea] textarea.field-input{min-height:clamp(8rem,14vh,13.5rem)}#contact .field-input:hover{border-color:#ffffff3d}#contact .field.is-filled .field-input{border-color:#ffffff38}#contact .field-input:focus{outline:none;border-color:#0acd88;background-color:#0acd880a;box-shadow:inset 0 1px 2px #00000059,0 0 0 1px #0acd88,0 0 1.6rem #0acd8840}#contact .field:focus-within .field-label{color:var(--c-ink)}#contact .field.is-invalid .field-input{border-color:#ff6b6b;box-shadow:inset 0 1px 2px #0000004d,0 0 1.2rem #ff6b6b2e}#contact .field.is-invalid .field-label{color:#ff8a8a}#contact .field.is-valid .field-input{border-color:#0acd8899}#contact .field-input:-webkit-autofill{-webkit-text-fill-color:var(--c-ink);-webkit-box-shadow:0 0 0 100rem var(--c-bg) inset;caret-color:var(--c-ink)}#contact .field-error{min-height:1.4em;margin-top:.4rem;font-family:var(--font-subtext);font-size:1.3rem;color:#ff8a8a}#contact .field-error:empty{min-height:0;margin:0}#contact .field-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#contact .contact-form-foot{display:flex;align-items:center;flex-wrap:wrap;gap:1.6rem 2.4rem;margin-top:1.2rem}#contact .form-status{font-family:var(--font-subtext);font-size:1.5rem;color:var(--c-dim)}#contact .form-status.is-error{color:#ff6b6b}#contact .form-status a{color:var(--c-ink);text-decoration:underline;text-underline-offset:.2em}#contact .shout-button{display:flex;align-items:center;justify-content:center;padding:1.6rem 3.6rem;border:1px solid rgba(var(--c-ink-rgb),.9);border-radius:10rem;box-shadow:0 0 .6rem rgba(var(--c-ink-rgb),.45),0 0 2.2rem rgba(var(--c-ink-rgb),.18),inset 0 0 .8rem rgba(var(--c-ink-rgb),.2);transition:box-shadow .5s var(--ease-out),border-color .5s var(--ease-out),opacity .3s}#contact .shout-button:hover,#contact .shout-button:focus-visible{border-color:#0acd88;box-shadow:0 0 .8rem #0acd88bf,0 0 2.6rem #0acd8866,inset 0 0 1rem #0acd884d;outline:none}#contact .shout-button:disabled{opacity:.5;cursor:progress}#contact .shout-text{display:flex;overflow:hidden;font-family:Syne Mono,ui-monospace,monospace;font-size:1.5rem;line-height:1.35;letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink);text-shadow:0 0 .8rem rgba(var(--c-ink-rgb),.55);transition:color .4s var(--ease-out),text-shadow .4s var(--ease-out)}#contact .shout-button:hover .shout-text,#contact .shout-button:focus-visible .shout-text{color:#0acd88;text-shadow:none}#contact .shout-char{position:relative;display:inline-block;transition:transform .6s var(--ease-out);transition-delay:calc(var(--i) * 30ms)}#contact .shout-char:last-child{margin-right:-.22em}#contact .shout-char:after{content:attr(data-c);position:absolute;left:0;top:100%}#contact .shout-button:hover .shout-char,#contact .shout-button:focus-visible .shout-char{transform:translateY(-100%)}#contact .contact-form.is-sent>:not(.form-sent){display:none}#contact .form-sent{display:flex;flex-direction:column;gap:1.2rem;padding:2rem 0}#contact .form-sent[hidden]{display:none}#contact .form-sent:focus{outline:none}#contact .form-sent-title{font-family:Anton,Arial Narrow,sans-serif;font-size:4.4rem;line-height:1;text-transform:uppercase}#contact .form-sent .text{color:var(--c-dim)}#contact .contact-details{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.6rem var(--unit);align-content:start;font-family:var(--font-subtext)}#contact .contact-detail-tall{grid-row:span 2}#contact .contact-detail .label{margin-bottom:1rem}#contact .social-list{display:flex;flex-wrap:wrap;gap:.6rem 2.4rem}#contact .contact-lines{display:flex;flex-direction:column;gap:.6rem}#contact .contact-lines li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 1rem}#contact .contact-who{color:rgba(var(--c-ink-rgb),.66)}@media screen and (max-width:1099px){#contact .contact-grid{grid-template-columns:1fr;grid-template-rows:none}#contact .contact-form{grid-column:1;grid-row:auto}}@media screen and (max-width:767px){#contact .page-content{padding-top:14rem}#contact .title{font-size:4.9rem}#contact .lead{font-size:1.55rem}#contact .contact-details{grid-template-columns:1fr}#contact .contact-detail-tall{grid-row:auto}#contact .contact-form{grid-template-columns:1fr;gap:3rem;padding:3rem 2.4rem;border-radius:2.2rem}#contact .field-input{font-size:max(16px,1.6rem)}#contact .shout-button{width:100%}}html.no-webgl .canvas,html.no-webgl .overlay,html.no-webgl .loader,html.no-webgl .copied{display:none!important}html.no-webgl body{background:var(--c-bg)}html.no-webgl .media{visibility:visible}html.no-webgl .site-header,html.no-webgl .back{mix-blend-mode:normal}html.no-webgl #projects .text-wrapper,html.no-webgl #projects .project-index{position:static;width:auto;pointer-events:auto}html.no-webgl #projects .text-wrapper{padding:14rem var(--unit) 0;margin-bottom:8rem}html.no-webgl #projects .work{height:auto}html.no-webgl #projects .projects{position:static;width:auto;height:auto;max-width:92rem;left:auto;transform:none;margin:0 auto;padding:0 var(--unit) 12rem;pointer-events:auto}html.no-webgl #projects .project-item{position:static;width:auto;margin:0 0 6rem;transform:none!important}html.no-webgl #projects .project-index{display:none}html.no-webgl .site-header{position:static}html.no-webgl .back{position:static;display:inline-block;margin:0 var(--unit) 3rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#work .page-content{padding-bottom:6rem}@media screen and (max-width:767px){#projects .title{font-size:4.9rem}#work .title{font-size:4.6rem}#info .title{font-size:4.9rem}#projects .projects{padding-bottom:4rem}}@media screen and (min-width:768px)and (max-width:1099px){#projects .title{font-size:7.4rem}}#work .page-content{padding-bottom:10rem}@font-face{font-family:Syne Mono;src:url(/fonts/SyneMono-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.rock-canvas,.fx-canvas{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:6;pointer-events:none}.fx-canvas{z-index:7}.pull-streaks{position:fixed;inset:0;z-index:8;overflow:hidden;pointer-events:none;opacity:0}.pull-streaks i{position:absolute;top:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(var(--c-ink-rgb),.55));will-change:transform}#main .page-content{overflow-x:clip}#main .hero{position:relative}#main .hero-stage{position:relative;height:100vh;height:100svh;min-height:60rem}html.lenis-stopped{overflow:hidden}#main .hero-text{position:absolute;top:17vh;bottom:3.2rem;left:calc(var(--unit) + 7vw);z-index:4;display:flex;flex-direction:column;width:max-content;max-width:62rem}#main .title{font-size:9.6rem}#main .title .line+.line{margin-top:.6rem}#main .hero-intro{max-width:38rem;margin-top:3rem;color:var(--c-dim)}#main .scroll-cue{position:relative;flex:1;min-height:12rem;align-self:center;display:flex;flex-direction:column;align-items:center;margin-top:4.4rem;color:var(--c-ink)}#main .scroll-cue-track{position:relative;display:block;flex:1;width:1.5px;overflow:hidden;background:linear-gradient(to bottom,rgba(var(--c-ink-rgb),.06),rgba(var(--c-ink-rgb),.75));transform-origin:top center}#main .scroll-cue-spark{position:absolute;left:-1px;top:0;width:3.5px;height:16%;border-radius:2px;background:linear-gradient(to bottom,transparent,var(--c-ink));box-shadow:0 0 10px 1px rgba(var(--c-ink-rgb),.7);animation:cue-spark 2.8s cubic-bezier(.55,0,.25,1) infinite}@keyframes cue-spark{0%{transform:translateY(-100%);opacity:0}12%{opacity:1}82%{opacity:1}to{transform:translateY(625%);opacity:0}}#main .scroll-cue-head{flex:none;width:2.4rem;margin-top:-.3rem;overflow:visible}#main .scroll-cue-head path{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}#main .scroll-cue-label{position:absolute;left:calc(50% + 2.2rem);bottom:.4rem;white-space:nowrap;font-size:1.3rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-dim);transition:color .4s var(--ease-out)}#main .scroll-cue:hover .scroll-cue-label,#main .scroll-cue:focus-visible .scroll-cue-label{color:var(--c-ink)}#main .scroll-cue:focus-visible{outline:1px solid var(--c-accent);outline-offset:.8rem}#main .duo{position:absolute;top:0;right:0;width:52%;height:100%;z-index:5}#main .sketch{position:absolute;width:30rem;will-change:transform}#main .sketch-meet{top:13rem;right:7.2rem}#main .sketch-prem{top:44vh;left:6%}#main .sketch-body{position:relative;aspect-ratio:4 / 5;will-change:transform}#main .sketch-svg{position:relative;display:block;width:100%;height:100%;transition:filter .4s var(--ease-out)}#main .sketch-vector{display:block;width:100%;height:100%;overflow:visible}#main .sketch-svg.is-gl .sketch-vector{display:none}#main .sketch-gl{position:absolute;left:-12%;top:-12%;width:124%;height:124%;pointer-events:none}#main .sketch-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}#main .sketch-face-angry{opacity:0}#main .sketch:hover .sketch-svg:not(.sketch-portrait){filter:brightness(1.25)}#main .sketch-hit{position:absolute;inset:4% 8% 10%;z-index:2;border-radius:40%;cursor:pointer}#main .sketch-hit:focus-visible{outline:1px solid var(--neon);outline-offset:.4rem}#main .sketch-name{position:absolute;left:50%;top:calc(100% + 1.4rem);transform:translate(-50%);padding-left:.3em;font-size:1.5rem;font-weight:600;line-height:1;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;color:var(--c-ink);text-shadow:0 0 .8rem var(--neon);pointer-events:none;opacity:0;translate:0 .8rem;transition:opacity .35s var(--ease-out),translate .45s var(--ease-out)}#main .sketch:hover .sketch-name,#main .sketch:has(.sketch-hit:focus-visible) .sketch-name{opacity:1;translate:0 0}@media(hover:none){#main .sketch:focus-within .sketch-name{opacity:1;translate:0 0}}#main .sketch-tap{position:absolute;left:0;top:0;z-index:3;translate:-50% -50%;font-family:Syne Mono,monospace;font-size:1rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--c-ink);text-shadow:0 0 .6rem rgba(var(--c-bg-rgb),.9);pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out)}#main .sketch.is-tapping .sketch-tap{opacity:.85}#main .sketch-gasp{position:absolute;top:-2%;right:14%;font-family:Anton,sans-serif;font-size:6rem;line-height:1;color:var(--c-ink);text-shadow:0 0 6px var(--neon),0 0 20px var(--neon),0 0 40px var(--neon);opacity:0;pointer-events:none}#main .duo-actions{position:absolute;top:0;left:0;width:0;height:0;z-index:6;pointer-events:none}#main .duo-action{position:absolute;top:0;left:0;z-index:3;width:7.4rem;height:7.4rem;border-radius:50%;pointer-events:auto;cursor:pointer;will-change:transform}#main .duo-action-rock{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 .8rem 1.4rem rgba(0,0,0,.65));transition:transform .6s var(--ease-out),filter .6s var(--ease-out)}#main .duo-action:hover .duo-action-rock,#main .duo-action:focus-visible .duo-action-rock{transform:scale(1.14);filter:drop-shadow(0 1rem 1.8rem rgba(0,0,0,.7)) brightness(1.18)}#main .duo-action:focus-visible{outline:1px dashed rgba(var(--c-ink-rgb),.35);outline-offset:.2rem}#main .duo-action.is-away{pointer-events:none}#main .rock-hint{position:absolute;top:0;left:0;z-index:20;pointer-events:none;opacity:0;transition:opacity .7s var(--ease-out);will-change:transform}#main .rock-hint.is-on{opacity:1}#main .rock-hint-ring{position:absolute;top:0;left:0;translate:-50% -50%;border-radius:50%}#main .rock-hint-ring:before,#main .rock-hint-ping{content:"";position:absolute;inset:0;border-radius:50%}#main .rock-hint-ring:before{border:1px dashed rgba(var(--c-ink-rgb),.75);animation:rock-hint-turn 18s linear infinite}#main .rock-hint-ping{border:1px solid rgba(var(--c-ink-rgb),.55);animation:rock-hint-ping 2.6s var(--ease-out) infinite}#main .rock-hint-label{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;white-space:nowrap;text-align:center;text-shadow:0 0 .8rem rgba(var(--c-bg-rgb),.95),0 0 .3rem rgba(var(--c-bg-rgb),.9)}#main .rock-hint-label:before{content:"";position:absolute;inset:-.8rem -1.4rem;z-index:-1;border-radius:50%;background:rgba(var(--c-bg-rgb),.72);filter:blur(1.2rem)}#main .rock-hint-cta{font-family:Syne Mono,monospace;font-size:1.3rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink)}#main .rock-hint-line{font-size:1.45rem;font-style:italic;color:var(--c-dim)}#main .rock-hint:not(.is-on) .rock-hint-ring:before,#main .rock-hint:not(.is-on) .rock-hint-ping{animation-play-state:paused}@keyframes rock-hint-turn{to{rotate:360deg}}@keyframes rock-hint-ping{0%{scale:1;opacity:.7}70%,to{scale:1.6;opacity:0}}@media(prefers-reduced-motion:reduce){#main .rock-hint-ring:before{animation:none}#main .rock-hint-ping{display:none}}#main .about{position:relative;z-index:4}html.webgl #main .about{height:460vh}#main .about-stage{position:sticky;top:0;display:grid;grid-template-columns:1fr minmax(0,60rem) 1fr;grid-template-areas:"left body right";align-items:center;column-gap:4rem;height:100vh;height:100svh;padding:0 var(--unit)}html.no-webgl #main .about-stage{position:relative;height:auto;min-height:100vh;padding:10rem var(--unit)}#main .about-frame{position:relative;justify-self:center;width:min(100%,32rem);margin:0;padding:1.1rem;border:1px solid rgba(var(--c-ink-rgb),.16);background:rgba(var(--c-bg-rgb),.35)}#main .about-frame-left{grid-area:left}#main .about-frame-right{grid-area:right}#main .about-frame:before,#main .about-frame:after{content:"";position:absolute;z-index:1;width:2.4rem;height:2.4rem;border:2px solid var(--neon);filter:drop-shadow(0 0 4px var(--neon));pointer-events:none}#main .about-frame:before{top:-1px;left:-1px;border-right:0;border-bottom:0}#main .about-frame:after{right:-1px;bottom:-1px;border-left:0;border-top:0}#main .about-photos{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#0a0b14}#main .about-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;font-family:Syne Mono,ui-monospace,monospace;font-size:1.3rem;letter-spacing:.3em;padding-left:.3em;text-transform:uppercase;color:rgba(var(--c-ink-rgb),.78);pointer-events:none}#main .about-hint-arrow{width:1.8rem;height:1.1rem;fill:none;stroke:var(--neon);stroke-width:1.6;filter:drop-shadow(0 0 4px var(--neon));animation:about-hint-bob 1.6s ease-in-out infinite}@keyframes about-hint-bob{0%,to{translate:0 0;opacity:.45}50%{translate:0 .6rem;opacity:1}}#main .about-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,clip-path}#main .about-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#fff,#fff9 60%,#ffffff4d);mix-blend-mode:screen;opacity:0;pointer-events:none}#main .about-who{position:absolute;top:calc(100% + 1.8rem);left:0;right:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.4rem 1.4rem;margin:0}#main .about-who-name{position:relative}#main .about-who-first{display:flex;overflow:hidden;font-family:Anton,Arial Narrow,sans-serif;font-weight:400;font-size:3.4rem;line-height:1.04;letter-spacing:.03em;text-transform:uppercase;color:var(--c-ink)}#main .about-who-char{position:relative;display:inline-block;transition:transform .6s var(--ease-out);transition-delay:calc(var(--i) * 35ms)}#main .about-who-char:after{content:attr(data-c);position:absolute;left:0;top:100%}#main .about-who-last{font-family:Syne Mono,ui-monospace,monospace;font-size:1.25rem;letter-spacing:.32em;margin-right:-.32em;text-transform:uppercase;color:rgba(var(--c-ink-rgb),.62);transition:color .5s var(--ease-out)}#main .about-frame:hover .about-who-char{transform:translateY(-100%)}#main .about-frame:hover .about-who-last{color:rgba(var(--c-ink-rgb),.92)}@media(prefers-reduced-motion:reduce){#main .about-who-char,#main .about-who-last{transition:none}}#main .about-body{position:relative;z-index:2;grid-area:body;display:flex;flex-direction:column;align-items:center;text-align:center}#main .about-text{font-size:3.2rem;line-height:136%}#main .about-text .line{padding-bottom:.08em}#main .about-cta{position:absolute;top:calc(100% + 5rem);left:0;right:0;display:flex;justify-content:center;pointer-events:none}:is(#main,#info,#notfound) .about-button{position:relative;pointer-events:auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:1.6rem 3.6rem;border:1px solid rgba(var(--c-ink-rgb),.9);border-radius:10rem;background:none;box-shadow:0 0 .6rem rgba(var(--c-ink-rgb),.45),0 0 2.2rem rgba(var(--c-ink-rgb),.18),inset 0 0 .8rem rgba(var(--c-ink-rgb),.2);transition:box-shadow .6s var(--ease-out),border-color .6s var(--ease-out)}:is(#main,#info,#notfound) .about-button{translate:var(--nx, 0px) var(--ny, 0px);scale:1;transition:box-shadow .5s var(--ease-out),border-color .5s var(--ease-out),scale .45s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){:is(#main,#info,#notfound) .about-button:hover{scale:1.15;border-color:#0acd88;box-shadow:0 0 .8rem #0acd88bf,0 0 2.6rem #0acd8866,inset 0 0 1rem #0acd884d}:is(#main,#info,#notfound) .about-button:hover .about-button-text{color:#0acd88;text-shadow:none}:is(#main,#info,#notfound) .about-button:hover .about-button-char{transform:translateY(-100%)}}:is(#main,#info,#notfound) .about-button:active{scale:.96;border-color:#0acd88;transition-duration:.12s}:is(#main,#info,#notfound) .about-button:focus-visible{scale:1.15;border-color:#0acd88;box-shadow:0 0 .8rem #0acd88bf,0 0 2.6rem #0acd8866,inset 0 0 1rem #0acd884d;outline:none}:is(#main,#info,#notfound) .about-button:focus-visible .about-button-text{color:#0acd88;text-shadow:none}:is(#main,#info,#notfound) .about-button-text{display:flex;overflow:hidden;font-size:1.4rem;font-weight:600;line-height:1.35;letter-spacing:.22em;text-transform:uppercase;font-family:Syne Mono,ui-monospace,monospace;font-weight:400;color:var(--c-ink);text-shadow:0 0 .8rem rgba(var(--c-ink-rgb),.55);transition:color .4s var(--ease-out),text-shadow .4s var(--ease-out)}:is(#main,#info,#notfound) .about-button-char{position:relative;display:inline-block;translate:calc((var(--i) - var(--mid, 0)) * var(--spread, 0) * 1em) 0;transition:transform .6s var(--ease-out);transition-delay:calc(var(--i) * 30ms)}:is(#main,#info,#notfound) .about-button-char:last-child{margin-right:-.22em}:is(#main,#info,#notfound) .about-button-char:after{content:attr(data-c);position:absolute;left:0;top:100%}:is(#main,#info,#notfound) .about-button:focus-visible .about-button-char{transform:translateY(-100%)}#main .about-cta .about-button{padding:2rem 4.6rem}#main .about-cta .about-button-text{font-size:1.7rem}@media screen and (max-width:767px){#main .about-cta .about-button{padding:1.7rem 3.8rem}#main .about-cta .about-button-text{font-size:1.55rem}}#main .showcase{position:relative;z-index:4}#main .showcase-stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:5vh;overflow:hidden}#main .showcase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;padding:0 calc(var(--unit) + 7vw)}#main .showcase-count{display:block;font-family:Syne Mono,monospace;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-dim)}#main .showcase-title{font-family:Anton,Arial Narrow,sans-serif;font-weight:400;font-size:7.6rem;line-height:88%;letter-spacing:.012em;text-transform:uppercase}#main .showcase-count{font-variant-numeric:tabular-nums}#main .showcase-count-now{color:var(--c-ink)}#main .showcase-track{display:flex;align-items:flex-start;gap:3.2rem;width:max-content;padding:0 calc(var(--unit) + 7vw);will-change:transform}#main .show-card{position:relative;flex:0 0 auto;display:block;width:clamp(28rem,29vw,48rem);color:var(--c-ink)}#main .show-card-inner{position:relative;display:flex;flex-direction:column;gap:1.4rem;transform-origin:50% 40%;transition:opacity .6s var(--ease-out),filter .6s var(--ease-out)}#main .showcase-track.has-hot .show-card:not(.is-hot) .show-card-inner{opacity:.4;filter:saturate(.5) brightness(.75)}#main .show-card:nth-child(2n){margin-top:6vh}#main .show-card-media{position:relative;display:block;aspect-ratio:4 / 3;max-height:46vh;overflow:hidden;border-radius:.4rem;background:rgba(var(--c-ink-rgb),.05);box-shadow:0 0 0 1px rgba(var(--c-ink-rgb),.08);transition:transform .6s var(--ease-out)}#main .show-card-inner:before{content:"";position:absolute;top:0;left:0;right:0;aspect-ratio:4 / 3;max-height:46vh;border-radius:.4rem;box-shadow:0 0 0 1px var(--accent),0 2.4rem 5rem -1.6rem var(--accent);opacity:0;transition:opacity .5s var(--ease-out);pointer-events:none}#main .show-card.is-hot .show-card-inner:before{opacity:1}#main .show-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.14);filter:saturate(.85) brightness(.92);transition:filter .5s var(--ease-out)}@media screen and (min-width:768px){#main .show-card-img,#main .show-card-inner{will-change:transform}}#main .show-card.is-still .show-card-img{transform:none;will-change:auto}#main .show-card.is-hot .show-card-img{filter:saturate(1.05) brightness(1.04)}#main .show-card:focus-visible{outline:none}#main .water-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}#main .show-card-meta{display:flex;align-items:baseline;gap:1.2rem}#main .show-card-name{font-family:Anton,Arial Narrow,sans-serif;font-size:3rem;line-height:1;text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .5s var(--ease-out)}#main .show-card.is-hot .show-card-name{background-size:100% 1px}@media screen and (min-width:768px)and (orientation:portrait){#main .show-card{width:min(64vw,64vh)}#main .show-card-name{font-size:3.6rem}}.showcase-rail{position:relative}.showcase-swipe{display:none}@media screen and (min-width:768px)and (hover:none)and (pointer:coarse){#main .showcase{height:auto!important}#main .showcase-stage{position:relative;height:auto;padding:14vh 0 12vh}#main .showcase-track{width:auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 calc(var(--unit) + 7vw);scrollbar-width:none;transform:none!important}#main .showcase-track::-webkit-scrollbar{display:none}#main .show-card{scroll-snap-align:start}#main .showcase-progress{bottom:6vh}#main .showcase-swipe{position:absolute;right:2rem;top:34%;z-index:3;display:flex;align-items:center;gap:1.2rem;padding:1.2rem 2rem 1.2rem 1.4rem;border-radius:999px;background:rgba(var(--c-bg-rgb),.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(var(--c-ink-rgb),.18),0 1.2rem 3rem #00000073;pointer-events:none;transition:opacity .5s var(--ease-out),translate .5s var(--ease-out)}#main .showcase-swipe-hand{width:3.4rem;height:3.4rem;fill:none;stroke:var(--c-ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:showcase-swipe 2.2s cubic-bezier(.45,0,.25,1) infinite}#main .showcase-swipe-text{font-family:Syne Mono,monospace;font-size:1.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink)}#main .showcase.has-swiped .showcase-swipe{opacity:0;translate:2rem 0}#main .showcase.has-swiped .showcase-swipe-hand{animation-play-state:paused}}@keyframes showcase-swipe{0%{transform:translate(1.2rem);opacity:0}15%{opacity:1}55%{transform:translate(-1.6rem);opacity:1}75%,to{transform:translate(-1.6rem);opacity:0}}@media(prefers-reduced-motion:reduce){#main .showcase-swipe-hand{animation:none}}@media screen and (min-width:768px)and (max-width:1440px)and (orientation:landscape)and (pointer:coarse){#main .show-card{width:min(40vw,50vh)}}#main .showcase-heading{display:flex;align-items:flex-end;gap:3.2rem;flex-wrap:wrap}#main .showcase-all{display:grid;grid-template-columns:auto auto;column-gap:2.4rem;align-items:center;margin-bottom:.6rem;padding:1.4rem 2rem;border:1px solid rgba(var(--c-ink-rgb),.35);border-radius:.4rem;color:var(--c-ink);transition:border-color .4s var(--ease-out),color .4s var(--ease-out),box-shadow .4s var(--ease-out)}#main .showcase-all-text{font-family:Anton,Arial Narrow,sans-serif;font-size:2.6rem;line-height:1;text-transform:uppercase}#main .showcase-all-arrow{grid-column:2;width:2.8rem;height:2.8rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--ease-out)}#main .showcase-all:hover,#main .showcase-all:focus-visible{border-color:#0acd88;color:#0acd88;box-shadow:0 0 1.6rem -.4rem #0acd8899;outline:none}#main .showcase-all:hover .showcase-all-arrow{transform:translate(.4rem,-.4rem)}#main .showcase-progress{position:absolute;left:calc(var(--unit) + 7vw);right:calc(var(--unit) + 7vw);bottom:5vh;height:1px;background:var(--c-line)}#main .showcase-progress-bar{position:absolute;inset:0;background:var(--c-ink);transform-origin:0 50%;transform:scaleX(0)}:is(#main,#info) .finale{position:relative;z-index:4;touch-action:pan-y;height:100vh;height:100svh;min-height:56rem;overflow:hidden}:is(#main,#info) .planet-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}:is(#main,#info) .finale-body{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:0 var(--unit) 18vh;text-align:center;pointer-events:none}:is(#main,#info) .finale-title{font-family:Anton,Arial Narrow,sans-serif;font-weight:400;font-size:10rem;line-height:.92;letter-spacing:.012em;text-transform:uppercase}:is(#main,#info) .finale-text{font-size:1.8rem;line-height:1.5;color:var(--c-dim);max-width:48rem;text-wrap:balance}:is(#main,#info) .finale-line{display:block}:is(#main,#info) .finale-cta{margin-top:2.6rem;pointer-events:auto}:is(#main,#info) .finale-button{padding:2.4rem 6.4rem}:is(#main,#info) .finale-button .about-button-text{font-size:2rem}:is(#main,#info) .finale-title .line-inner{transform:translateY(110%);transition:transform 1.1s var(--ease-out)}:is(#main,#info) .finale-text,:is(#main,#info) .finale-cta{opacity:0;translate:0 2rem;transition:opacity .9s var(--ease-out),translate .9s var(--ease-out)}:is(#main,#info) .finale.is-in .finale-title .line-inner{transform:none}:is(#main,#info) .finale.is-in .finale-text{opacity:1;translate:0 0;transition-delay:.25s}:is(#main,#info) .finale.is-in .finale-cta{opacity:1;translate:0 0;transition-delay:.4s}html.no-webgl #main .sketch-gasp,html.no-webgl #main .duo-actions,html.no-webgl #main .about-hint{display:none}#main .about.is-away .about-hint-arrow{animation-play-state:paused}@media(prefers-reduced-motion:reduce){#main .about-hint-arrow{animation:none}}@media screen and (max-width:1099px){#main .hero-stage{display:flex;flex-direction:column;min-height:0}#main .hero-text{position:relative;top:auto;bottom:auto;left:auto;display:block;flex:none;width:auto;max-width:none;padding:15rem var(--unit) 0}#main .title{font-size:7.4rem}#main .scroll-cue{display:none}#main .duo{position:relative;flex:1 1 auto;width:100%;height:auto;min-height:0;margin-top:2rem}#main .sketch{width:min(38vw,var(--duo-h, 100vh) * .44)}#main .sketch-meet{top:4%;right:9%}#main .sketch-prem{top:44%;left:9%}#main .about-stage{grid-template-columns:1fr 1fr;grid-template-areas:"left right" "body body";align-content:center;row-gap:7rem}#main .about-text{font-size:2.8rem}#main .about-cta{position:relative;top:auto;margin-top:4rem}}@media screen and (max-width:767px){#main .hero-text{padding-top:13rem}#main .title{font-size:4.9rem}#main .hero-intro{margin-top:2rem}#main .duo{margin-top:1rem}#main .sketch{width:min(46vw,var(--duo-h, 100vh) * .44)}#main .sketch-meet{top:3%;right:4%}#main .sketch-prem{top:44%;left:4%}#main .sketch-gasp{font-size:4.4rem}#main .duo-action{width:5.8rem;height:5.8rem}#main .about-stage{column-gap:1.6rem;row-gap:6.4rem}#main .about-frame{padding:.7rem}#main .about-who{top:calc(100% + 1.2rem);gap:.2rem 1rem}#main .about-who-first{font-size:2.8rem}#main .about-who-last{font-size:1.05rem;letter-spacing:.24em;margin-right:-.24em}#main .about-hint{gap:1rem;font-size:1.1rem;letter-spacing:.22em;padding-left:.22em}#main .about-text{font-size:2.1rem}#main .about-cta{margin-top:3.2rem}:is(#main,#info,#notfound) .about-button{padding:1.4rem 3rem}#main .about-body{align-items:center}}@media screen and (max-width:1099px)and (orientation:landscape)and (max-height:540px){#main .about-stage{grid-template-columns:1fr minmax(0,1.4fr) 1fr;grid-template-areas:"left body right";row-gap:0}#main .about-frame{width:min(100%,32rem,58vh)}#main .about-who{top:calc(100% + 1rem)}#main .about-who-first{font-size:min(2.8rem,6vh)}#main .about-text{font-size:min(2.1rem,4.6vh)}#main .about-cta{margin-top:2rem}}@media screen and (max-width:1099px)and (orientation:portrait)and (min-aspect-ratio:4/5),screen and (max-width:767px)and (orientation:portrait)and (min-aspect-ratio:3/5){#main .sketch{width:min(38vw,var(--duo-h, 100vh) * .68,var(--duo-w, 100vw) * .4)}#main .sketch-meet{top:2%;right:8%}#main .sketch-prem{top:12%;left:8%}}@media screen and (max-width:1099px)and (orientation:landscape){#main .hero-stage{flex-direction:row}#main .hero-text{display:flex;flex-direction:column;justify-content:center;flex:0 0 50%;padding:6vh 0 0 calc(var(--unit) + 3vw)}#main .title{font-size:min(5.6vw,10.5vh)}#main .hero-intro{max-width:40vw;margin-top:min(2.4vw,4vh);font-size:min(1.7vw,3.6vh)}#main .duo{flex:1 1 auto;height:auto;margin-top:0}#main .sketch{width:min(22vw,var(--duo-h, 100vh) * .36)}#main .sketch-meet{top:15%;right:8%}#main .sketch-prem{top:50%;left:2%}#main .duo-action{width:min(7vw,13vh);height:min(7vw,13vh)}}#main .hero-intro strong{font-weight:700;color:var(--c-ink)}@media screen and (max-width:767px){#main .showcase{height:auto!important}#main .showcase-stage{position:static;height:auto;padding:10rem 0 6rem;gap:4rem}#main .showcase-head{padding:0 var(--unit)}#main .showcase-title{font-size:5.4rem}#main .showcase-track{flex-direction:column;width:auto;gap:5rem;padding:0 var(--unit);transform:none!important}#main .show-card{width:100%}#main .show-card:nth-child(2n){margin-top:0}#main .show-card-media,#main .show-card-inner:before{max-height:none}#main .showcase-progress{display:none}}html.no-webgl #main .showcase-stage{position:static;height:auto;padding:8rem 0}html.no-webgl #main .showcase-track{width:auto;overflow-x:auto}html.no-webgl #main .showcase-progress{display:none}@media screen and (max-width:767px){:is(#main,#info) .finale-title{font-size:5.6rem}:is(#main,#info) .finale-button{padding:2rem 4.4rem}:is(#main,#info) .finale-button .about-button-text{font-size:1.6rem}}@media screen and (orientation:portrait){:is(#main,#info) .finale-body{justify-content:flex-end;padding-bottom:calc(34vh + 4rem);padding-bottom:calc(34svh + 4rem)}:is(#main,#info) .finale:not(:has(.planet-canvas)) .finale-body{justify-content:center;padding-bottom:18vh}}html.no-webgl :is(#main,#info) .planet-canvas{display:none}html.no-webgl :is(#main,#info) .finale-title .line-inner{transform:none}html.no-webgl :is(#main,#info) .finale-text,html.no-webgl :is(#main,#info) .finale-cta{opacity:1;translate:0 0}