:root{--color-bg: #000000;--color-text: #F0F0F0;--color-text-dim: #888888;--color-accent-primary: #bd00ff;--color-accent-secondary: #ff0099;--color-grid: rgba(255, 255, 255, .1);--font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--spacing-unit: 8px;--header-height: 60px}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.container{max-width:1200px;margin:0 auto;padding:0 20px}.full-screen{width:100vw;height:100vh;position:relative}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes glitch-anim{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px,1px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(2px,-2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,1px)}to{clip-path:inset(30% 0 50% 0);transform:translate(1px,-1px)}}.portfolio-item:hover .portfolio-thumb,.glitch-hover:hover img{animation:glitch-anim .3s infinite linear alternate-reverse;opacity:.8!important;filter:contrast(1.2) brightness(1.2) hue-rotate(90deg)}.portfolio-item:hover .portfolio-thumb:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(5px) contrast(200%);mix-blend-mode:screen;opacity:.5}.modal-content-wrapper{position:relative;width:90%;max-width:1000px;height:80vh;background:#000;border:1px solid #333;display:flex;flex-direction:row;overflow:hidden}.modal-image-section{width:50%;height:100%;position:relative}.modal-info-section{width:50%;height:100%;padding:40px;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}@media(max-width:768px){.modal-content-wrapper{flex-direction:column;height:90vh;overflow-y:auto}.modal-image-section{width:100%;height:35vh;flex-shrink:0}.modal-info-section{width:100%;height:auto;padding:20px;justify-content:flex-start}.modal-title{font-size:2rem!important}}.nav-container{position:fixed;top:0;left:0;width:100%;padding:20px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;mix-blend-mode:difference;color:#fff;transition:all .3s ease}.nav-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:102}@media(max-width:768px){.nav-container{flex-direction:row;justify-content:space-between;padding:35px 20px 15px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);mix-blend-mode:normal;height:90px}.nav-logo-container img{width:100px!important}.mobile-menu-btn{display:block}.nav-menu{position:fixed;top:90px;left:0;width:100%;height:0;overflow:hidden;background:#000;flex-direction:column;justify-content:flex-start;padding:0;gap:0;align-items:center;transition:height .4s cubic-bezier(.16,1,.3,1)}.nav-menu.open{height:calc(100vh - 90px);padding-top:40px;gap:30px}.nav-menu li a{font-size:1.5rem!important}}.process-grid-container{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.portfolio-slide-grid{min-width:100%;scroll-snap-align:start;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:20px 0}.service-row{grid-column:span 12;border-top:1px solid var(--color-grid);padding:30px 0;display:flex;align-items:baseline;justify-content:space-between;transition:background .3s;cursor:pointer}.service-id{font-family:var(--font-mono);font-size:.75rem;color:#fff}.service-name{flex:1;font-size:2rem;margin:0}.service-desc-container{text-align:right;width:30%}@media(max-width:768px){.portfolio-slide-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-row{flex-wrap:wrap}.service-name{margin-left:10px;font-size:1.5rem;flex-basis:calc(100% - 40px)}.service-desc-container{width:100%;text-align:left;margin-top:10px;padding-left:20px;display:block}}