@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";.header{position:fixed;top:0;left:0;width:100%;background-color:var(--color-bg);z-index:1000;border-bottom:var(--border-width) solid var(--color-text);padding:1.5rem 0;height:90px}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-family:var(--font-mono);font-weight:700;font-size:2rem;letter-spacing:-.1em;text-transform:uppercase;color:var(--color-text);z-index:1002;position:relative}.logo:hover{color:var(--color-accent)}.nav{display:flex;gap:2rem}.nav-link{font-family:var(--font-mono);font-size:1rem;font-weight:700;text-transform:uppercase;position:relative}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--color-accent);transition:width .3s ease}.nav-link:hover:after{width:100%}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;z-index:1002;position:relative}.bar{width:100%;height:2px;background-color:var(--color-text);transition:transform .3s,opacity .3s}.bar.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.bar.open:nth-child(2){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:0;right:0;width:100vw;height:100vh;background-color:var(--color-accent);z-index:1001;display:flex;align-items:center;justify-content:center}.mobile-nav{display:flex;flex-direction:column;gap:2rem;text-align:center}.mobile-link{font-size:3rem;font-weight:900;color:#000;text-transform:uppercase;font-family:var(--font-main);text-decoration:none;transition:transform .2s}.mobile-link:hover{transform:skew(-10deg) scale(1.1)}.mobile-link.highlight{border:4px solid #000;padding:.5rem 1rem}@media (max-width: 768px){.desktop-nav,.desktop-cta{display:none}.hamburger-btn{display:flex}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding-top:100px}.hero-title{font-size:clamp(3rem,10vw,8rem);line-height:.85;margin-bottom:2rem;z-index:2}.hero-sub{max-width:600px;margin-left:auto;border-left:2px solid var(--color-accent);padding-left:2rem}.hero-copy{font-size:1.25rem;margin-bottom:2rem;color:#ccc}.hero-cta-group{display:flex;align-items:center;gap:2rem}.scrolldown-arrow{font-family:var(--font-mono);font-size:.9rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.marquee-container{width:100%;overflow:hidden;background:var(--color-accent);color:#000;padding:1rem 0;position:absolute;bottom:0;left:0;transform:rotate(-2deg) scale(1.05);border-top:2px solid #000;border-bottom:2px solid #000}.marquee-content{white-space:nowrap;animation:marquee 20s linear infinite;font-family:var(--font-mono);font-weight:700;font-size:1.5rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{background-color:#fff;color:#000;position:relative}.section-title{font-size:clamp(2rem,5vw,4rem);margin-bottom:4rem;border-bottom:2px solid #000;padding-bottom:1rem}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:6rem}.about-item{border:2px solid #000;padding:2rem;transition:background .3s}.about-item:hover{background:var(--color-accent)}.about-head{font-size:2rem;margin-bottom:1rem;font-family:var(--font-mono)}.about-big-text{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900;text-align:center;max-width:1000px;margin:0 auto;line-height:1.2}.services-list{display:flex;flex-direction:column;border-top:2px solid var(--color-gray)}.service-item{border-bottom:2px solid var(--color-gray);padding:2rem 0;cursor:pointer;transition:background .3s;position:relative}.service-item:hover{background:#111}.service-item:hover .service-title{color:var(--color-accent);padding-left:1rem}.service-header{display:flex;align-items:baseline;gap:2rem;margin-bottom:1rem}.service-id{color:var(--color-gray);font-size:1.2rem}.service-title{font-size:clamp(2rem,5vw,5rem);font-weight:900;transition:all .3s ease}.service-desc-wrapper{padding-left:3.2rem;max-width:600px}.service-desc{font-size:1.2rem;color:#ccc;margin-bottom:1rem}.service-detail{overflow:hidden;color:#888;font-size:1rem;line-height:1.6}@media (max-width: 768px){.service-header{flex-direction:column;gap:.5rem}.service-desc-wrapper{padding-left:0}}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.work-card{border:2px solid var(--color-gray);cursor:pointer;background:var(--color-bg)}.work-card:hover{border-color:var(--color-accent)}.work-image-placeholder{height:300px;background-color:#222;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:2rem;color:var(--color-gray);border-bottom:2px solid var(--color-gray)}.work-info{padding:1rem;display:flex;justify-content:space-between;font-family:var(--font-mono);font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.work-modal{width:100%;max-width:800px;background:var(--color-bg);border:2px solid var(--color-accent);position:relative;overflow:hidden;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--color-accent);color:#000;border:none;font-family:var(--font-mono);font-weight:700;padding:.5rem 1rem;cursor:pointer;z-index:10}.modal-image{height:400px;border-bottom:2px solid var(--color-accent);color:var(--color-accent)}.modal-content{padding:2rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #333;padding-bottom:1rem}.modal-header h3{font-size:2rem;margin:0}.modal-cat{font-family:var(--font-mono);color:#888}.modal-desc{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.modal-tags{display:flex;gap:1rem}.tag{border:1px solid #fff;padding:.2rem .8rem;border-radius:20px;font-family:var(--font-mono);font-size:.9rem}.testi-marquee{overflow:hidden;white-space:nowrap;padding:4rem 0;background:#111;border-top:2px solid #333;border-bottom:2px solid #333}.testi-track{display:inline-block;animation:scroll-left 20s linear infinite}.testi-item{display:inline-block;margin-right:4rem;font-family:var(--font-mono);font-size:1.5rem;color:#ccc;padding:1rem 2rem;border:1px solid #333}.testi-item:hover{border-color:var(--color-accent);color:var(--color-accent)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.team-member{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-bottom:1px solid var(--color-gray);font-family:var(--font-mono);transition:padding .3s,background .3s}.team-member:hover{padding:2rem 1rem;background:#111;border-bottom-color:var(--color-accent)}.member-role{color:var(--color-gray);font-size:1rem;text-transform:uppercase}.member-name{font-size:2rem;font-weight:700;text-transform:uppercase}.team-member:hover .member-name{color:var(--color-accent)}@media (max-width: 600px){.team-member{flex-direction:column;align-items:flex-start;gap:.5rem}}.contact{padding-bottom:8rem}.contact-subtitle{font-size:1.5rem;margin-bottom:3rem;color:#888}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:800px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-mono);font-size:.9rem;color:var(--color-accent);text-transform:uppercase}.form-group input,.form-group select{background:transparent;border:2px solid var(--color-gray);padding:1rem;color:#fff;font-family:var(--font-main);font-size:1.2rem;outline:none;transition:border .3s}.form-group input:focus,.form-group select:focus{border-color:var(--color-accent)}.submit-btn{grid-column:1 / -1;margin-top:2rem;width:100%}.error-msg{grid-column:1 / -1;color:var(--color-secondary);font-family:var(--font-mono);font-weight:700;text-transform:uppercase;border:1px solid var(--color-secondary);padding:1rem;text-align:center}.success-message{text-align:center;padding:4rem;border:2px solid var(--color-accent)}.glitch-text{font-size:4rem;color:var(--color-accent);margin-bottom:1rem;text-transform:uppercase;animation:glitch-anim 2s infinite}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@media (max-width: 600px){.contact-form{grid-template-columns:1fr}}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background-color:var(--color-accent);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;margin-top:-10px;margin-left:-10px;transition:width .2s,height .2s}body:hover .custom-cursor{opacity:1}.noise-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;opacity:.05;background:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E');mix-blend-mode:overlay}:root{--color-bg: #0a0a0a;--color-text: #ffffff;--color-accent: #ccff00;--color-secondary: #ff0055;--color-gray: #333333;--font-main: "Inter", sans-serif;--font-mono: "Space Mono", monospace;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--border-width: 2px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.9}a{color:inherit;text-decoration:none}ul{list-style:none}.mono{font-family:var(--font-mono)}.outline-text{color:transparent;-webkit-text-stroke:1px var(--color-text)}.brutalist-border{border:var(--border-width) solid var(--color-text)}.brutalist-btn{background:var(--color-accent);color:#000;border:none;padding:1rem 2rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;cursor:pointer;transition:transform .1s,box-shadow .1s}.brutalist-btn:hover{transform:translate(-4px,-4px);box-shadow:4px 4px 0 var(--color-text)}.brutalist-btn:active{transform:translate(0);box-shadow:none}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-sm)}.section{padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-gray)}::selection{background:var(--color-accent);color:#000}.highlight{background-color:var(--color-accent);color:#000;padding:0 .2em;font-weight:700;display:inline-block}