@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=JetBrains+Mono:300,regular,500,600,700,800&display=swap";*,*:before,*:after{padding:0;margin:0;border:none;box-sizing:border-box}*:before,*:after{display:inline-block}a{text-decoration:none;display:inline-block;color:inherit}li{list-style:none}img{vertical-align:top}html,body{line-height:1;block-size:100%}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input,button,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background-color:transparent}input,textarea{inline-size:100%}button,select,option{cursor:pointer}input[type=text],input[type=email],input[type=tel],textarea{appearance:none}table{inline-size:100%;border-collapse:collapse}:root{--dark-color: #1c1b22;--dark-color2: #1c1b22e8;--light-color: #fdebeb;--accent-color: #fff30e;--light-accent-color: #e3d5175d;--bg: #ffffff0b}@keyframes shadow{0%{box-shadow:0 0 1.875rem #e3d51725}50%{box-shadow:0 0 .9375rem #e3d51725}to{box-shadow:0 0 1.875rem #e3d51725}}body{background-color:var(--dark-color);font-family:JetBrains Mono,sans-serif;color:var(--light-color)}.wrapper{min-height:100%;overflow:clip;display:flex;flex-direction:column}.wrapper>main{flex-grow:1}[class*=__container]{padding-inline:.9375rem;max-width:80rem;margin:0 auto}.page{opacity:0;transition:opacity 1s ease}.page.show{opacity:1}@media(min-width:80em){.footer{padding-block:2.1875rem}}@media(min-width:20em)and (max-width:80em){.footer{padding-block:clamp(1.25rem,.9375rem + 1.5625vw,2.1875rem)}}@media(max-width:20em){.footer{padding-block:1.25rem}}.footer{background-color:var(--dark-color);text-align:right;line-height:1.3}.btn{flex-shrink:0;color:var(--accent-color);border:1px solid var(--accent-color);font-weight:800;font-size:1.5rem;padding:1.125rem 1.875rem;border-radius:1.875rem;background-color:var(--bg);position:relative;transition:all .3s;display:flex;align-items:center;gap:.625rem;justify-content:center}.btn svg path{fill:var(--accent-color)}@media(any-hover:hover){.btn:hover{box-shadow:0 0 .9375rem var(--light-accent-color)}}@media(max-width:31.25em){.btn{width:100%}}.btn:focus-visible{outline:.0625rem solid var(--accent-color);box-shadow:0 0 .9375rem var(--light-accent-color)}.bg{position:fixed;inset:0;width:100%;height:120dvh;z-index:-1}.bg img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-1;opacity:.06}@media(min-width:80em){.title{font-size:5rem}}@media(min-width:20em)and (max-width:80em){.title{font-size:clamp(3.4375rem,2.9166666667rem + 2.6041666667vw,5rem)}}@media(max-width:20em){.title{font-size:3.4375rem}}.title{letter-spacing:.1875rem;line-height:1.2;font-weight:800;text-align:center}.title span{color:var(--accent-color)}.actions{display:flex;align-items:center;gap:1.875rem}@media(max-width:31.25em){.actions{flex-direction:column-reverse;justify-content:center;gap:2.5rem}}.header{position:fixed;width:100%;left:0;top:0;z-index:50;background-color:var(--dark-color2)}@media(min-width:80em){.header__container{min-height:5.9375rem}}@media(min-width:20em)and (max-width:80em){.header__container{min-height:clamp(3.75rem,3.0208333333rem + 3.6458333333vw,5.9375rem)}}@media(max-width:20em){.header__container{min-height:3.75rem}}.header__container{display:flex;align-items:center;justify-content:space-between;color:var(--white-color)}@media(min-width:80em){.header__container{gap:2.125rem}}@media(min-width:20em)and (max-width:80em){.header__container{gap:clamp(.625rem,.125rem + 2.5vw,2.125rem)}}@media(max-width:20em){.header__container{gap:.625rem}}.header__container{transition:all .5s}@media(min-width:80em){.header__container{font-size:1.5625rem}}@media(min-width:20em)and (max-width:80em){.header__container{font-size:clamp(1.25rem,1.1458333333rem + .5208333333vw,1.5625rem)}}@media(max-width:20em){.header__container{font-size:1.25rem}}.header__container{letter-spacing:.125rem}.header__logo{z-index:5;font-weight:600;cursor:pointer}.header__logo span{color:var(--accent-color);font-weight:800}.header__button{flex:0 0 auto;z-index:5}@media(max-width:47.99875em){.menu__body{position:fixed;width:100%;height:100%;background-color:var(--dark-color);top:0;left:-100%;padding:6.25rem .9375rem 1.875rem;overflow:auto;transition:left .3s ease 0s}.menu__body:before{content:"";width:100%;position:fixed;top:0;left:-100%;height:4.375rem;background-color:var(--dark-color);z-index:2;transition:left .3s ease 0s}.menu-open .menu__body,.menu-open .menu__body:before{left:0}}.menu__list{justify-content:flex-end;display:flex;flex-wrap:wrap;column-gap:2.5rem;row-gap:.1875rem;min-height:100%;justify-content:center}@media(max-width:47.99875em){.menu__list{flex-direction:column;row-gap:1.25rem;font-size:1.625rem;text-align:center}}.menu__item{cursor:pointer;position:relative}@media(max-width:47.99875em){.menu__item{padding:1.25rem 0}}.menu__item:after{content:"";position:absolute;inset-block-end:-.5625rem;inset-inline-start:50%;transform:translate(-50%);inline-size:0%;block-size:.125rem;border-radius:.1875rem;background-color:var(--accent-color);transition:all .3s}@media(any-hover:hover){.menu__item:hover:after{inline-size:100%}}.icon-menu{display:none}@media(max-width:47.99875em){.icon-menu{display:block;flex:0 0 1.875rem;height:1.125rem;position:relative;z-index:5}.icon-menu span,.icon-menu:before,.icon-menu:after{content:"";right:0;position:absolute;width:100%;height:2px;background-color:var(--light-color);transition:all .3s ease 0s}.icon-menu:before{top:0}.icon-menu:after{bottom:0}.icon-menu span{top:calc(50% - 1px);background-color:var(--accent-color)}.menu-open .icon-menu span{width:0}.menu-open .icon-menu:before{top:calc(50% - 1px);transform:rotate(-45deg)}.menu-open .icon-menu:after{bottom:calc(50% - 1px);transform:rotate(45deg)}}@media(min-width:80em){.hero__container{padding-top:10rem}}@media(min-width:20em)and (max-width:80em){.hero__container{padding-top:clamp(7.5rem,6.6666666667rem + 4.1666666667vw,10rem)}}@media(max-width:20em){.hero__container{padding-top:7.5rem}}.hero__container{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}@media(min-width:80em){.hero__container{gap:4.375rem}}@media(min-width:20em)and (max-width:80em){.hero__container{gap:clamp(3.125rem,2.7083333333rem + 2.0833333333vw,4.375rem)}}@media(max-width:20em){.hero__container{gap:3.125rem}}.hero__container{justify-content:center;justify-items:center;align-items:center}@media(max-width:47.99875em){.hero__container{grid-template-columns:1fr}}.hero__content{display:flex;flex-direction:column}@media(min-width:80em){.hero__content{gap:2.1875rem}}@media(min-width:20em)and (max-width:80em){.hero__content{gap:clamp(1.25rem,.9375rem + 1.5625vw,2.1875rem)}}@media(max-width:20em){.hero__content{gap:1.25rem}}.hero__header{font-size:1.5625rem}@media(min-width:80em){.hero__subheader{font-size:3.75rem}}@media(min-width:20em)and (max-width:80em){.hero__subheader{font-size:clamp(2.5rem,2.0833333333rem + 2.0833333333vw,3.75rem)}}@media(max-width:20em){.hero__subheader{font-size:2.5rem}}.hero__subheader{letter-spacing:.1875rem;line-height:1.2;font-weight:600}.hero__subheader span{display:block;color:var(--accent-color)}.hero__text{font-size:.875rem;line-height:1.6}.hero__inner{margin-top:1.875rem}.hero__links{display:flex;gap:.625rem}@media(max-width:31.25em){.hero__links{gap:1.875rem}}.hero__img{justify-self:center;max-width:28.125rem;aspect-ratio:1;width:100%;border-radius:50%;overflow:hidden;background-color:var(--dark-color);animation:shadow 7s infinite forwards}@media(max-width:47.99875em){.hero__img{justify-self:center}}.hero__img img{width:100%;height:100%;object-fit:cover;object-position:top}.social__item{width:2.5rem;aspect-ratio:1}.social__link{border-radius:50%;display:flex;align-items:center;justify-content:center}.social__link svg{width:100%;height:100%}.social__link svg path{fill:var(--accent-color)}@media(any-hover:hover){.social__link:hover{box-shadow:0 0 .9375rem var(--light-accent-color)}}@media(min-width:80em){.project{padding-top:9.375rem}}@media(min-width:20em)and (max-width:80em){.project{padding-top:clamp(4.375rem,2.7083333333rem + 8.3333333333vw,9.375rem)}}@media(max-width:20em){.project{padding-top:4.375rem}}@media(min-width:80em){.project__title:not(:last-child){margin-bottom:6.875rem}}@media(min-width:20em)and (max-width:80em){.project__title:not(:last-child){margin-bottom:clamp(3.125rem,1.875rem + 6.25vw,6.875rem)}}@media(max-width:20em){.project__title:not(:last-child){margin-bottom:3.125rem}}.work{display:flex;flex-direction:column}@media(min-width:80em){.work{gap:6.25rem}}@media(min-width:20em)and (max-width:80em){.work{gap:clamp(3.125rem,2.0833333333rem + 5.2083333333vw,6.25rem)}}@media(max-width:20em){.work{gap:3.125rem}}.work__item{min-height:33.75rem;background-color:var(--bg);border-radius:.5rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;box-shadow:.625rem .625rem .9375rem var(--dark-color)}@media(max-width:47.99875em){.work__item{grid-template-columns:1fr;gap:1.25rem}}.work__img{width:100%;position:relative;overflow:hidden;border-radius:.5rem 0 0 .5rem;box-shadow:.625rem .625rem .9375rem var(--dark-color)}@media(max-width:47.99875em){.work__img{border-radius:.5rem;max-width:none;aspect-ratio:1}}.work__img img{position:absolute;width:100%;height:116%;inset:-8% 0;object-fit:cover;transition:transform .3s linear;will-change:transform;object-position:center}@media(any-hover:hover){.work__img img:hover{transform:scale(1.01)}}@media(max-width:47.99875em){.work__img img{inset:-12% 0;height:130%}}.work__parallax{position:absolute;inset:0;width:100%;height:100%}@media(min-width:80em){.work__content{padding-block:3.125rem}}@media(min-width:20em)and (max-width:80em){.work__content{padding-block:clamp(1.875rem,1.4583333333rem + 2.0833333333vw,3.125rem)}}@media(max-width:20em){.work__content{padding-block:1.875rem}}.work__content{display:flex;flex-direction:column;gap:1.25rem;line-height:1.2}@media(max-width:47.99875em){.work__content{padding-inline:1.25rem}}.work__desc{display:flex;flex-direction:column;gap:.875rem}.work__desc--grow{flex-grow:1}.work__desc--row{flex-direction:row}.work__info{font-size:.875rem;text-decoration:underline;text-decoration-color:var(--accent-color);text-underline-offset:.25rem;font-style:italic;letter-spacing:.0625rem;text-transform:uppercase}.work__info+*{padding-left:1.25rem}.work__title{font-size:1.5rem;text-shadow:0rem 0rem .9375rem var(--light-accent-color);padding-bottom:.625rem}.work__type{color:var(--accent-color)}.work__stack{display:flex;gap:.625rem;flex-wrap:wrap}.work__stack li{padding:.625rem .5rem;background-color:var(--bg);border-radius:.5rem}.work__features{font-size:.875rem}.work__features li{position:relative}.work__features li:before{content:"✔";color:var(--accent-color);position:absolute;left:-1.5em}.work .btn{margin-top:.5rem;font-weight:600;font-size:1rem;padding:.625rem 1.875rem;align-self:flex-start}@media(min-width:80em){.contact__container{padding-block:9.375rem}}@media(min-width:20em)and (max-width:80em){.contact__container{padding-block:clamp(4.375rem,2.7083333333rem + 8.3333333333vw,9.375rem)}}@media(max-width:20em){.contact__container{padding-block:4.375rem}}@media(min-width:80em){.contact__title:not(:last-child){margin-bottom:6.875rem}}@media(min-width:20em)and (max-width:80em){.contact__title:not(:last-child){margin-bottom:clamp(3.125rem,1.875rem + 6.25vw,6.875rem)}}@media(max-width:20em){.contact__title:not(:last-child){margin-bottom:3.125rem}}.contact__contain{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.875rem}@media(max-width:47.99875em){.contact__contain{grid-template-columns:1fr;gap:3.125rem}}@media(min-width:80em){.contact__info{padding-top:7.5rem}}@media(min-width:20em)and (max-width:80em){.contact__info{padding-top:clamp(3.125rem,1.6666666667rem + 7.2916666667vw,7.5rem)}}@media(max-width:20em){.contact__info{padding-top:3.125rem}}.contact__info{justify-self:center;display:flex;flex-direction:column;gap:1.875rem}@media(max-width:47.99875em){.contact__info{padding-top:0}}.contact__link{display:flex;align-items:center}@media(min-width:80em){.contact__link{gap:2.5rem}}@media(min-width:20em)and (max-width:80em){.contact__link{gap:clamp(.9375rem,.4166666667rem + 2.6041666667vw,2.5rem)}}@media(max-width:20em){.contact__link{gap:.9375rem}}@media(min-width:80em){.contact__link{font-size:1.25rem}}@media(min-width:20em)and (max-width:80em){.contact__link{font-size:clamp(1rem,.9166666667rem + .4166666667vw,1.25rem)}}@media(max-width:20em){.contact__link{font-size:1rem}}.contact__link svg{width:2.5rem;height:2.5rem;transition:transform .3s}@media(max-width:47.99875em){.contact__link svg{width:1.875rem;height:1.875rem}}.contact__link svg path{fill:var(--accent-color)}@media(any-hover:hover){.contact__link:hover svg{transform:scale(1.3)}}@media(min-width:80em){.contact__actions{margin-top:3.125rem}}@media(min-width:20em)and (max-width:80em){.contact__actions{margin-top:clamp(1.5625rem,1.0416666667rem + 2.6041666667vw,3.125rem)}}@media(max-width:20em){.contact__actions{margin-top:1.5625rem}}@media(max-width:62.5em){.contact__actions .actions{flex-direction:column-reverse;justify-content:center;gap:2.5rem}}.form{background:var(--bg)}@media(min-width:80em){.form{padding:3.125rem}}@media(min-width:20em)and (max-width:80em){.form{padding:clamp(.0000000625rem,-1.0416665833rem + 5.2083332292vw,3.125rem)}}@media(max-width:20em){.form{padding:.0000000625rem}}.form{border-radius:.5rem}@media(max-width:47.99875em)and (min-width:80em){.form{padding:3.125rem}}@media(max-width:47.99875em)and (min-width:20em)and (max-width:80em){.form{padding:clamp(.9375rem,.2083333333rem + 3.6458333333vw,3.125rem)}}@media(max-width:47.99875em)and (max-width:20em){.form{padding:.9375rem}}@media(min-width:80em){.form__title{font-size:2.5rem}}@media(min-width:20em)and (max-width:80em){.form__title{font-size:clamp(1.625rem,1.3333333333rem + 1.4583333333vw,2.5rem)}}@media(max-width:20em){.form__title{font-size:1.625rem}}.form__title{text-align:center;line-height:1.2;font-weight:600}.form__title span{color:var(--accent-color)}@media(min-width:80em){.form__title:not(:last-child){margin-bottom:3.125rem}}@media(min-width:20em)and (max-width:80em){.form__title:not(:last-child){margin-bottom:clamp(2.1875rem,1.875rem + 1.5625vw,3.125rem)}}@media(max-width:20em){.form__title:not(:last-child){margin-bottom:2.1875rem}}.form__wrapper{margin:0 auto;display:flex;flex-direction:column;gap:1.875rem}.form__item{display:flex;flex-direction:column;gap:.9375rem}.form label{font-size:1.125rem;font-style:italic}.form input,.form textarea{border:.0625rem solid var(--accent-color);border-radius:.5rem;min-height:2.5rem;padding:.625rem;width:100%}.form input:focus-visible,.form textarea:focus-visible{background-color:var(--bg);outline:.0625rem solid var(--accent-color)}.form input:-webkit-autofill,.form textarea:-webkit-autofill{background-color:var(--bg)!important;-webkit-text-fill-color:var(--light-color)!important;transition:background-color 5000s ease-in-out 0s}.form textarea{resize:vertical;height:6.25rem;max-height:12.5rem}@media(max-width:43.75em){.form textarea{max-height:none}}.form .error-message{color:var(--light-accent-color);font-size:.75rem;letter-spacing:.06875rem}@media(max-width:23.75em){.form__btn{font-size:1.25rem}}