*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}@font-face{font-family:Anek;src:url(/anek-subset.woff2) format("woff2");font-weight:100 900;font-stretch:75% 125%;font-display:swap}:root{--dark-purple: #0c050f;--purple: #3a1a4c;--offwhite: #dad5be;--bronze: #c06a1b;--dark-purple-rgb: 12, 5, 15;--bezier: cubic-bezier(.33, .72, .34, .99);font-family:Anek,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}:root body{background-color:var(--dark-purple);color:var(--offwhite);overflow:hidden}@media not (max-width:768px){:root body svg.mobile{display:none}}@media(max-width:768px){:root body svg.desktop{display:none}}body.scrolled .replay-intro{opacity:0;transform:translateY(-12px);pointer-events:none}body.scrolled .header{transform:translateY(0)}body.scrolled .header .navigation{border-radius:0 0 8px 8px}@media not (max-width:768px){body.scrolled .header .navigation{border-radius:0 0 12px 12px}}.header{position:fixed;top:0;width:100%;z-index:100;transform:translateY(16px);transition:transform .3s var(--bezier),opacity .6s var(--bezier);opacity:0;pointer-events:none}.header.animate{opacity:1;pointer-events:all}.header.seen{opacity:1;pointer-events:all;transition:transform .3s var(--bezier)}.header nav{display:flex;justify-content:center}.header nav .navigation{position:relative;display:flex;justify-content:center;align-items:center;gap:4px;padding:8px 16px;margin:0 16px;border-radius:12px;background-color:var(--offwhite);transition:border-radius .3s var(--bezier)}@media not (max-width:768px){.header nav .navigation{gap:24px;margin:0;padding:8px 32px;border-radius:12px}}.header nav .navigation:after{content:"";position:absolute;inset:-16px;z-index:-1;background:radial-gradient(closest-side,var(--dark-purple) 42%,rgba(var(--dark-purple-rgb),0) 100%)}.header nav .navigation .item{position:relative;padding:4px;font-size:12px;font-weight:800;font-stretch:125%;text-transform:uppercase;color:var(--dark-purple)}@media not (max-width:768px){.header nav .navigation .item{padding:8px;font-size:14px}}.header nav .navigation .item:after{content:"";position:absolute;bottom:10px;left:8px;right:8px;height:1px;border-radius:8px;background-color:var(--dark-purple);transform:scaleX(0);transition:transform .3s var(--bezier)}@media(pointer:fine){.header nav .navigation .item:hover:after{transform:scaleX(1)}}.replay-intro{position:absolute;z-index:101;top:60px;right:12px;cursor:pointer;font-size:12px;padding:4px;color:var(--offwhite);transition:opacity .3s var(--bezier),transform .3s var(--bezier)}@media not (max-width:768px){.replay-intro{top:12px;right:20px;padding:12px;font-size:16px}}.replay-intro.masked{opacity:0;transform:translateY(-12px);pointer-events:none}.replay-intro:after{content:"";position:absolute;bottom:4px;left:4px;right:4px;height:.5px;border-radius:8px;background-color:var(--bronze);transform:scaleX(0);transition:transform .3s var(--bezier)}@media not (max-width:768px){.replay-intro:after{bottom:10px;left:12px;right:12px}}@media(pointer:fine){.replay-intro:hover:after{transform:scaleX(1)}}.intro{position:relative;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px}.intro .lines{position:absolute;inset:0;max-height:95svh;align-items:center;justify-content:center;display:flex;flex-direction:column;pointer-events:none}.intro .lines .top{flex-grow:1;transform:rotate(-30deg) scale(70,35)}@media not (max-width:768px){.intro .lines .top{transform:rotate(-45deg) scale(140,70)}}.intro .lines .top{transition:transform 2.4s cubic-bezier(.1,1,0,1)}.intro .lines .bottom{transform-origin:0% 0%;transform:scaleY(0);transition:transform .8s var(--bezier);transition-delay:2s}.intro .title{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;opacity:0;transition:opacity 1s var(--bezier);transition-delay:2s}@media(max-width:500px){.intro .title{gap:3vw}}.intro .title:after{content:"";position:absolute;inset:-30% -72px -50%;z-index:-1;background:radial-gradient(closest-side,var(--dark-purple) 42%,rgba(var(--dark-purple-rgb),0) 100%)}.intro .title .name{font-size:60px;letter-spacing:-4%;line-height:90%;font-weight:600;font-stretch:125%}@media not (max-width:768px){.intro .title .name{font-size:92px}}.intro .title .name{overflow:hidden;perspective:50%}@media(max-width:500px){.intro .title .name{font-size:12vw}}.intro .title .name .char{transform-style:preserve-3d;transform-origin:50% 100%;min-width:.4ch;display:inline-block;transform:rotateX(-30deg) translateY(100%);transition:transform .6s var(--bezier);transition-delay:calc(2s + var(--index) * .05s)}.intro .title .role{letter-spacing:4%;font-weight:700;font-stretch:115%;text-transform:uppercase;font-size:14px}@media not (max-width:768px){.intro .title .role{font-size:20px}}.intro .title .role{opacity:0;transition:opacity .3s var(--bezier);transition-delay:2.8s}@media(max-width:450px){.intro .title .role{font-size:3.5vw}}.intro.seen .lines .top{transform:scaleY(1);transition:none}.intro.seen .lines .bottom{transform:scaleY(1) translateY(-1px);transition:none}.intro.seen .title{opacity:1;transition:none}.intro.seen .title .name .char{transform:none;transition:none}.intro.seen .title .role{opacity:1;transition:none}.intro.animate .lines .top{transform:scaleY(1)}.intro.animate .lines .bottom{transform:scaleY(1) translateY(-1px)}.intro.animate .title{opacity:1}.intro.animate .title .name .char{transform:none}.intro.animate .title .role{opacity:1}.intro.masked .lines{opacity:0;transition:opacity .6s var(--bezier)}.intro.masked .lines .top{transform:rotate(-30deg) scale(70,35)}@media not (max-width:768px){.intro.masked .lines .top{transform:rotate(-45deg) scale(140,70)}}.intro.masked .lines .top{transition:transform 0s cubic-bezier(.1,1,0,1)}.intro.masked .lines .bottom{transform:scaleY(0);transition:transform 0s var(--bezier)}.intro.masked .title{opacity:0;transition:opacity .3s var(--bezier)}.intro.masked .title .name .char{transform:rotateX(-30deg) translateY(100%);transition:transform .6s var(--bezier);transition-delay:calc(var(--index) * .01s)}.intro.masked .title .role{opacity:0;transition:opacity .3s var(--bezier)}.services{position:relative;display:grid}@media(max-width:768px){.services{grid-template-columns:0 repeat(8,1fr) 0;column-gap:16px}}@media not (max-width:768px){.services{grid-template-columns:minmax(0,1fr) repeat(12,minmax(0px,95px)) minmax(0,1fr);column-gap:32px}}.services{row-gap:32px;text-align:center;margin-bottom:120px;padding-top:3svh}@media not (max-width:768px){.services{margin-bottom:240px;row-gap:48px}}.services>.title{grid-column:3/-3}.services .anchor{position:absolute;top:0;left:0;height:100%;transform:translateY(-30svh)}.services .list{grid-column:3/-3;display:flex;gap:32px}@media(max-width:768px){.services .list{flex-direction:column}}@media not (max-width:1200px){.services .list{grid-column:4/-4}}.services .list .item{flex:1;display:flex;flex-direction:column;gap:8px}@media not (max-width:768px){.services .list .item{gap:12px}}.services .list .item .title{letter-spacing:4%;font-weight:700;font-stretch:115%;text-transform:uppercase;font-size:14px}@media not (max-width:768px){.services .list .item .title{font-size:20px}}.services .list .item .content{font-size:14px;font-weight:500;font-stretch:103%;line-height:150%}@media not (max-width:768px){.services .list .item .content{font-size:18px}}.services .button{padding:6px 16px;font-size:12px;font-weight:800;font-stretch:125%;font-family:Anek,sans-serif;text-transform:uppercase;text-decoration:none;background-color:var(--offwhite);color:var(--dark-purple);border:2px solid transparent;border-radius:8px}@media(pointer:fine){.services .button{transition:border-radius .3s var(--bezier),border .3s var(--bezier),background-color .3s var(--bezier),color .3s var(--bezier)}.services .button:hover{border-radius:0;border:2px solid var(--bronze)}}@media not (max-width:768px){.services .button{border-radius:12px;padding:8px 24px;font-size:14px}}.services .button{grid-column:3/-3;justify-self:center}.services.animate .lines{opacity:1;transition:none}.services.animate .lines .line svg{stroke-dashoffset:0}.services .lines{position:absolute;top:0;left:16px;right:16px;z-index:-1;height:1000px;pointer-events:none;max-width:1400px;margin:0 auto;opacity:0;transition:opacity .6s var(--bezier);transform:translateY(round(nearest,-5svh - 17px,1px));overflow:hidden}@media not (max-width:768px){.services .lines{left:32px;right:32px;transform:translateY(round(nearest,-5svh - 33px,1px))}}.services .lines .line{position:absolute;left:0;right:0;width:100%;height:100%;clip-path:polygon(calc(50% - 7px) 0%,calc(50% - 7px) 8px,calc(50% - 22px) 8px,calc(50% - 22px) 16px,25% 100%,0 100%,0 0)}@media not (max-width:768px){.services .lines .line{clip-path:polygon(calc(50% - 15px) 0%,calc(50% - 15px) 16px,calc(50% - 46px) 16px,calc(50% - 46px) 32px,25% 100%,0 100%,0 0)}}.services .lines .line.left{z-index:2}.services .lines .line.right{transform:scaleX(-1);z-index:1}.services .lines .line svg{position:absolute;left:0;z-index:0;stroke-dasharray:745;stroke-dashoffset:745}@media not (max-width:768px){.services .lines .line svg{stroke-dasharray:1000;stroke-dashoffset:1000}}.services .lines .line svg{transition:stroke-dashoffset 2.4s var(--bezier)}.projects{position:relative;display:grid}@media(max-width:768px){.projects{grid-template-columns:0 repeat(8,1fr) 0;column-gap:16px}}@media not (max-width:768px){.projects{grid-template-columns:minmax(0,1fr) repeat(12,minmax(0px,95px)) minmax(0,1fr);column-gap:32px}}.projects{margin-bottom:120px}@media not (max-width:768px){.projects{margin-bottom:240px}}.projects .anchor{position:absolute;top:0%;left:0;height:100%;transform:translateY(-80px)}.projects .title{grid-column:2/-2;margin-bottom:48px}@media not (max-width:768px){.projects .title{margin-bottom:80px}}.projects .list{grid-column:2/-2;display:flex;flex-direction:column;gap:32px}@media not (max-width:768px){.projects .list{gap:48px}}@media not (max-width:768px){.projects .list{grid-column:3/-3}}@media not (max-width:1200px){.projects .list{grid-column:4/-4}}.contact{display:grid}@media(max-width:768px){.contact{grid-template-columns:0 repeat(8,1fr) 0;column-gap:16px}}@media not (max-width:768px){.contact{grid-template-columns:minmax(0,1fr) repeat(12,minmax(0px,95px)) minmax(0,1fr);column-gap:32px}}.contact{row-gap:80px;margin-bottom:80px}@media not (max-width:768px){.contact{margin-bottom:180px}}.contact.animate .mail svg{stroke-dashoffset:0}.contact .title{grid-column:2/-2;text-align:center;line-height:150%;letter-spacing:-4%;font-size:20px;font-weight:600;font-stretch:125%}@media not (max-width:768px){.contact .title{font-size:24px}}.contact .mail{position:relative}@media(max-width:1000px){.contact .mail svg{display:none}}.contact .mail svg{position:absolute;bottom:0;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.5s var(--bezier)}.contact .mail svg:first-child{left:-32px;transform:translate(-100%,6px)}.contact .mail svg:last-child{right:-32px;transform:translate(100%,6px) scaleX(-1)}.contact .links{grid-column:2/-2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;font-size:14px;font-weight:800;font-stretch:125%;text-transform:uppercase}@media not (max-width:768px){.contact .links{font-size:20px}}.contact .links .bottom{display:flex;justify-content:center;gap:80px}@media(max-width:768px){.contact .links .bottom{flex-direction:column;text-align:center;gap:32px}}.contact .links .bottom a:not(:last-child){position:relative}.contact .links .bottom a:not(:last-child):after,.contact .links .bottom a:not(:last-child):before{content:"";position:absolute;width:1px;height:16px;transform:translate(-50%);background-color:var(--bronze);transition:width .3s var(--bezier)}@media(max-width:768px){.contact .links .bottom a:not(:last-child):after,.contact .links .bottom a:not(:last-child):before{bottom:-24px;left:50%}}@media not (max-width:768px){.contact .links .bottom a:not(:last-child):after,.contact .links .bottom a:not(:last-child):before{top:50%;right:-40px;transform:translateY(-50%)}}.contact .links .bottom a:not(:last-child):before{transform:translate(-50%) rotate(90deg)}@media not (max-width:768px){.contact .links .bottom a:not(:last-child):before{transform:translateY(-50%) rotate(90deg)}}.footer{text-align:center;font-size:12px;font-weight:600;letter-spacing:10%;font-stretch:125%;text-transform:uppercase}@media not (max-width:768px){.footer{font-size:16px}}.footer{padding:16px;display:flex;flex-direction:column;gap:4px}@media not (max-width:768px){.footer{justify-content:center;flex-direction:row;gap:12px}}@media(max-width:768px){.footer .line{display:none}}