.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--margin: 50px;--bg: #F7F7F7;--black: #1E1E1E;--nav-size: 22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Satoshi,sans-serif;background:var(--bg);color:var(--black);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}body:has(.work-trigger:hover) header{opacity:.3;transition:opacity .6s ease}body:has(.work-trigger:hover) header:hover{opacity:1}.content-fade{flex:1;animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.header{display:flex;justify-content:space-between;align-items:center;padding:5px var(--margin);position:sticky;top:0;z-index:1000;background:#f7f7f7;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px)}.header-item-reveal{position:relative;display:flex;align-items:center;cursor:crosshair}.item-overlay{position:absolute;inset:-5px -10px;background-color:var(--bg);opacity:0;visibility:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .4s ease,visibility .4s ease;z-index:2;pointer-events:none;border-radius:4px}.header-item-reveal:hover .item-overlay{opacity:.7;visibility:visible}.header-item-reveal a,.header-item-reveal svg,.header-item-reveal img{position:relative;z-index:1}.nav-links{display:flex;align-items:center;gap:50px}.nav-links a{text-decoration:none;color:var(--black);font-weight:500;text-transform:uppercase;font-size:var(--nav-size)}.tipito-link img{height:70px;width:auto;display:block}.site-footer{background-color:#000;color:#fff;padding:60px var(--margin);margin-top:100px;font-family:Satoshi,sans-serif;position:relative;z-index:10}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;align-items:start;max-width:1400px}.footer-item h3{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px;opacity:.5}.footer-item p,.footer-item a{font-size:13px;font-weight:500;text-transform:uppercase;text-decoration:none;color:#fff;margin:0;display:block}.back-to-top{position:fixed;bottom:40px;right:var(--margin);background:none;border:none;color:#1e1e1e;cursor:pointer;z-index:99999!important;padding:0;mix-blend-mode:difference;pointer-events:all}.back-icon{width:60px;height:auto;filter:invert(1)}body.no-scroll .back-to-top{display:none!important}.footer-item a{color:#fff!important;text-decoration:none}.footer-item a:hover{opacity:.7}.menu-toggle{display:none}@media(max-width:1000px){:root{--margin: 20px}body{padding-top:80px!important}.header{position:fixed!important;top:0;left:0;width:100%;height:70px;padding:0 var(--margin);background:var(--bg)!important;z-index:2100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo-link svg{width:48px;height:48px}.menu-toggle{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;background:none;border:none;width:40px;height:40px;z-index:1100;cursor:pointer}.menu-toggle span{display:block;width:25px;height:2px;background-color:var(--black);transition:all .3s ease}.menu-toggle.open span:nth-child(1){transform:translateY(4px) rotate(45deg)}.menu-toggle.open span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.header .nav-links{display:none!important}.nav-container .nav-links{display:flex!important}.nav-container{position:fixed;top:0;right:-100vw;width:100vw;height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:1050;visibility:hidden}.nav-container.active{transform:translate(-100vw);visibility:visible}.nav-links{display:flex!important;flex-direction:column;gap:40px;text-align:center}.nav-links a{font-size:32px}.tipito-link img{height:80px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}}.no-scroll{overflow:hidden!important;height:100vh}a{text-decoration:none;color:inherit;outline:none}a,button{-webkit-tap-highlight-color:transparent}.project-card,.project-title{color:var(--black, #000);user-select:none}
