@font-face{font-family:Satoshi;src:url(Satoshi-Medium.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}html{scroll-behavior:smooth;scroll-padding-top:50px}body{margin:0;background-color:#fff}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}#home{position:relative;min-height:100vh;padding-top:73px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#home main{width:100%;display:flex;align-items:center;justify-content:center}header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;border-bottom:1px solid hsl(0,0%,95%)}nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;max-width:100%}#nav-links{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:32px;align-items:center}#nav-links a{text-decoration:none;font-family:Satoshi,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;color:gray;transition:color .25s cubic-bezier(.4,0,.2,1);padding:6px 0;border-bottom:1.5px solid transparent}#nav-links a:hover,#nav-links a.active{color:#1a1a1a;border-bottom-color:#b3b3b3}#nav-links a.active{border-bottom-color:#1a1a1a}#logo img{height:30px;width:auto}#logo .text-logo-link{text-decoration:none;color:#1a1a1a;display:flex;align-items:center}#logo .logo-text{font-family:Bookman Old Style,Georgia,serif;font-size:32px;font-weight:700;font-style:italic}#heroContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 1 auto;width:100%;max-width:100%;padding-top:0;margin:0 auto}#heroAnim{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center}#heroAnim img{width:100%;max-width:100%;height:auto;display:block}#heroAnim video{margin-top:0;width:100%;max-width:100%;height:auto;max-height:65vh;object-fit:contain;display:block}.hero-links{margin-top:0;display:flex;align-items:center;justify-content:center;gap:40px;font-family:Satoshi,sans-serif;font-size:16px;font-weight:500}.hero-link-group{display:flex;align-items:center}.hero-link{display:inline-flex;align-items:center;gap:3px;text-decoration:none;color:gray;transition:color .25s ease}.hero-link svg{transition:transform .2s ease-out}.hero-link:hover{color:#1a1a1a}.hero-link:hover svg{transform:translate(2px,-2px)}.scroll-arrow{position:absolute;bottom:30px;left:50%;margin-top:0;display:flex;justify-content:center;align-items:center;color:gray;animation:floatArrow 2.5s cubic-bezier(.4,0,.2,1) infinite;padding:10px;pointer-events:none;transition:opacity .4s ease;opacity:1}.scroll-arrow.faded{opacity:0}@keyframes floatArrow{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,12px)}}.hero-comma{color:gray}#heroText{font-size:100px;font-weight:600;font-family:Satoshi,sans-serif;color:#000;margin-top:15px}#heroDesc{font-family:Satoshi,sans-serif;font-size:20px;color:#999;margin-top:15px}canvas{position:absolute;top:0;left:0;pointer-events:none}#mobile-menu-btn{display:none;cursor:pointer;color:#1a1a1a}#mobile-menu-overlay{display:none}@media (max-width: 768px){#home{min-height:auto;padding-top:0;display:block}#home main{display:block}#heroContainer{padding-top:60px}.scroll-arrow{display:none}#mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px}#logo,#nav-links{display:none!important}#mobile-menu-overlay{display:flex;flex-direction:column;align-items:flex-start;padding:24px 32px;gap:20px;position:fixed;top:73px;left:0;right:0;background-color:#fff;border-bottom:1px solid hsl(0,0%,95%);box-shadow:0 4px 12px #0000000d;z-index:999}#mobile-menu-overlay a{text-decoration:none;font-family:Satoshi,sans-serif;font-size:18px;font-weight:500;color:#1a1a1a;width:100%;padding-bottom:8px;border-bottom:1px solid hsl(0,0%,95%)}#mobile-menu-overlay a:last-child{border-bottom:none;padding-bottom:0}#mobile-menu-overlay a:hover,#mobile-menu-overlay a.active{color:gray}#mobile-menu-overlay a.active{color:#000;font-weight:700;border-bottom-color:#000}}#aboutPage{width:min(900px,90%);margin:0 auto;font-family:Satoshi,sans-serif}.about-title{font-size:36px;line-height:1.1;margin:0 0 24px;color:#141414;letter-spacing:-1px}.about-description{font-size:18px;line-height:1.6;color:#666;margin:0 0 80px;font-weight:400}.about-sections{display:flex;flex-direction:column;gap:40px}.about-section{padding:0 0 40px;animation:fadeIn .4s ease forwards}.about-section:last-child{border-bottom:none}.about-section h2{margin:0 0 16px;font-size:28px;font-weight:600;color:#1a1a1a;letter-spacing:-.5px}.about-section p{margin:0;font-size:18px;line-height:1.7;color:#595959}.about-section p+p{margin-top:16px}.about-section a{color:#1a1a1a;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center}.about-section a:hover svg{transform:translate(2px,-2px)}.about-section a svg{transition:transform .2s ease-out}.skills-container{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px 40px}.skill-item{display:flex;justify-content:center}.skill-header{display:flex;align-items:center;gap:clamp(6px,1vw,12px)}.skill-icon{width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);object-fit:contain}.skill-name{font-size:clamp(16px,2vw,20px);font-weight:600;color:#262626}@media (max-width: 600px){.skill-header{flex-direction:column;gap:12px;text-align:center}.skills-container{row-gap:28px;column-gap:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.about-title{font-size:40px}.about-description{font-size:18px}.accordion-header h3{font-size:20px}}#projectsSection{width:min(900px,90%);margin:0 auto 64px;font-family:Satoshi,sans-serif}#projectsSection h2.projectsTitle{margin:20px 0 40px;font-size:36px;font-weight:600;line-height:1.1;color:#1a1a1a;letter-spacing:-.5px;border-bottom:1px solid hsl(0,0%,90%);padding-bottom:24px}.projectsGrid{display:grid;grid-template-columns:1fr;gap:64px}.projectCard{padding:0 0 64px;border-bottom:1px solid hsl(0,0%,90%);display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}.projectCard:last-child{border-bottom:none;padding-bottom:0}.projectScreenshots{display:flex;flex-direction:column;gap:24px}.projectScreenshot{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px #0000001f;border:1px solid rgba(0,0,0,.05)}.projectLogo{height:100px;max-width:100%;width:auto;display:block;margin:0 0 24px;object-fit:contain}.projectContent{display:flex;flex-direction:column}.projectHeadline{font-size:28px;font-weight:600;margin:0 0 16px;color:#1a1a1a}.projectDescription{margin:0 0 24px;font-size:17px;line-height:1.7;color:#595959}.projectLinks{display:flex;flex-direction:column;gap:0}.projectActionBtn{display:inline-flex;align-items:center;font-weight:500;color:#1a1a1a;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease;align-self:flex-start}.projectActionBtn:hover{color:#666}.projectActionBtn:hover svg{transform:translate(2px,-2px)}.projectActionBtn svg{transition:transform .2s ease-out}@media (max-width: 900px){.projectCard{grid-template-columns:1fr;gap:40px}}footer{background-color:#fff;border-top:1px solid hsl(0,0%,90%);padding:32px 48px;margin-top:48px;font-family:Satoshi,sans-serif}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-size:14px;color:gray}.footer-left{display:flex;align-items:center}.footer-right{display:flex;gap:16px;align-items:center}.footer-right a{color:#666;transition:color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.footer-right a:hover{color:#1a1a1a;transform:translateY(-2px)}.with-arrow{display:inline-flex;align-items:center}.with-arrow svg{transition:transform .2s ease-out}.with-arrow:hover svg{transform:translate(2px,-2px)}@media (max-width: 600px){.footer-content{flex-direction:column-reverse;gap:16px;justify-content:center;text-align:center}}