:root{--headerHeight: 80px;--headerHeightLrg: 100px;--color-less-dark: #181818;--color-less-dark-alpha: rgba(22, 22, 22, 0.9);--color-dark: #121212;--color-dark-alpha: rgba(18, 18, 18, 0.9);--color-light: #FFFFFF;--color-less-light: #E2E2E2;--color-border-light: var(--color-less-light);--color-border-dark: #2C2C2C;--color-foreground: var(--color-dark);--color-background: var(--color-light);--intro-height: 95svh;--mobile-break-point: 658px}.dark{--theme-bg-shift: background 0.3s ease}*{padding:0;margin:0;border:0;box-sizing:border-box}body,button,a{font-family:"Arial",sans-serif}body{position:relative;background:var(--color-dark);min-width:300px}.dark{--color-background: var(--color-less-dark);--color-foreground: var(--color-less-light)}.hidd{visibility:hidden}.rel{position:relative}.abs{position:absolute}.rt{right:0}.lft{left:0}.btm{top:unset;bottom:0}.h-100svh{min-height:100svh}.w-100{width:100%}.fill{width:100%;height:100%}.block{display:block}.inline-block{display:inline-block}.flx{display:flex}.fixed{position:fixed}.flx-h-cntr{justify-content:center}.flx-v-cntr{align-items:center}.flx-cntr-cntr{justify-content:center;align-items:center}.bg-black{background-color:var(--color-dark)}.border-box{box-sizing:border-box}.overflow-hidden{overflow:hidden}a.cta .cta-arrow{transition:transform .3s ease-in-out}a.cta:hover .cta-arrow{transform:translateX(8px)}.nav-mobile{position:fixed;top:0;right:0;width:80vw;height:100%;background-color:var(--color-dark-alpha);backdrop-filter:blur(12px);transform:translateX(100%);transition:transform .35s ease;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:20px;padding-top:100px;padding-right:35px}.nav-mobile a{color:#fff}.nav-mobile.is-open{transform:translateX(0)}.mobile-nav-toggle{display:block;width:60px;height:100px;background:rgba(0,0,0,0);cursor:pointer}.mobile-nav-toggle span{display:block;height:2px;border-radius:5px;background-color:#fff;margin:7px}@media(prefers-reduced-motion: reduce){.nav-mobile{transition:none}}.nav-desktop{display:none;transform:translateY(-3px)}.nav-desktop a{padding:0 5px;text-underline-offset:6px}.nav-mobile{display:flex}@media(min-width: 768px){.nav-desktop{display:block}.mobile-nav-toggle{display:none}.nav-mobile{display:none}}.theme-toggle{width:60px;height:32px;background:#d1d5db;border-radius:999px;padding:0;margin-right:20px;cursor:pointer;border:none;position:relative;transition:var(--theme-bg-shift)}.theme-toggle .toggle-thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .35s ease;overflow:hidden}.theme-toggle .icon{position:absolute;width:18px;height:18px;transition:opacity .4s ease,transform .4s ease;opacity:1}.theme-toggle .icon.sun{top:4px;left:4px}.theme-toggle .icon.moon{opacity:0;transform:rotate(-60deg) scale(0.5)}.dark .theme-toggle{background:#4b5563}.dark .theme-toggle .toggle-thumb{transform:translateX(28px)}.dark .theme-toggle .icon.sun{opacity:0;transform:rotate(60deg) scale(0.5)}.dark .theme-toggle .icon.moon{opacity:1;transform:rotate(0deg) scale(1)}@keyframes attention{0%{transform:translateY(55px)}12%{transform:translateY(0)}22%{transform:translateY(20px)}32%{transform:translateY(0)}42%{transform:translateY(20px)}52%{transform:translateY(0)}62%{transform:translateY(55px)}100%{transform:translateY(55px)}}.img-animation-wrapper{pointer-events:none;top:0;left:0}.img-animation-wrapper span{height:33.333%;transform:translateX(-100%);background:var(--color-background);transition:var(--theme-bg-shift)}header.site-header{height:var(--headerHeight);z-index:900;padding:20px 20px;align-items:center;justify-content:space-between;background-color:var(--color-dark-alpha);backdrop-filter:blur(12px)}header.site-header .header-logo{height:100%;align-self:flex-start;opacity:0}header.site-header .header-menu a{color:#fff}header.site-header .header-menu .nav-toggle{width:35px;border:none;background-color:rgba(0,0,0,0)}header.site-header .header-menu .nav-toggle span{display:block;height:2px;background-color:#fff;margin:6px 0;border-radius:2px}main.site-container{position:relative;box-sizing:border-box;background-color:var(--color-dark)}main.site-container .site-content .intro{height:var(--intro-height);padding-top:var(--headerHeight);visibility:hidden}main.site-container .site-content .intro svg{width:80%;max-width:600px;height:100%}main.site-container .site-content .intro .bottom-tab{width:100%;height:55px;border-radius:12px 12px 0 0;position:absolute;bottom:0;background-color:var(--color-background);transition:background .3s ease,color .3s ease;transform:translateY(55px);animation-name:attention;animation-duration:4s;animation-delay:2s;animation-direction:alternate;animation-timing-function:ease-in-out}main.site-container .site-content .projects{--project-img-border-radius: 4px;padding-top:var(--intro-height)}main.site-container .site-content .projects .project{padding:100px 40px;flex-direction:column;background:var(--color-background);transition:background .3s ease,color .3s ease}main.site-container .site-content .projects .project:nth-child(1){border-radius:16px 16px 0 0;padding-top:120px}main.site-container .site-content .projects .project .project-info{color:var(--color-foreground);width:100%;margin-top:18px}main.site-container .site-content .projects .project .project-info small{margin:1px 0 18px;font-size:12px}main.site-container .site-content .projects .project .project-info h2{overflow-y:hidden}main.site-container .site-content .projects .project .project-info h2 span{display:block}main.site-container .site-content .projects .project .project-info p{font-size:14px;margin:8px 0 12px}main.site-container .site-content .projects .project .project-info .cta{font-style:italic;font-size:22px;font-weight:700;text-decoration:none;color:#00bafa;text-transform:uppercase}main.site-container .site-content .projects .project .project-info .cta .cta-arrow{margin-left:10px}main.site-container .site-content .projects .project .project-media{border-radius:var(--project-img-border-radius);aspect-ratio:2/1}main.site-container .site-content .about{padding:20px}main.site-container .site-content .about .about-content{border-radius:6px;padding:5% 10%;max-width:900px;margin:0 auto;color:#fdfdfd}main.site-container .site-content .about .about-content p{margin-bottom:20px;font-size:16px;line-height:1.4}footer.site-footer p{padding:20px;line-height:1.4;color:#fdfdfd;font-size:12px}@media screen and (max-width: 320px){header.site-header{padding:15px}main.site-container .site-content .projects .project{padding:80px 20px}}@media screen and (min-width: 658px){header.site-header{min-height:var(--headerHeightLrg);padding:20px 40px}header.site-header .header-menu .nav-toggle,header.site-header .header-menu .header-nav-mobile{display:none}header.site-header .header-menu .header-nav{display:block}main.site-container .site-content .intro{padding-top:var(--headerHeightLrg)}main.site-container .site-content .projects .project{padding:120px 40px 100px;flex-direction:row;justify-content:center;gap:60px}main.site-container .site-content .projects .project:nth-child(1){padding-top:120px}main.site-container .site-content .projects .project.flx-reverse{flex-direction:row-reverse}main.site-container .site-content .projects .project .project-info{width:initial;padding:0;margin-top:0}main.site-container .site-content .projects .project .project-media{flex-basis:50%}main.site-container .site-content .about{padding:40px}main.site-container .site-content .about .about-content{font-size:18px}footer.site-footer p{padding:10px 20px 20px}}@media screen and (min-width: 1100px){main.site-container .site-content .projects .project{padding:200px 40px 100px}main.site-container .site-content .projects .project:nth-child(1){padding-top:200px}}@media screen and (max-height: 375px){header.site-header{min-height:var(--headerHeight)}main.site-container .site-content section{min-height:calc(375px - var(--headerHeight))}main.site-container .site-content .intro{padding-top:var(--headerHeight)}main.site-container .site-content .intro svg{width:20%}main.site-container .site-content .projects .project,main.site-container .site-content .about{padding:20px}}