:root{--primary:#de9f00;--primaryAlt:#ce970c;--background:#f5f5f5;--backgroundAlt:#fafafa;--text-gray:#ddd;--foreground:#333;--foregroundAlt:#666;--border-color:#c5c5c5;--border-color-light:#e0e0e0;--primaryRGB:231,179,31;--backgroundRGB:245,245,245;--foregroundRGB:51,51,51;--glass-bg:#00000008;--glass-border:#00000014;--glass-hover:#0000000f;--border:1px solid var(--border-color);--border-light:1px solid var(--border-color-light)}html.dark{--primary:#e7b31f;--primaryAlt:#c69b20;--background:#0d0d0d;--backgroundAlt:#121212;--backgroundAlt2:#1f1f1f;--foreground:#ededed;--foregroundAlt:#999;--text-gray:#999;--border-color:#747474;--border-color-light:#2e2e2e;--backgroundRGB:13,13,13;--foregroundRGB:237,237,237;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-hover:#ffffff0f;--border:1px solid var(--border-color);--border-light:1px solid var(--border-color-light)}*{box-sizing:border-box;scroll-behavior:smooth}html{scroll-behavior:smooth}body{color:var(--foreground);background:var(--background);margin:0;padding:0;transition:background-color .2s,color .2s}.page{flex-direction:column;width:100%;min-height:100dvh;display:flex}.page main{flex:1}.absolute{position:absolute}.absolute.inset-0{inset:0}.c-primary{color:var(--primary)}.c-text-alt{color:var(--foregroundAlt)}.gradient-primary{background:linear-gradient(135deg,var(--primary),#da840b);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.flex{display:flex}.flex.column{flex-direction:column}.flex.center{justify-content:center;align-items:center}.flex.wrap{flex-wrap:wrap}.flex.grow{flex:1}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}@keyframes scroll-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(10px)}}body{font-family:var(--font-poppins)}h1,h2,h3,h4,p,a{margin:0}h1{font-family:Bebas Neue,sans-serif;font-size:4rem;line-height:1.1}@media (min-width:768px){h1{font-size:6rem}}@media (min-width:1024px){h1{font-size:8rem}}h2{letter-spacing:.05em;color:var(--foreground);font-family:Bebas Neue,sans-serif;font-size:2.5rem}@media (min-width:640px){h2{font-size:3rem}}@media (min-width:768px){h2{font-size:3.75rem}}h3{letter-spacing:.03em;color:var(--foreground);font-family:Bebas Neue,sans-serif;font-size:1.5rem;font-weight:400}@media (min-width:640px){h3{font-size:1.875rem}}h4{letter-spacing:.03em;color:var(--foreground);font-family:Bebas Neue,sans-serif;font-size:1.5rem}a{color:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;text-decoration:none}.text-center{text-align:center}.font-medium{font-weight:500}.bold{font-weight:700}button{appearance:none;cursor:pointer;background:0 0;border:none;font-family:Poppins,sans-serif}.button{border:1px solid var(--primary);text-wrap:nowrap;text-transform:uppercase;width:fit-content;font-weight:600;transition:all .3s;box-shadow:0 4px 8px #0003}.button.s{border-radius:.75rem;height:2.5rem;padding:0 1rem;font-size:.875rem}.button.s svg{width:1rem;height:1rem}.button.m{border-radius:1rem;height:3rem;padding:0 3rem;font-size:1rem}.button.m svg{width:1.2rem;height:1.2rem}@media (min-width:640px){.button.m{font-size:1.125rem}.button.m svg{width:1.4rem;height:1.4rem}}.button.full-width{width:100%}.button.solid{background-color:var(--primary);color:#333}.button.outlined{color:var(--primary);background-color:var(--background)}.button:not(:disabled):hover.solid{background-color:var(--primaryAlt);box-shadow:0px 0px 0px 0px #0000,0 0 30px rgba(var(--primaryRGB),.4)}.button:not(:disabled):hover.outlined{background-color:rgba(var(--primaryRGB),.1);box-shadow:0px 0px 20px rgba(var(--primaryRGB),.2)}.button:not(:disabled):active{transform:translateY(2px)}.button:disabled{opacity:.5;cursor:wait}html.dark .button.outlined{background:0 0}footer{border-top:var(--border);width:100%;height:80px}footer p{font-size:.75rem}@media (min-width:768px){footer p{font-size:1rem}}.nav{z-index:50;border-bottom:1px solid #0000;padding:1rem 1.5rem;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav--scrolled{background:rgba(var(--backgroundRGB),.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:var(--border-color)}.nav__container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex}.nav__logo{letter-spacing:.1em;color:var(--foreground);align-items:center;gap:.75rem;font-family:Bebas Neue,sans-serif;font-size:1.5rem;transition:color .3s;display:flex}.nav__logo:hover{color:var(--primary)}.nav__logo-icon{background:var(--primary);color:#333;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:2.5rem;padding-left:3px;font-size:1rem;font-weight:700;display:flex}.nav__links{align-items:center;gap:2rem;display:none}@media (min-width:768px){.nav__links{display:flex}}.nav__link{color:var(--foreground);font-size:1rem;font-weight:500;transition:color .3s;position:relative}.nav__link:after{content:"";background:var(--primary);transform-origin:100%;width:100%;height:3px;transition:transform .3s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav__link:hover:after{transform-origin:0;transform:scaleX(1)}.nav__link:hover{color:var(--primary)}.nav__actions{align-items:center;gap:.75rem;display:flex}.nav__cv-btn{display:none}@media (min-width:768px){.nav__cv-btn{display:flex}}.nav__mobile-toggle{width:2.5rem;height:2.5rem;color:var(--foreground);background:0 0;border-radius:.75rem;justify-content:center;align-items:center;display:flex}@media (min-width:768px){.nav__mobile-toggle{display:none}}.nav__mobile-menu{z-index:50;background:var(--backgroundAlt);overscroll-behavior:none;flex-direction:column;align-items:center;gap:1.5rem;padding:6rem 2rem 2rem;display:flex;position:fixed;inset:0;overflow:auto}@media (min-width:768px){.nav__mobile-menu{display:none}}.nav__mobile-link{letter-spacing:.05em;color:var(--foreground);font-family:Bebas Neue,sans-serif;font-size:2rem;transition:color .3s}.nav__mobile-close{width:2.5rem;height:2.5rem;color:var(--foreground);border-radius:.75rem;justify-content:center;align-items:center;display:flex;position:absolute;top:1.5rem;right:1.5rem}.nav__mobile-cv{background:var(--primary);color:#333;letter-spacing:.05em;border-radius:.75rem;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem 1.5rem;font-family:Bebas Neue,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.nav__mobile-cv svg{width:1.25rem;height:1.25rem}input,textarea{font-family:inherit;font-size:inherit;border:var(--border);width:100%;height:2.5rem;color:var(--foreground);background-color:#fff;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}input::placeholder,textarea::placeholder{color:var(--foregroundAlt)}input:focus,textarea:focus{box-shadow:0 0 0 3px rgba(var(--primaryRGB),.1);outline:none;border-color:var(--primary)!important}input:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}textarea{resize:none;min-height:120px}label{color:var(--foreground);-webkit-user-select:none;user-select:none;flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}html.dark input,html.dark textarea{background-color:var(--backgroundAlt2);border-color:#2e2e2e}.modal__backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:none;background:#000000b3;position:fixed;inset:0;overflow:hidden}.modal__container{z-index:50;background:var(--glass-bg);border:1px solid var(--glass-border);background:var(--backgroundAlt);border-color:rgba(var(--primaryRGB),.2);overscroll-behavior:none;border-radius:1.5rem;flex-direction:column;width:95%;max-width:50rem;max-height:90dvh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)!important}.modal__close{cursor:pointer;width:2.25rem;height:2.25rem;color:var(--foregroundAlt);background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.modal__close:hover{background:rgba(var(--primaryRGB),.1);color:var(--primary)}.modal__close:active{transform:translateY(2px)}.modal__header{border-bottom:var(--border-light);justify-content:center;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;display:flex}@media (min-width:640px){.modal__header{padding:1.5rem 2rem}}.modal__title{color:var(--foreground);font-family:Bebas Neue,sans-serif;font-size:2.25rem}@media (min-width:640px){.modal__title{font-size:2.5rem}}.modal__subtitle{letter-spacing:.3em;font-size:.75rem}@media (min-width:640px){.modal__subtitle{font-size:.875rem}}.modal__body{flex:1;padding:1.5rem;overflow:auto}.modal__body p{font-size:.875rem}@media (min-width:640px){.modal__body{padding:2.5rem}.modal__body p{font-size:1rem}}.modal__body::-webkit-scrollbar{width:6px}.modal__body::-webkit-scrollbar-track{border-radius:3px}.modal__body::-webkit-scrollbar-thumb{background:rgba(var(--primaryRGB),.3);border-radius:3px}.modal__body::-webkit-scrollbar-thumb:hover{background:rgba(var(--primaryRGB),.5)}.modal__footer{border-top:1px solid #2e2e2e;border-top:var(--border-light);flex-shrink:0;justify-content:center;padding:1.5rem 2rem;display:flex}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-user-select:none;user-select:none;border-radius:1.5rem;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.project-card img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:all .5s}.project-card h4{transition:all .3s}.project-card:hover{border-color:rgba(var(--primaryRGB),.3);box-shadow:0 0 40px rgba(var(--primaryRGB),.15)}.project-card:hover img{transform:scale(1.1)}.project-card:hover h4{color:var(--primary)}.project-card__content{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.project-card__description{color:var(--foregroundAlt);font-size:.875rem;line-height:1.6}.tech-tag{border:var(--border-light);background:rgba(var(--foregroundRGB),.05);color:var(--foregroundAlt);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.section{padding:6rem 2rem}.section .section-header{text-align:center;margin-bottom:3rem}.section .pre-headline{letter-spacing:.3em;color:var(--primary);margin-bottom:.75rem;font-size:1rem;font-weight:500}.story-modal h4{margin-bottom:1rem}.story-modal__subtitle{margin-bottom:.75rem}.story-modal__text{color:var(--foreground);margin-bottom:1.5rem;font-size:1rem;line-height:1.85}@media (min-width:640px){.story-modal__text{font-size:1.0625rem}}.story-modal__text--highlight{background:rgba(var(--primary),.05);border-left:3px solid var(--primary);border-radius:0 1rem 1rem 0;padding:.5rem 1.5rem;font-style:italic;position:relative}.story-modal__image{cursor:pointer;aspect-ratio:4/3;object-fit:cover;border-radius:1rem;width:100%;height:auto;transition:all .3s}.story-modal__image:hover{box-shadow:0 0 20px rgba(var(--primaryRGB),.3)}.story-modal__image.square{aspect-ratio:1}@media (min-width:640px){.story-modal__image.img-left{float:left;width:40%;margin-bottom:1rem;margin-right:1.5rem}.story-modal__image.img-right{float:right;width:40%;margin-bottom:1rem;margin-left:1.5rem}}.story-modal__image--small{aspect-ratio:1}.story-modal__image-grid{justify-content:center;gap:1rem;margin:2rem 0;display:flex}.images-container{gap:1rem;width:100%;margin-bottom:1rem}.images-container.grid-1 img{width:100%}.images-container.grid-2 img{width:calc(50% - .5rem)}.images-container.grid-3 img{width:calc(33% - .333333rem)}.toggle-btn{z-index:50;position:fixed;bottom:1rem;right:1rem}.toggle-btn button{background:rgba(var(--foregroundRGB),.05);border:2px solid rgba(var(--foregroundRGB),.1);border-radius:9999px;width:2.75rem;height:2.75rem;transition:all .3s}.toggle-btn button:hover{border-color:rgba(var(--primaryRGB),.3);box-shadow:0 0 15px rgba(var(--primaryRGB),.15)}.toggle-btn button svg{width:1.1rem;height:1.1rem;color:var(--primary)}@media (min-width:640px){.toggle-btn{bottom:1.5rem;right:1.5rem}}#about .story{max-width:48rem;margin:0 auto 5rem}#about .story__card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.5rem;padding:1.5rem}@media (min-width:640px){#about .story__card{padding:2.5rem}}.hero-section{width:100%;height:100dvh;transition:all .3s;position:relative;overflow:hidden}.hero-section .hero-img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-section .hero-overlay{background:linear-gradient(135deg,rgba(var(--backgroundRGB),.85)0%,rgba(var(--backgroundRGB),.3)50%,rgba(var(--backgroundRGB),.75)100%)}.hero-section .hero-content{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.hero-section .hero-content .content{flex-direction:column;gap:16px;padding:1rem;display:flex}.hero-section .hero-content .content .intro{letter-spacing:.25em;text-shadow:-1px -1px #333,1px -1px #333,-1px 1px #333,1px 1px #333;font-size:1rem}@media (min-width:768px){.hero-section .hero-content .content .intro{font-size:1.2rem}}.hero-section .hero-content .content .desc{color:var(--text-gray);font-size:1rem}@media (min-width:768px){.hero-section .hero-content .content .desc{font-size:1.2rem}}@media (min-width:1024px){.hero-section .hero-content .content .desc{font-size:1.5rem}}.scroll-indicator{bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-indicator .scroll-content{color:var(--text-gray);animation:2s ease-in-out infinite scroll-bounce}.scroll-indicator .scroll-content:hover{color:var(--primary)}#projects{background-color:var(--backgroundAlt)}#projects .projects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.contact__content{gap:3rem;max-width:56rem;margin:0 auto;display:grid}@media (min-width:1024px){.contact__content{grid-template-columns:repeat(2,1fr)}}.contact__info{flex-direction:column;justify-content:center;display:flex}.contact__info-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2rem}.contact__info-title{letter-spacing:.02em;color:var(--foreground);margin-bottom:1rem;font-family:Bebas Neue,sans-serif;font-size:1.5rem}.contact__info-text{color:var(--foregroundAlt);margin-bottom:1.5rem}