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 .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)}}#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-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)}}.projects-page{width:min(900px,90%);margin:20px auto 0;padding-top:60px;padding-bottom:20px;font-family:Satoshi,sans-serif}.projects-section{padding-bottom:40px;animation:fadeIn .4s ease forwards}.projects-title{margin:0 0 24px;color:#141414;font-size:36px;line-height:1.1;letter-spacing:-1px}.projects-title:first-child{margin-top:40px}.projects-section p{margin:32px 0 0;color:#595959;font-size:18px;line-height:1.7}.imgPair{display:flex;gap:12px;margin-top:32px;width:min(100%,390px);margin-left:auto;margin-right:auto}.imgPair img{width:calc(50% - 6px);height:clamp(180px,15vw,180px);display:block;object-fit:cover;box-shadow:0 4px 12px #00000014}.imgPair img:first-child{border-radius:8px 0 0 8px}.imgPair img:last-child{border-radius:0 8px 8px 0}.singleImg{width:100%;max-width:820px;margin-top:62px;margin-left:auto;margin-right:auto;display:flex;align-items:flex-start;justify-content:center;gap:12px}.singleImg p{flex:1;order:2;margin:0}.singleImg.reverse p{order:1}.singleImg.reverse .singleImg-media{order:2}.singleImg-media{order:1;flex:0 0 180px;width:auto;height:360px;margin-left:auto;margin-right:auto;border-radius:8px;overflow:hidden;box-shadow:none;display:block}.singleImg-media img,.singleImg-media video{width:100%;height:100%;display:block;object-fit:cover}.singleImg-media video{margin:0}.singleImg-media.final-video{border-radius:12px;box-shadow:0 8px 24px #0000001f}.singleImg-media.larger-media{flex-basis:220px}@media (max-width: 600px){.projects-title{font-size:40px}.singleImg{flex-direction:column;gap:20px;align-items:stretch}.singleImg-media{height:720px}.singleImg p,.singleImg.reverse p{order:2}.singleImg.reverse .singleImg-media{order:1}}@media (max-width: 600px){.about-title{font-size: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)}@media (max-width: 600px){.footer-content{flex-direction:column-reverse;gap:16px;justify-content:center;text-align:center}}