@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root[data-portfolio-color-scheme=light]{--black: #fffffc;--white: #070707;--black-800: #f9f9f6;--white-800: #1a1a1a;--overlay: rgba(255, 255, 255, .4);--border: rgba(0, 0, 0, .1)}:root[data-portfolio-color-scheme=dark]{--black: #070707;--white: #fffffc;--black-800: #1a1a1a;--white-800: #f9f9f6;--overlay: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .1)}@media (prefers-color-scheme: dark){:root{--black: #070707;--white: #fffffc;--black-800: #1a1a1a;--white-800: #f9f9f6;--overlay: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .1)}}.cursor-wrapper{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none}@media (min-width: 768px){.cursor-wrapper{font-size:1.125rem;justify-content:start;display:block}}.cursor-dot{position:absolute;width:8px;height:8px;border-radius:9999px;background-color:#f43f5e;transform:translate(-50%,-50%)}.cursor-borderDot{position:absolute;border-radius:9999px;border:1px solid #f43f5e;transition:width .3s,height .3s,background-color .3s ease-in-out;transform:translate(-50%,-50%)}.cursor-borderDot:has(.cursor-label){background-color:#f43f5e}.cursor-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--black);font-weight:500;white-space:nowrap}*,:after,:before{box-sizing:border-box;border:0 solid}::selection{background-color:#f43f5e}html{-o-tab-size:4;-moz-tab-size:4;tab-size:4;scrollbar-width:thin;scrollbar-color:var(--black-800) var(--black);font-size:16px;scroll-behavior:smooth!important}html::-webkit-scrollbar{width:.4em}html::-webkit-scrollbar-track{background-color:var(--black)}html::-webkit-scrollbar-thumb{background-color:var(--black-800);border-radius:50px}body{margin:0;padding:0;line-height:inherit;overflow-x:hidden;scroll-behavior:smooth;font-family:Roboto,sans-serif,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--black);color:var(--white);transition:background-color .5s ease-in-out,color .5s ease-in-out}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0;padding:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block}img,video{max-width:100%;height:auto}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input[type=range]::-webkit-slider-thumb{height:1.25rem;width:1.25rem;border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-webkit-slider-thumb{background:#9ca3af}input[type=range]::-moz-range-thumb{height:1.25rem;width:1.25rem;border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}button:disabled{cursor:not-allowed}.home-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;background-size:64px;background-image:url(/assets/noise.png);opacity:.05;pointer-events:none}.home-content{position:relative;z-index:1}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.navbar{display:flex;align-items:center;justify-content:space-between}.navbar .logo{cursor:pointer;height:1.75rem;width:4rem}.navbar .logo-dot{transition:transform .5s ease}.navbar .logo:hover .logo-dot{transform:translateY(-10px)}.navbar .theme-toggle{font-size:1.125rem;color:currentColor;margin-bottom:5px}.navbar-container{display:flex;align-items:center;gap:1.2rem}.navbar-container nav ul{display:none}.navbar-container nav ul li button{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:currentColor}@media (min-width: 576px){.navbar-container nav ul{display:flex;align-items:center;gap:1.2rem}}.navbar-menu{cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.03em;color:currentColor;text-transform:uppercase}@media (min-width: 576px){.navbar-menu{display:none}}.navbar{width:100%;margin:0 auto;padding:1.2rem}@media screen and (min-width: 475px){.navbar{max-width:475px}}@media screen and (min-width: 576px){.navbar{max-width:576px}}@media screen and (min-width: 768px){.navbar{max-width:768px}}@media screen and (min-width: 1124px){.navbar{max-width:1124px}}@media screen and (min-width: 1280px){.navbar{max-width:1280px}}@media screen and (min-width: 1440px){.navbar{max-width:1440px}}.flipped-text{color:#f43f5e}.mobile-navbar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay);display:flex;justify-content:center;align-items:start;padding-top:4rem;z-index:100}@media (min-width: 576px){.mobile-navbar-overlay{display:none}}.mobile-navbar{background-color:var(--black);width:80%;max-width:400px;border-radius:.3rem;padding:3rem 1rem;box-shadow:0 2px 10px #0003;z-index:101;height:auto}.mobile-navbar ul{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.mobile-navbar ul li a{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:currentColor;text-align:center;transition:color .3s ease}.mobile-navbar ul li a:hover{color:#f43f5e}.hero-title{font-size:2.25rem;font-weight:700;line-height:100%;color:currentColor;margin-top:2rem;position:relative;width:fit-content;font-size:2.5rem}.hero-title .hero-role{display:block;letter-spacing:.05em}.hero-title .availability{font-weight:500;position:absolute;top:-32px;left:5px;font-style:normal;display:flex;align-items:center;font-size:.75rem}@media (min-width: 475px){.hero-title .availability{top:-35px;font-size:.875rem}}@media (min-width: 576px){.hero-title .availability{top:-45px;font-size:1rem}}@media (min-width: 768px){.hero-title .availability{top:-55px}}@media (min-width: 1124px){.hero-title .availability{top:-60px;font-size:1.125rem}}@media (min-width: 1280px){.hero-title .availability{top:-65px}}.hero-title .availability-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;display:inline-block;margin-right:.5rem;animation:glow 1.5s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 #22c55e}50%{box-shadow:0 0 10px 4px #22c55e}}.hero-title .offset{margin-left:60px}@media (min-width: 768px){.hero-title .offset{margin-left:120px}}@media (min-width: 475px){.hero-title{font-size:3.2rem}}@media (min-width: 576px){.hero-title{font-size:4.5rem}}@media (min-width: 768px){.hero-title{font-size:5.5rem;margin-top:4rem}}@media (min-width: 1124px){.hero-title{font-size:7rem}}@media (min-width: 1280px){.hero-title{font-size:8rem}}.hero-content{display:flex;align-items:start;justify-content:space-between;margin-top:3rem;flex-direction:column;gap:1rem}.hero-content .email-button{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:currentColor}@media (min-width: 768px){.hero-content .email-button{font-size:1.125rem}}.hero-content .hero-description{font-size:.875rem;color:currentColor;font-weight:500;line-height:1.25}@media (min-width: 768px){.hero-content .hero-description{max-width:360px;font-size:1.125rem}}@media (min-width: 768px){.hero-content{margin-top:7rem;flex-direction:row;align-items:center}}.hero{width:100%;margin:0 auto;padding:1.2rem}@media screen and (min-width: 475px){.hero{max-width:475px}}@media screen and (min-width: 576px){.hero{max-width:576px}}@media screen and (min-width: 768px){.hero{max-width:768px}}@media screen and (min-width: 1124px){.hero{max-width:1124px}}@media screen and (min-width: 1280px){.hero{max-width:1280px}}@media screen and (min-width: 1440px){.hero{max-width:1440px}}.projects{margin-top:3rem}.projects .content{border-top:1px solid var(--border);padding-top:1rem}.projects .content h2{font-size:1.125rem;font-weight:700;color:currentColor;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}@media (min-width: 768px){.projects .content h2{font-size:1.25rem}}.projects .content .dot{width:8px;height:8px;background-color:currentColor;border-radius:50%}.projects__container{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}@media (min-width: 768px){.projects__container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.projects{margin-top:4rem}}.projects{width:100%;margin:0 auto;padding:1.2rem}@media screen and (min-width: 475px){.projects{max-width:475px}}@media screen and (min-width: 576px){.projects{max-width:576px}}@media screen and (min-width: 768px){.projects{max-width:768px}}@media screen and (min-width: 1124px){.projects{max-width:1124px}}@media screen and (min-width: 1280px){.projects{max-width:1280px}}@media screen and (min-width: 1440px){.projects{max-width:1440px}}.project-card{overflow:hidden;cursor:pointer;transition:transform .3s ease}.project-card:hover .project-card__img{transform:scale(1.05)}.project-card__img-container{position:relative;width:100%;height:300px;overflow:hidden}@media (min-width: 1124px){.project-card__img-container{height:450px}}.project-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.project-card__content{display:flex;align-items:center;gap:.5rem;margin-top:2rem;width:fit-content;transition:color .3s ease}.project-card__content:hover{color:#f43f5e}.project-card__title{font-size:1.5rem;font-weight:600;color:currentColor}@media (min-width: 768px){.project-card__title{font-size:1.875rem}}.project-card__icon{font-size:1.5rem;color:currentColor}@media (min-width: 768px){.project-card__icon{font-size:1.875rem}}.about{margin-top:3rem}.about .content{border-top:1px solid var(--border);padding-top:1rem}.about .content h2{font-size:1.125rem;font-weight:700;color:currentColor;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}@media (min-width: 768px){.about .content h2{font-size:1.25rem}}.about .content .dot{width:8px;height:8px;background-color:currentColor;border-radius:50%}.about-description{margin-top:2rem}.about-title{font-size:1.5rem;font-weight:700;color:currentColor;margin-bottom:1rem;line-height:1.2}@media (min-width: 576px){.about-title{font-size:1.875rem}}@media (min-width: 1124px){.about-title{font-size:2.25rem}}.about-text{display:flex;justify-content:space-between;color:currentColor;gap:1.2rem;flex-direction:column}.about-text p{max-width:600px;margin-top:1.5rem;line-height:1.5;font-size:1.125rem}@media (min-width: 768px){.about-text p{font-size:1.25rem}}@media (min-width: 768px){.about-text{flex-direction:row;align-items:center}}.about-link{display:flex;align-items:center;gap:.5rem;margin-top:2rem;transition:color .3s ease;width:fit-content}.about-link:hover{color:#f43f5e}.about-resume{font-size:1.125rem;font-weight:600;color:currentColor}@media (min-width: 768px){.about-resume{font-size:1.25rem}}.about-icon{font-size:1.125rem;color:currentColor}@media (min-width: 768px){.about-icon{font-size:1.25rem}}.about{width:100%;margin:0 auto;padding:1.2rem}@media screen and (min-width: 475px){.about{max-width:475px}}@media screen and (min-width: 576px){.about{max-width:576px}}@media screen and (min-width: 768px){.about{max-width:768px}}@media screen and (min-width: 1124px){.about{max-width:1124px}}@media screen and (min-width: 1280px){.about{max-width:1280px}}@media screen and (min-width: 1440px){.about{max-width:1440px}}.contact{margin-top:3rem;min-height:300px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact h2{font-size:1.125rem;font-weight:700;color:currentColor;text-transform:uppercase;gap:.5rem;max-width:800px;margin:0 auto;text-align:center;line-height:1.5}@media (min-width: 768px){.contact h2{font-size:1.25rem}}@media (min-width: 1124px){.contact h2{font-size:1.875rem}}.contact-link{display:flex;align-items:center;justify-content:center;margin-top:3rem}.contact-link a{border:1px solid var(--white);padding:.5rem 1.5rem;font-size:1.25rem;font-weight:600;border-radius:2rem;color:currentColor;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.contact-link a:hover{background-color:#f43f5e;color:var(--black);border-color:#f43f5e}@media (min-width: 768px){.contact{min-height:500px}}.contact{width:100%;margin:0 auto;padding:1.2rem}@media screen and (min-width: 475px){.contact{max-width:475px}}@media screen and (min-width: 576px){.contact{max-width:576px}}@media screen and (min-width: 768px){.contact{max-width:768px}}@media screen and (min-width: 1124px){.contact{max-width:1124px}}@media screen and (min-width: 1280px){.contact{max-width:1280px}}@media screen and (min-width: 1440px){.contact{max-width:1440px}}.footer{margin-top:3rem;padding-top:2rem;padding-bottom:2rem}.footer-content{display:flex;justify-content:space-between;flex-direction:column-reverse;gap:1rem}.footer-content p{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:currentColor;justify-content:space-between;text-transform:uppercase}@media (min-width: 768px){.footer-content p{font-size:1.125rem;justify-content:start}}.footer-content .divider{width:100%;height:1px;background-color:var(--white)}@media (min-width: 768px){.footer-content .divider{display:none}}.footer-content ul{display:flex;align-items:center;gap:1rem;justify-content:space-between}.footer-content ul li a{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:currentColor}@media (min-width: 768px){.footer-content ul li a{font-size:1rem}}@media (min-width: 768px){.footer-content{justify-content:space-between;flex-direction:row;align-items:center}}.footer{width:100%;margin:0 auto;padding:1.2rem}@media screen and (min-width: 475px){.footer{max-width:475px}}@media screen and (min-width: 576px){.footer{max-width:576px}}@media screen and (min-width: 768px){.footer{max-width:768px}}@media screen and (min-width: 1124px){.footer{max-width:1124px}}@media screen and (min-width: 1280px){.footer{max-width:1280px}}@media screen and (min-width: 1440px){.footer{max-width:1440px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;overflow:hidden;position:absolute;background-color:var(--white);color:var(--black);border-radius:20px;padding:10px}.sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:absolute;overflow:visible;z-index:9999;top:2px;left:2px}