@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";.burger{display:flex;flex-direction:column;position:absolute;justify-content:space-between;top:1.5rem;right:1.5rem;width:2rem;height:1.5rem;z-index:10;cursor:pointer}@media (min-width: 46.25em){.burger{display:none}}.burger__stripe{width:100%;height:.25rem;background:var(--white);border-radius:20px;pointer-events:none}.nav{display:flex;gap:1rem}.nav ul{display:flex;flex-direction:row;gap:.5rem 2.5rem;flex-wrap:wrap;justify-content:center}.nav li{transition:transform var(--duration) ease-in-out}.nav li:hover{transform-origin:0 0;transform:rotate(2deg)}.nav__icon,.nav__item{line-height:1;font-size:1rem;text-transform:uppercase;font-weight:900;transition:color var(--duration) ease-in-out;transform:none}.nav__icon:hover,.nav__item:hover{color:var(--highlight)}.nav__icon{width:1.5rem;height:1.5rem}.nav--horizontal ul{flex-direction:row}:root{--hero-width: 90vw;--hero-height: 75vh}@media (min-width: 46.25em){:root{--hero-width: min(80vw, 800px);--hero-height: min(65vh, 800px)}}.home{position:relative;width:100%;height:100dvh;display:flex;z-index:1}.home .stagger{opacity:0}.home__hero{display:flex;flex-direction:column;gap:.75rem;width:var(--hero-width);height:var(--hero-height);aspect-ratio:1/1;position:absolute;z-index:1;transform:translate(-50%);top:6rem;left:50%}@media (min-width: 46.25em){.home__hero{flex-direction:row;transform:translate(-50%,-50%);top:50%;left:50%}}.home__bg{opacity:0;position:relative;width:100%;height:100%;inset:0;box-shadow:10px 1px 13px #e731854d;border-radius:8px;overflow:hidden;z-index:1}.home__bg-item{position:absolute;inset:0;background:url(/home-bg.jpg) center no-repeat;background-size:cover}.home__bg-item:first-child{opacity:.5;filter:hue-rotate(-138deg);animation:glitch .05s linear 0s infinite alternate;z-index:1}.home__bg-item:last-child{opacity:1;z-index:0}.home:last-child{opacity:1}.home__header{display:flex;flex-direction:column;gap:1rem;z-index:3}.home__prename,.home__name{opacity:0;position:absolute;z-index:1;font-size:12vw;font-weight:900;text-transform:uppercase;line-height:1;margin:0 0 -.5rem -5px;z-index:2}.home__prename{top:-3rem;left:1rem}@media (min-width: 61.25em){.home__prename{font-size:6rem;top:-2.5rem;left:2rem}}.home__name{top:1vw;left:3rem}@media (min-width: 61.25em){.home__name{font-size:6rem;top:2.5rem;left:5rem}}.home__subtitle{opacity:0;position:absolute;bottom:4rem;font-size:min(5vw,1.25rem);max-width:80%;font-weight:100;margin-bottom:0;text-transform:none;z-index:2}@media (min-width: 46.25em){.home__subtitle{font-size:2rem;bottom:-2rem}}.home__nav{opacity:0;position:relative;z-index:1;width:100%}.home__nav ul{justify-content:center;width:100%}@media (min-width: 46.25em){.home__nav{margin-top:1rem;flex:0;transform:rotate(1deg);transform-origin:0 0}.home__nav ul{flex-direction:column;justify-content:start;gap:.5rem 1rem}.home__nav ul li:nth-child(1){padding-left:1rem}.home__nav ul li:nth-child(2){padding-left:.9rem}.home__nav ul li:nth-child(3){padding-left:.8rem}.home__nav ul li:nth-child(4){padding-left:.7rem}.home__nav ul li:nth-child(5){padding-left:.6rem}}.close-button{position:absolute;top:1.5rem;right:2rem;width:2rem;height:2rem;border-radius:50%;border:2px solid var(--white);z-index:3;cursor:pointer}.close-button__bar{position:absolute;top:50%;right:50%;width:60%;height:2px;background:var(--white);border-radius:10px;transition:transform var(--duration) ease-in-out;transform:translate(50%,-50%) rotate(0)}.close-button__bar:nth-child(odd){transform:translate(50%,-50%) rotate(0)}.close-button:hover .close-button__bar{transform:translate(50%,-50%) rotate(-45deg)}.close-button:hover .close-button__bar:nth-child(odd){transform:translate(50%,-50%) rotate(45deg)}.noise-overlay{position:fixed;inset:0;width:100vw;height:100dvh;pointer-events:none;z-index:15;animation:fadeIn ease-in 1s forwards}.modal{position:absolute;width:100vw;height:100dvh;padding:3rem;overflow:hidden auto;background-color:#121c34;z-index:14;opacity:1;color:#fff}.modal::backdrop{display:none}@media (min-width: 61.25em){.modal{padding:6rem}}.mobile-nav{display:flex;align-items:center;justify-content:center;text-align:center;opacity:1;transition:transform var(--duration) ease-in-out;transform:translate(-100%)}.mobile-nav[open]{transform:translate(0)}.mobile-nav .nav ul{flex-direction:column;gap:.75rem}.mobile-nav .nav__item{font-size:5vw}@keyframes rightToLeft{0%{transform:translate(0)}to{transform:translate(10%)}}.swipe-button{position:absolute;right:3rem;top:12rem;display:flex;gap:.5rem;font-size:1.25rem;font-weight:300;text-transform:uppercase;font-style:italic;animation:rightToLeft linear 1s infinite alternate-reverse,fadeOut 4s linear .5s forwards;animation-timing-function:ease-in-out;z-index:2}.swipe-button__arrow{position:relative;left:0;transition:all .3s ease-in-out}.card-list{position:relative;display:flex;gap:6rem;padding-right:3rem}.container{position:relative;display:flex;flex:1;gap:6rem;z-index:1}.container--horizontal{display:flex;align-items:center;gap:4rem}.back-button{position:relative;display:flex;gap:.5rem;font-size:.75rem;font-weight:300;text-transform:uppercase;font-style:italic}.back-button__arrow{position:relative;left:0;transition:all .3s ease-in-out}.back-button:hover .back-button__arrow{left:-.5rem}.page-intro{position:sticky;top:0;left:0;margin-bottom:3rem}.page-intro__title{font-size:8vw;line-height:1;margin-right:-5px;margin-bottom:.5rem}@media (min-width: 46.25em){.page-intro__title{font-size:3.75rem}}.page-intro__subtitle{font-size:4vw;line-height:1.2;font-weight:200}@media (min-width: 46.25em){.page-intro__subtitle{font-size:1.5rem;max-width:50%}}.more-button{position:relative;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--white);z-index:3;cursor:pointer}.more-button__bar{position:absolute;top:50%;right:50%;width:60%;height:2px;background:var(--white);border-radius:10px;transition:transform var(--duration) ease-in-out;transform:translate(50%,-50%) rotate(0)}.more-button__bar:nth-child(odd){transform:translate(50%,-50%) rotate(90deg)}.card-item{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;width:min(100vw,450px);border-radius:50px 0;overflow:hidden;cursor:pointer;z-index:0}.card-item__title{font-size:1.75rem;font-weight:900;text-transform:uppercase;text-align:center;z-index:1}@media (min-width: 46.25em){.card-item__title{font-size:2.5rem}}.card-item__img{position:absolute;top:0;left:0;width:100%;transition:opacity var(--duration) ease-in-out;opacity:1;z-index:0}.card-item__content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;height:100%;padding:3rem;transition:opacity var(--duration) ease-in-out;opacity:0;background-color:#00000080;z-index:1}.card-item:hover .card-item__content{opacity:1}.detailBlock__link,.detailBlock__text{font-size:1rem}.detailBlock__link{display:inline-flex;gap:.5rem;font-weight:100;text-decoration:underline}.detailBlock__icon svg{width:.8rem}.project-modal{position:relative;padding:5rem 2rem;background:none}@media (min-width: 61.25em){.project-modal{padding:6rem}}.project-modal:before{content:"";position:fixed;inset:0;opacity:0;background-color:#121c34;animation:fadeIn .5s forwards;z-index:0}.project-modal__content{position:relative;display:flex;flex-direction:column-reverse;gap:2rem;opacity:0;animation:1s fadeIn .5s forwards}@media (min-width: 46.25em){.project-modal__content{flex-direction:row-reverse;justify-content:center}}@media (min-width: 61.25em){.project-modal__content{gap:3rem}}.project-modal__images{display:flex;flex-direction:column;gap:2rem}.project-modal__image{width:100%}.project-modal__details{min-width:40%;flex:0}@media (min-width: 46.25em){.project-modal__details{position:sticky;top:0;left:0}}.project-modal__title{font-size:2rem;font-weight:900;text-transform:uppercase}@media (min-width: 46.25em){.project-modal__title{max-width:31rem}}.project-modal__description{margin:1rem 0 2rem}.project-modal__description p{font-size:1rem;font-weight:100;margin-bottom:1rem}@media (min-width: 61.25em){.project-modal__description p{max-width:31rem}}.project-modal .close-button{opacity:0;animation:1s fadeIn .5s forwards}.project-modal.modal--closing{pointer-events:none}.project-modal.modal--closing .close-button,.project-modal.modal--closing .project-modal__content{opacity:1;animation:fadeOut .5s forwards}.project-modal.modal--closing:before{opacity:1;animation:1s fadeOut .5s forwards}.projects{display:flex;flex-direction:column;position:relative;padding:4rem 3rem;height:100dvh;overflow:auto hidden;z-index:1}.loading{position:absolute;inset:0;background-color:#211138;pointer-events:none;z-index:15;animation:fadeOut .5s forwards;opacity:1}.loading__logo{position:absolute;bottom:2rem;right:2rem;width:4rem;animation:upDown .6s ease-in-out 0s infinite alternate-reverse;filter:blur(1px)}@media (min-width: 61.25em){.loading__logo{bottom:4rem;right:4rem;width:6rem}}.loading--is-active{animation:fadeIn .5s forwards}.squares-canvas{width:100%;border:none;display:block;position:absolute;inset:0;height:100dvh;z-index:0;opacity:0;animation:fadeIn ease-in 1s forwards}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@keyframes glitch{0%{transform:translate(-3px)}to{transform:translate(-2px)}}@keyframes textflicker{0%{text-shadow:0px 0 0 #ea36af,-2px 0 0 #75fa69}to{text-shadow:2px .5px 2px #ea36af,-1px -.5px 2px #75fa69}}@keyframes noise-shift{0%{transform:translate(1%) translateY(1%)}to{transform:translate(-1%) translateY(-1%)}}@keyframes upDown{0%{transform:translateY(10%)}to{transform:translateY(-10%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floating{0%{transform:rotate(-2deg) skew(0) translate(-50%,-50%)}50%{transform:skew(1deg) translate(-50%,-50%)}to{transform:rotate(2deg) skew(0) translate(-50%,-50%)}}@keyframes slideUp{0%{transform:translateY(-100vh)}45%{transform:translateY(0)}55%{transform:translateY(0)}to{transform:translateY(-100dvh)}}@keyframes slideDown{0%{transform:translateY(-100vh)}45%{transform:translateY(0)}55%{transform:translateY(0)}to{transform:translateY(-100dvh)}}button{background:none;outline:none;border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;appearance:none}button::-moz-focus-inner{border:0;padding:0}ul{list-style:none;padding:0;margin:0}dialog{border:none;max-height:100vh;max-width:100vw}:root{--primary-color: #0b0e18;--highlight: #ff008c;--white: #ffffff;--duration: .3s}h1,h2,h3,h4,h5{margin:0}h1,h4,h5{font-weight:900;text-transform:uppercase}h4{margin-bottom:.75rem}a{color:var(--white);text-decoration:none}p{margin:0 0 1rem;font-weight:100;line-height:1.4;color:var(--white)}:root{--body-bg-color: var(--primary-color)}body{position:relative;background-color:var(--body-bg-color);color:var(--white);font-family:Mulish,sans-serif;font-optical-sizing:auto;font-weight:400;overflow:hidden}body *{box-sizing:border-box}