.white-2{color:var(--white-2)}:root{--black-1: #000000;--black-2: #0e0e0e;--white-1: #ffffff;--white-2: #9e9e9e;--font-family: "Bricolage Grotesque";--fw-regular: 400;--fw-bold: 700;--fs-sm: 0.75rem;--fs-base: 1rem;--fs-lg: 2.25rem;--fs-xl: 3rem;--fs-2xl: 4rem;--br-8: 0.5rem;--br-16: 1rem;--transition-fast: 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);--header-height: 50px;--z-dropdown: 100;--z-header: 999;--z-mouse-point: 1000}body.light-mode{--black-1: #ffffff;--black-2: #f0f0f0;--white-1: #000000;--white-2: #333333}html{scroll-behavior:smooth}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--black-1);font-family:var(--font-family);font-size:var(--fs-base);font-weight:var(--fw-regular);color:var(--white-1);padding-block-start:calc(var(--header-height) + 1rem);padding-block-end:1rem;transition:var(--transition-fast);line-height:2;overflow-x:hidden}input,textarea,select,button{font:inherit;color:var(--white-1)}a:focus-visible{outline:2px solid var(--white-1);outline-offset:2px}img{max-width:100%;margin:0}::-moz-selection{background-color:var(--white-1);color:var(--black-1)}::selection{background-color:var(--white-1);color:var(--black-1)}@font-face{font-display:swap;font-family:"Bricolage Grotesque";font-style:normal;font-weight:400;src:url("/assets/fonts/bricolage-grotesque-v9-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;src:url("/assets/fonts/bricolage-grotesque-v9-latin-700.woff2") format("woff2")}.h1,.h2,.h3{font-weight:var(--fw-bold)}.h1{font-size:clamp(var(--fs-xl),5vw + 1rem,var(--fs-2xl))}.h2{font-size:clamp(var(--fs-lg),5vw + 1rem,var(--fs-xl))}.h3{font-size:clamp(var(--fs-base),5vw + 1rem,var(--fs-lg))}.wrapper,.section,.box,.box-item{display:grid}.main{margin-block:4rem}.wrapper{padding-inline:1rem;gap:4rem;width:768px;max-width:100%;margin-inline:auto}@media(max-width: 36rem){.wrapper{padding-inline:.5rem}}.section{gap:3.5rem;text-align:center}.section{transition:var(--transition-fast);scale:0}.section-visible{scale:1}.box{gap:1rem}.box-item{background-color:var(--black-2);border-radius:var(--br-16);padding:2rem;gap:1rem}@media(max-width: 36rem){.box-item{padding:1rem}}.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;gap:1rem;padding-inline:1rem;padding-block:.5rem;border-radius:var(--br-16);border:none;cursor:pointer;transition:var(--transition-fast)}.btn--primary{background-color:var(--white-1);color:var(--black-1)}.btn--secondary{background-color:var(--black-2);color:var(--white-1)}.btn--primary:hover,.btn--secondary:hover{transform:translate(2px, -2px);opacity:.7}.btn:focus-visible{outline:2px solid var(--white-1);outline-offset:2px}.mouse-point{position:absolute;z-index:var(--z-mouse-point);top:0;left:0;height:16px;width:16px;border-radius:50%;background-color:var(--white-1);transition:300ms linear;animation:pointerScale 1s ease infinite forwards;transform:scale(1);pointer-events:none}@media(hover: none)and (pointer: coarse){.mouse-point{display:none !important}}.mouse-point.moved{transform:scale(2)}@keyframes pointerPulse{100%{transform:scale(1)}50%{transform:scale(0.5)}}.header{display:flex;justify-content:space-between;position:fixed;height:3.125rem;inset-inline-start:50%;transform:translateX(-50%);inset-block-start:1rem;z-index:var(--z-header)}.header__control{border:1px solid var(--black-1)}.header__control-icon{display:flex;width:20px;height:14px;justify-content:space-between;flex-direction:column}.header__control-icon span{display:block;width:100%;height:2px;background-color:var(--white-1);transition:var(--transition-fast)}.header__control-icon--close span:nth-of-type(1){transform:rotate(-38deg) translate(-3px, 4px)}.header__control-icon--close span:nth-of-type(2){opacity:0}.header__control-icon--close span:nth-of-type(3){transform:rotate(38deg) translate(-5px, -6px)}.header__nav{position:absolute;inset-block-start:calc(100% + .625rem);background-color:var(--black-2);border-radius:var(--br-16);transition:width var(--transition-fast);width:0;overflow:hidden;inset-inline-start:.5rem}.header__nav--open{width:calc(100% - 1rem);border:1px solid var(--black-1)}.header__menu{display:grid;gap:.5rem;list-style:none;padding:1rem}.header__menu-item--active .header__menu-link,.header__menu-link:hover{background-color:var(--white-1);color:var(--black-1)}.header__menu-link{text-decoration:none;color:inherit;display:block;padding:1rem;border-radius:var(--br-8);background-color:var(--black-1);transition:var(--transition-fast)}.hero__image{border-radius:var(--br-16);margin-inline:auto;max-width:100%;aspect-ratio:300/200;-o-object-fit:cover;object-fit:cover}.hero__content{gap:1rem;display:grid}.hero__links{display:grid;gap:1rem}@media(min-width: 48rem){.hero__links{grid-template-columns:repeat(2, 1fr)}}.skills__item-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}.skills__item-skill{list-style:none;font-weight:var(--fw-bold);background-color:var(--black-1);border-radius:var(--br-8);padding:.75rem}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.projects__filter{display:flex;justify-content:center;list-style:none;padding:1rem}.projects__filter-item{padding-inline:2rem;border-radius:var(--br-8);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--transition-fast);display:flex;align-items:center}.projects__filter-item:hover,.projects__filter-item--active{background-color:var(--white-1);color:var(--black-1)}.projects__item{display:flex;flex-direction:column;transition:var(--transition-fast);scale:1}.projects__item--hidden{animation:itemAnimation var(--transition-fast) forwards}@keyframes itemAnimation{from{scale:1}to{scale:0}}.projects__item:hover{scale:1.01}.projects__item:hover .projects__item-image{filter:blur(1px)}.projects__item-image{transition:var(--transition-fast);width:100%;height:auto;aspect-ratio:200/104;-o-object-fit:cover;object-fit:cover;border-radius:var(--br-8);background:linear-gradient(90deg, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.projects__item-content{display:grid;gap:1rem;justify-content:start;justify-items:start}@media(min-width: 48rem){.projects__item{flex-direction:row}.projects__item-image{width:200px}.projects__item-content{display:flex;flex-direction:column;align-items:start;gap:1rem}}.projects__item-title{font-size:var(--fs-base)}.projects__item-links{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.projects__item-links .btn--secondary{background-color:var(--black-1)}.contact__links a{justify-content:space-between}.contact__form form{display:grid;gap:1rem}.contact__form form input,.contact__form form textarea{background-color:var(--black-2);color:var(--white-2);padding:1rem;border-radius:var(--br-16);display:grid;outline:none;border:1px solid rgba(0,0,0,0);font-size:var(--fs-sm);line-height:1;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.contact__form form input:focus,.contact__form form textarea:focus{border-color:var(--white-1);background-color:var(--black-1)}.contact__form form input:focus-visible,.contact__form form textarea:focus-visible{outline:2px solid var(--white-1);outline-offset:-2px}.contact__form form input[aria-invalid=true],.contact__form form textarea[aria-invalid=true]{border-color:#ff6b6b;background-color:rgba(255,107,107,.1)}.contact__form form textarea{resize:none;height:150px}.contact__form form button{margin-top:.75rem}.form-group{display:grid;gap:.5rem}.form-group label{font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--white-1);text-align:start;padding-inline-start:.5rem}.form-group .form-error{font-size:var(--fs-sm);color:#ff6b6b;min-height:1.25rem}.footer__text{padding:1rem;border-radius:var(--br-16);background-color:var(--black-2);text-align:center}.footer__text span{color:var(--white-1);font-weight:var(--fw-bold)}/*# sourceMappingURL=styles.css.map */