@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2039e8342bda6056-s.0h2amv7e1wlhq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fabcf92ba1ccea36-s.p.0lwj123ije5i..woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue Fallback;src:local(Arial);ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.0%;size-adjust:76.72%}.bebas_neue_f510364b-module__AcPdvq__className{font-family:Bebas Neue,Bebas Neue Fallback;font-style:normal;font-weight:400}.bebas_neue_f510364b-module__AcPdvq__variable{--font-bebas-neue:"Bebas Neue", "Bebas Neue Fallback"}
@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/13ae3e01af63c0ce-s.0_v7qv~qdckr_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/0ee4b8f05dcd9fee-s.0jr2jo04zlceh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9eba4caf7edd2921-s.00t_.3.5..g_7.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/f6752bd2263820da-s.10j9.xtie.pqv.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/f285987c35230861-s.0l_qy7hq7zupz.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b8d1f0a88dfecec3-s.0g0e~i-as20lr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ab57efd000576a30-s.p.0.xyi-bdzzdcz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight Fallback;src:local(Arial);ascent-override:100.51%;descent-override:25.03%;line-gap-override:0.0%;size-adjust:96.39%}.inter_tight_ed89226f-module__bxlwaG__className{font-family:Inter Tight,Inter Tight Fallback;font-style:normal}.inter_tight_ed89226f-module__bxlwaG__variable{--font-inter-tight:"Inter Tight", "Inter Tight Fallback"}
:root{--bg:#0f0f22;--txt:#fff;--blue:#0a53c4;--blue-light:hsl(from var(--blue) calc(h - 11) calc(s + 26) calc(l - 14));--blue-dark:hsl(from var(--blue) calc(h - 11) calc(s + 29) calc(l - 32));--green:#0ac48f;--green-light:hsl(from var(--green) calc(h + 11) calc(s + 26) calc(l - 14));--green-dark:hsl(from var(--green) calc(h + 16) calc(s + 29) calc(l - 32));--yellow:#df8242;--yellow-light:hsl(from var(--yellow) calc(h - 11) calc(s + 26) calc(l - 14));--yellow-dark:hsl(from var(--yellow) calc(h - 11) calc(s + 29) calc(l - 32));--red:#db295f;--red-light:hsl(from var(--red) calc(h - 11) calc(s + 26) calc(l - 14));--red-dark:hsl(from var(--red) calc(h - 11) calc(s + 29) calc(l - 32));--violet:#ac89db;--violet-light:hsl(from var(--violet) calc(h - 11) calc(s + 26) calc(l - 14));--violet-dark:hsl(from var(--violet) calc(h - 11) calc(s + 29) calc(l - 32))}*{box-sizing:border-box;margin:0;padding:0}html{background:#fff;height:100%;overflow:hidden}html,body{width:100vw}body{color:var(--txt);font-family:monospace, var(--font-inter-tight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;height:100%;display:flex;overflow:auto}.transition{flex-grow:1;flex-shrink:0;display:flex}a{color:inherit;text-decoration:none}.title{padding-top:2vw}p{font-size:14px}nav{z-index:100;view-transition-name:nav;position:fixed;top:0;right:0}nav a{text-transform:uppercase;opacity:.68;border-radius:3px;padding:.6em .8em;transition:background .3s,opacity .3s;display:inline-block}nav a:hover{mix-blend-mode:multiply;opacity:1;background:#c8c8c89e}.tags{flex-wrap:wrap;align-items:flex-start;gap:6px;width:100%;margin-top:6px;display:flex}.tags .tag{background:#0006;border-radius:50px;padding:4px 12px;font-size:11px;text-decoration:none}.blue{background-color:var(--blue);background-image:linear-gradient(var(--blue) 0%, var(--blue-light) 42%, var(--blue-dark) 100%)}.green{background-color:var(--green);background-image:linear-gradient(var(--green) 0%, var(--green-light) 72%, var(--green-dark) 100%)}.red{background-color:var(--red);background-image:linear-gradient(var(--red) 0%, var(--red-light) 64%, var(--red-dark) 100%)}.yellow{background-color:var(--yellow);background-image:linear-gradient(var(--yellow) 0%, var(--yellow-light) 64%, var(--yellow-dark) 100%)}.violet{background-color:var(--violet);background-image:linear-gradient(var(--violet) 0%, var(--violet-light) 64%, var(--violet-dark) 100%)}@media screen and (max-width:600px){nav{position:relative}}
section{--title-size:9.3vw;grid-template-rows:auto 1fr;grid-template-columns:repeat(2,1fr);width:100vw;min-width:280px;padding:16vh 12vw;display:grid}section.home{padding:16vh 11vw 16vh 13vw}section .cell.full{grid-column:1/-1}section .c1,section .c2{height:fit-content;padding-bottom:60px}section .c1{padding-left:24px}section .c2{padding-right:24px}section .c3{position:relative}section .work-link{border-bottom:2px solid #fff;width:calc(100% - 14px);position:relative}section .work-link h1{margin-bottom:0;padding-right:90px}section .work-link a{position:absolute;bottom:0;right:0}section .work-link .arrow{position:absolute;bottom:-2px;right:-13px}section .images{width:100%;height:100%;min-height:240px;transition:height .28s ease-in}.customlink{font-size:var(--title-size);color:#0000;line-height:1.2em;position:relative}.customlink .arrow{width:4.4vw;height:4.4vw;margin-left:-.6vw;line-height:1.2em}.home .c1,.home .c2{z-index:-1;width:50%;height:50%;position:fixed;top:0;left:0}.home .c2{left:auto;right:0}h1{font-size:6vw;font-family:var(--font-bebas-neue);line-height:.8}h1.tagline{font-size:var(--title-size);max-width:90%;padding:0;line-height:.8em}.title h1.tagline{max-width:initial;letter-spacing:-.03em;white-space:pre-wrap;text-transform:capitalize;text-shadow:2px 3px 7px #0000000f;line-height:1.2em;display:inline-block}.c1 h1.tagline{opacity:.3;color:#fff1;background:linear-gradient(60deg,#aaa7,#ccc9 5%,#fff 50%,#bbb 80%,#aaa7 98%);-webkit-background-clip:text;background-clip:text;font-style:italic}.c2 :is(h1){margin-bottom:.2em}@media screen and (max-width:900px),(max-height:740px){h1{font-size:55px}h1.tagline{font-size:90px}.title h1.tagline{font-size:var(--title-size)}section{grid-template-rows:auto 1fr;padding:max(10.6vh,3em) max(8vw,2em)}section.home{padding:max(10.6vh,3em) 11vw 10.6vw 13vw}section .c1,section .c2{height:fit-content}section .images{min-height:180px;bottom:none;position:relative;top:0}}@media screen and (max-height:740px){section .c3{height:auto}section.home .cell.full{display:flex}section .title{margin:auto;display:inline-block}section .title h1.tagline,section .title .customlink{font-size:min(var(--title-size), 120px);line-height:min(1.2em,144px)}}@media screen and (max-width:900px){h1{font-size:6vw}section .images{aspect-ratio:2.2;height:auto}}@media screen and (max-aspect-ratio:1.1){section .cell.c3{height:fit-content}section .images{aspect-ratio:2.2;height:auto}}@media screen and (max-width:600px){section{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);align-items:center;width:100vw;padding-top:0}section.home{padding-top:0}section .cell{padding-bottom:20px}section .cell.c1,section .cell.c2{padding-inline:24px}section .cell.c1{text-align:center;opacity:.5;margin:1vh 0 3vh;padding:0}section .cell.c2{margin:auto}section .cell.c3{height:fit-content}h1.tagline{max-width:initial;font-size:12vw}}@media screen and (max-width:340px),(max-height:480px) and (max-width:480px){section .cell.c1{visibility:hidden;height:10px}}
section{view-transition-name:section}.c1,.c2,.c3{view-transition-class:card}::view-transition-group(nav){animation:none}::view-transition-old(nav){animation:none}::view-transition-new(nav){animation:none}::view-transition-new(section){animation-duration:.42s}::view-transition-old(section){animation-duration:.42s}::view-transition-new(c1){animation-duration:.5s}::view-transition-new(c2){animation-duration:.5s}::view-transition-new(c3){animation-duration:.5s}::view-transition-old(c1){animation-duration:.5s}::view-transition-old(c2){animation-duration:.5s}::view-transition-old(c3){animation-duration:.5s}::view-transition-new(c1){transform-origin:5% 95%}::view-transition-old(c1){transform-origin:5% 5%}::view-transition-new(c2){transform-origin:95% 95%;animation-delay:.125s}::view-transition-old(c2){transform-origin:95% 5%;animation-delay:.125s}::view-transition-new(c3){transform-origin:50% 95%;animation-delay:.25s}::view-transition-old(c3){transform-origin:50% 95%;animation-delay:.25s}[data-view-transition*=home]::view-transition-new(section){animation-name:scale-in}[data-view-transition*=home]::view-transition-old(section){animation-name:scale-out;animation-delay:.16s}[data-view-transition*=home]::view-transition-old(c1){animation-name:rotate-out;animation-duration:.8s}[data-view-transition*=home]::view-transition-old(c2){animation-name:rotate-out-reverse;animation-duration:.8s}[data-view-transition*=home]::view-transition-old(c3){animation-name:slide-out;animation-duration:.8s}[data-view-transition*=fromHome]::view-transition-new(section){animation-name:rotate-in}[data-view-transition*=fromHome]::view-transition-old(section){animation-name:rotate-out}[data-view-transition*=rotate] .c1{view-transition-name:c1}[data-view-transition*=rotate] .c2{view-transition-name:c2}[data-view-transition*=rotate]::view-transition-new(.card){transform-origin:50%;animation-name:mirror-in}[data-view-transition*=rotate]::view-transition-old(.card){transform-origin:50%;animation-name:mirror-out}[data-view-transition*=scale] .c1{view-transition-name:c1}[data-view-transition*=scale] .c2{view-transition-name:c2}[data-view-transition*=scale]::view-transition-new(.card){animation-name:scale-in}[data-view-transition*=scale]::view-transition-old(.card){animation-name:scale-out}[data-view-transition*=slide] .c1{view-transition-name:c1}[data-view-transition*=slide] .c2{view-transition-name:c2}[data-view-transition*=slide]::view-transition-new(.card){animation-name:slide-in}[data-view-transition*=slide]::view-transition-old(.card){animation-name:slide-out}@media screen and (max-width:600px){[data-view-transition*=home]::view-transition-old(c1){animation-name:rotate-out-reverse;animation-duration:.8s}[data-view-transition*=home]::view-transition-old(c2){animation-name:rotate-out-reverse;animation-duration:.8s;animation-delay:90ms}[data-view-transition*=home]::view-transition-old(section){transform-origin:top}}@keyframes rotate-in{0%,50%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}@keyframes rotate-out{0%{opacity:1;transform:rotate(0)}50%,to{opacity:0;transform:rotate(60deg)}}@keyframes rotate-out-reverse{0%{opacity:1;transform:rotate(0)}50%,to{opacity:0;transform:rotate(-120deg)}}@keyframes mirror-in{0%,50%{opacity:0;transform:scaleX(0)skew(-15deg,-.5deg)}to{opacity:1;transform:scaleX(1)skew(0deg)}}@keyframes mirror-out{0%{opacity:1;transform:scaleX(1)skew(0deg)}50%,to{opacity:0;transform:scaleX(.3)skew(15deg,.5deg)}}@keyframes scale-in{0%,50%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}50%,to{opacity:0;transform:scale(.1)}}@keyframes slide-in{0%{opacity:0;transform:translate(-100%)}50%{opacity:0}to{opacity:1;transform:translate(0)}}@keyframes slide-out{0%{opacity:1;transform:translate(0)}50%{opacity:0}to{opacity:0;transform:translate(100%)}}