*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--void:#0d0f17;--orbital:#161a24;--panel:#1b1f2b;--cream:#f0ede8;--asteroid:#9a9da8;--hairline:rgba(240,237,232,0.08);--teal:#50e3c2;--font-mono:"Space Mono",monospace;--font-body:"Geist","Inter",system-ui,sans-serif;--max-w:1400px;--spring:cubic-bezier(0.34,1.56,0.64,1);--ease:cubic-bezier(0.25,0.46,0.45,0.94);--ease-out-strong:cubic-bezier(0.23,1,0.32,1);--ease-in-out-strong:cubic-bezier(0.77,0,0.175,1)}html{scroll-behavior:smooth}body{background:var(--void);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px}@keyframes beacon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.nav-desktop{display:none!important}.nav-mobile-btn{display:flex!important}.hero-grid{grid-template-columns:1fr!important}.hero-cards{display:none!important}.about-grid,.contact-grid,.detail-hero-grid,.project-grid-2col,.tentang-grid{grid-template-columns:1fr!important}.project-grid-2col>*{grid-column:span 1!important}.project-card-grid{grid-template-columns:1fr!important}.project-card-grid>*{order:unset!important}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--panel);border-radius:2px}::selection{background:rgba(80,227,194,.2);color:var(--cream)}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}a{color:inherit}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}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}