.navbar{z-index:100;background-color:var(--bg);width:100%;padding:var(--s6)0;transition:padding .3s var(--ease);position:fixed;top:0;left:0}.navbar.scrolled{padding:var(--s4)0;-webkit-backdrop-filter:blur(12px);background-color:#fafafaeb}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo{width:120px}.desktop-menu{align-items:center;gap:var(--s8);display:none}@media (min-width:768px){.desktop-menu{display:flex}.mobile-menu-btn{display:none}}.nav-link{color:var(--fg);opacity:.7;font-size:.8125rem;font-weight:400;transition:opacity .2s}.nav-link:hover{opacity:1}.mobile-menu-btn{color:var(--fg);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:400}.mobile-menu{background:var(--bg);width:100%;height:100vh;padding:var(--s20)var(--container-px)var(--s12);justify-content:center;gap:var(--s8);z-index:99;flex-direction:column;display:flex;position:fixed;top:0;left:0}.mobile-nav-link{color:var(--fg);letter-spacing:-.04em;font-size:2.5rem;font-weight:300}
.footer{background-color:var(--bg);padding:var(--s16)0 var(--s8);color:var(--fg)}.footer-top{gap:var(--s10);margin-bottom:var(--s12);flex-direction:column;display:flex}@media (min-width:768px){.footer-top{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{max-width:260px}.footer-logo{letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--s3);font-size:.9375rem;font-weight:500}.footer-description{color:var(--muted);font-size:.8125rem;line-height:1.6}.footer-links-wrapper{gap:var(--s12);display:flex}.footer-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:var(--s4);font-size:.7rem;font-weight:400}.footer-list{gap:var(--s3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-list a{color:var(--fg);font-size:.8125rem;font-weight:400;transition:opacity .2s}.footer-list a:hover{opacity:.5}.footer-bottom{align-items:flex-start;gap:var(--s3);padding-top:var(--s8);color:var(--muted);flex-direction:column;font-size:.75rem;font-weight:400;display:flex}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.legal-links{gap:var(--s6);display:flex}.legal-links a:hover{color:var(--fg)}
:root{--bg:#fafafa;--fg:#0a0a0a;--muted:#888;--light:#d8d8d8;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;--s24:6rem;--ease:cubic-bezier(.16,1,.3,1);--duration:.7s;--max-w:1280px;--container-px:clamp(1.5rem,5vw,5rem)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);background-color:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.4}body{min-height:100vh;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}img,picture,video,canvas,svg{max-width:100%;display:block}button{all:unset;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-weight:400;line-height:1.05}.container{width:100%;max-width:var(--max-w);padding:0 var(--container-px);margin:0 auto}.btn{align-items:center;gap:var(--s2);letter-spacing:.01em;padding:.55rem 1.25rem;font-size:.8125rem;font-weight:400;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.55}.btn-primary{background:var(--fg);color:var(--bg);border-radius:100px}.btn-glass{color:var(--fg)}
.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1}.portfolio-preview{background-color:var(--bg);padding:var(--s20)0}.portfolio-header{margin-bottom:var(--s12);justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;display:flex}.portfolio-grid{gap:var(--s8);grid-template-columns:1fr;display:grid}@media (min-width:768px){.portfolio-grid{gap:var(--s10);grid-template-columns:1fr 1fr}}.portfolio-card{text-align:left;cursor:pointer;overflow:hidden}.card-image-placeholder{aspect-ratio:4/3;margin-bottom:var(--s4);transition:transform .5s var(--ease);background-color:#ebebeb;overflow:hidden}.card-image{object-fit:cover;width:150%;height:100%;transition:transform .5s var(--ease)}.portfolio-card:hover .card-image{transform:scale(1.1)}.card-info h3{color:var(--fg);letter-spacing:-.02em;margin-bottom:.2rem;font-size:1rem;font-weight:400}.card-info p{color:var(--muted);font-size:.8125rem}