@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";html{--preloader__body-height: 100vh;--preloader__body-overflow: hidden;--preloader__pointer-events: auto;overflow-y:scroll}html.preloader-completed{--preloader__body-height: auto;--preloader__body-overflow: hidden;--preloader__pointer-events: none}body{height:var(--preloader__body-height);overflow:var(--preloader__body-overflow)}.preloader{z-index:3;display:flex;pointer-events:var(--preloader__pointer-events);flex-direction:column;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;overflow:hidden;padding:2rem;background-color:var(--white)}.preloader__content{text-align:center}.preloader__svg{width:max(20rem,16dvw);opacity:0;margin:0 auto}@media (orientation: portrait){.preloader__svg{width:max(20rem,16dvh)}}.preloader__typ{text-align:center}.preloader__typ-title{color:var(--gray-600);font-size:max(3.4rem,2.2dvw);min-height:6.8rem;line-height:1;opacity:0}@media (orientation: portrait){.preloader__typ-title{font-size:max(3.4rem,2.2dvh)}}.intro{z-index:2;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100dvh}.intro:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50%,#131313 30%,#272727)}html.preloader-completed .intro:before{animation:scale 4s forwards ease-out}@keyframes scale{0%{transform:scale(1)}to{transform:scale(1.4)}}.intro:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20rem;background:linear-gradient(to bottom,transparent,var(--gray-900))}.intro__content{position:relative;padding:0 var(--spacing-3);text-align:center;opacity:0}@media only screen and (max-width: 767px){.intro__content{padding-bottom:var(--spacing-5)}}.intro__title{font-size:max(4rem,5vw)}@media only screen and (min-width: 768px){.intro__title{font-size:max(6rem,5vw)}}.intro__title span{display:inline-block}.intro__title em{color:var(--gray-300);font-style:normal}.intro__tagline{margin:0;line-height:1;font-size:max(3rem,2.4vw);text-transform:lowercase}@media only screen and (min-width: 768px){.intro__tagline{font-size:max(4rem,2.4vw)}}.intro__scroll{z-index:3;cursor:pointer;position:absolute;left:50%;width:max(4rem,2vw);height:max(4rem,2vw);transform:translate(-50%)}.intro__scroll--mobile{top:100%}@media only screen and (min-width: 768px){.intro__scroll--mobile{display:none}}.intro__scroll--desktop{display:none;bottom:2vw}@media only screen and (min-width: 768px){.intro__scroll--desktop{display:block}}.intro__scroll-svg{position:absolute;top:50%;left:0;transform:translateY(-50%);fill:var(--gray-600);transition:.3s ease-out}.intro__scroll:hover .intro__scroll-svg{fill:var(--gray-500)}.works{--work-margin: 8vw;--work-angle: 22%;--work-angle-large: 78%;--work-angle-hover: 42%;--work-angle-large-hover: 58%;--work-text-color: var(--white);--work-btn-text-color: var(--black)}.works__content{display:flex;flex-direction:column;gap:var(--work-margin)}@media only screen and (min-width: 768px){.works__content{--work-margin: 6vw}}.work{position:relative;display:flex;justify-content:center;align-items:center;width:100%;opacity:0;transition:opacity .8s ease-in-out}.work--visible{opacity:1}.work--theme-red{--work-text-color: var(--red-700);--work-btn-text-color: var(--white)}.work--theme-black{--work-text-color: var(--white)}.work--theme-white{--work-text-color: var(--black);--work-btn-text-color: var(--white)}.work__link{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (min-width: 992px){.work__link{display:none}}.work__content{position:relative;width:100%;aspect-ratio:1/1;clip-path:polygon(4% var(--work-angle),50% 0%,96% var(--work-angle),100% var(--work-angle-large),50% 100%,0% var(--work-angle-large));transition:clip-path .8s}@media only screen and (min-width: 480px){.work__content{aspect-ratio:1.4/1}}@media only screen and (min-width: 768px){.work__content{aspect-ratio:1.8/1}}@media (hover: hover){.work--hover .work__content{clip-path:polygon(4% var(--work-angle-hover),50% 0%,96% var(--work-angle-hover),100% var(--work-angle-large-hover),50% 100%,0% var(--work-angle-large-hover));transition:clip-path 2.2s}}.work__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform-origin:center center;filter:grayscale(80%);transition:filter .4s ease-in-out;transform:translateZ(0);-webkit-backface-visibility:hidden}@media (hover: hover){.work--hover .work__img{transition:filter .4s ease-in-out;filter:grayscale(0%);transform:translateZ(0)}}.work__typ{position:absolute;top:50%;left:50%;width:80%;max-width:initial;display:flex;flex-direction:column;justify-content:center;padding:0 var(--spacing-3);transform:translate(-50%,-50%)}.work__typ-title{position:relative;display:flex;flex-direction:column;margin:0 auto;color:var(--work-text-color);font-size:max(4rem,5vw);line-height:1}@media only screen and (max-width: 479px){.work__typ-title{text-align:center}}.work__typ-tags{display:none;color:var(--work-text-color);font-size:max(2rem,1.4vw)}@media only screen and (min-width: 480px){.work__typ-tags{display:block}}.work__typ-btn-container{display:none;margin:var(--spacing-4) auto 0}@media only screen and (min-width: 992px){.work__typ-btn-container{display:block}}.work__typ-btn{border-radius:.1em;background-color:var(--work-text-color);display:flex;align-items:center;gap:.4em;color:var(--work-btn-text-color);padding:.6em 1em;font-size:max(2rem,1.2vw);text-transform:uppercase;text-decoration:none;transition:.4s ease-in-out}.work__typ-btn:hover{color:var(--work-btn-text-color);opacity:.7}.about{opacity:0;transition:opacity .8s ease-in-out}.about--visible{opacity:1}.about__content{max-width:60ch;margin:0 0 var(--spacing-6)}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,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}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--white: #ffffff;--black: #000000;--gray-50: #f2f3f3;--gray-100: #e5e7e6;--gray-200: #cacecd;--gray-300: #b0b5b4;--gray-400: #959d9b;--gray-500: #7b8482;--gray-600: #626a68;--gray-700: #4a504e;--gray-800: #313534;--gray-900: #181b1a;--teal-50: #e5fff7;--teal-100: #ccffef;--teal-200: #99ffdf;--teal-300: #66ffce;--teal-400: #33ffbe;--teal-500: #00ffae;--teal-600: #00cc8b;--teal-700: #009968;--teal-800: #006646;--teal-900: #003323;--cyan-50: #e5faff;--cyan-100: #ccf6ff;--cyan-200: #99ecff;--cyan-300: #66e3ff;--cyan-400: #33daff;--cyan-500: #00d1ff;--cyan-600: #00a7cc;--cyan-700: #007d99;--cyan-800: #005366;--cyan-900: #002a33;--blue-50: #e5eeff;--blue-100: #ccdcff;--blue-200: #99b9ff;--blue-300: #6697ff;--blue-400: #3374ff;--blue-500: #0051ff;--blue-600: #0041cc;--blue-700: #003199;--blue-800: #002066;--blue-900: #001033;--indigo-50: #eae5ff;--indigo-100: #d5ccff;--indigo-200: #ac99ff;--indigo-300: #8266ff;--indigo-400: #5833ff;--indigo-500: #2e00ff;--indigo-600: #2500cc;--indigo-700: #1c0099;--indigo-800: #130066;--indigo-900: #090033;--violet-50: #f7e5ff;--violet-100: #efccff;--violet-200: #df99ff;--violet-300: #ce66ff;--violet-400: #be33ff;--violet-500: #ae00ff;--violet-600: #8b00cc;--violet-700: #680099;--violet-800: #460066;--violet-900: #230033;--purple-50: #ffe5fa;--purple-100: #ffccf6;--purple-200: #ff99ed;--purple-300: #ff66e3;--purple-400: #ff33da;--purple-500: #ff00d1;--purple-600: #cc00a7;--purple-700: #99007d;--purple-800: #660054;--purple-900: #33002a;--pink-50: #ffe5ee;--pink-100: #ffccdc;--pink-200: #ff99b9;--pink-300: #ff6697;--pink-400: #ff3374;--pink-500: #ff0051;--pink-600: #cc0041;--pink-700: #990031;--pink-800: #660020;--pink-900: #330010;--red-50: #ffeae5;--red-100: #ffd5cc;--red-200: #ffac99;--red-300: #ff8266;--red-400: #ff5833;--red-500: #ff2e00;--red-600: #cc2500;--red-700: #991c00;--red-800: #661300;--red-900: #330900;--orange-50: #fff7e5;--orange-100: #ffefcc;--orange-200: #ffdf99;--orange-300: #ffce66;--orange-400: #ffbe33;--orange-500: #ffae00;--orange-600: #cc8b00;--orange-700: #996800;--orange-800: #664600;--orange-900: #332300;--yellow-50: #faffe5;--yellow-100: #f6ffcc;--yellow-200: #ecff99;--yellow-300: #e3ff66;--yellow-400: #daff33;--yellow-500: #d1ff00;--yellow-600: #a7cc00;--yellow-700: #7d9900;--yellow-800: #536600;--yellow-900: #2a3300;--lime-50: #eeffe5;--lime-100: #dcffcc;--lime-200: #b9ff99;--lime-300: #97ff66;--lime-400: #74ff33;--lime-500: #51ff00;--lime-600: #41cc00;--lime-700: #319900;--lime-800: #206600;--lime-900: #103300;--green-50: #e5ffea;--green-100: #ccffd5;--green-200: #99ffac;--green-300: #66ff82;--green-400: #33ff58;--green-500: #00ff2e;--green-600: #00cc25;--green-700: #00991c;--green-800: #006613;--green-900: #003309;--font-size: 2rem;--base-font-family: "VT323", serif;--heading-font-family: var(--base-font-family);--base-font-size: var(--font-size);--h1-font-size: 3.52rem;--h2-font-size: max(3.04rem, 4vw);--h3-font-size: max(2.72rem, 2.5vw);--h4-font-size: max(2.4rem, 2.5vw);--h5-font-size: max(1.92rem, 2vw);--h6-font-size: max(1.6rem, 2vw);--base-font-color: var(--gray-600);--action-color: var(--gray-400);--action-color-hover: var(--white);--base-line-height: 1.6;--heading-line-height: 1.3;--base-background-color: var(--gray-900);--border-radius: .6rem;--border-line-height: .2rem;--border-line-color: var(--gray-800);--spacing-0: 0rem;--spacing-05: .4rem;--spacing-1: .8rem;--spacing-2: 1.6rem;--spacing-3: 2.4rem;--spacing-4: 3.2rem;--spacing-5: 4.8rem;--spacing-6: 6.4rem;--spacing-7: 8rem;--spacing-8: 9.6rem}html{box-sizing:border-box;font-size:62.5%;overflow-y:scroll;scrollbar-width:thin;height:100%}*,*:before,*:after{box-sizing:inherit}body{color:var(--base-font-color);background-color:var(--base-background-color);font-weight:300;font-family:var(--base-font-family);font-size:var(--base-font-size)}img,picture{max-width:100%;height:auto;margin:0}body ::selection{background:var(--gray-800)}h1,h2,h3,h4,h5,h6{margin:.8em 0 0;color:var(--gray-700);font-weight:200;text-transform:uppercase;font-family:var(--heading-font-family);font-size:1em;line-height:var(--heading-line-height)}h1{font-size:var(--h1-font-size)}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size)}h4{font-size:var(--h4-font-size)}h5{font-size:var(--h5-font-size)}h6{font-size:var(--h6-font-size)}p{margin:0 0 .8em;line-height:1.2}p strong{color:var(--gray-300)}a{color:var(--action-color);transition:color .3s,opacity .3s;text-decoration:underline}a:hover{color:var(--action-color-hover)}.typ{font-size:max(2.4rem,1.6vw);line-height:var(--base-line-height)}.typ>*:first-child{margin-top:0}.typ>*:last-child{margin-bottom:0}.typ ul{margin:0;padding-left:1em;list-style-type:square;line-height:1.2;font-size:max(2.4rem,1.6vw)}.layout__container{position:relative;z-index:1;background:var(--base-background-color)}.layout__content{margin:0 auto;max-width:90%}@media only screen and (min-width: 1300px){.layout__content{padding:0 var(--spacing-6);max-width:75%}}