body,html{overflow-x:hidden}ol,p,ul{margin-bottom:1rem}.site-header,body::after{position:fixed;top:0;left:0}.site-header,body{background-color:var(--bg-color)}.btn,.logo,.main-nav a{text-decoration:none}.about-teaser-img,.btn,.window{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--border-color)}:root{--bg-color:#F4F1ED;--text-color:#1a1a1a;--border-color:#1a1a1a;--accent-color:#FF4D4D;--accent-color-rgb:255,77,77;--window-header-bg:#e0e0e0;--text-muted:#555;--border-width:2px;--border-radius:8px;--shadow-offset:6px;--font-main:'Poppins',sans-serif;--font-mono:'VT323',monospace;--header-height:80px}body[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#F4F1ED;--border-color:#F4F1ED;--window-header-bg:#2c2c2c;--text-muted:#aaa;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" width="80" height="80"%3E%3Crect fill="%231a1a1a" width="80" height="80"/%3E%3Cg fill-rule="evenodd"%3E%3Cg fill="%232c2c2c" fill-opacity="0.4"%3E%3Cpath d="M0 0h40v40H0V0zm40 40h40v40H40V40z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-color);font-family:var(--font-main);line-height:1.7;padding-top:var(--header-height);background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" width="80" height="80"%3E%3Crect fill="%23F4F1ED" width="80" height="80"/%3E%3Cg fill-rule="evenodd"%3E%3Cg fill="%23e0e0e0" fill-opacity="0.4"%3E%3Cpath d="M0 0h40v40H0V0zm40 40h40v40H40V40z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');transition:background-color .3s,color .3s}.approach-card h4 .number,.main-nav a.active,.main-nav a:hover,a,h2 .hash,h3 .hash{color:var(--accent-color)}.approach-card h4,.btn,.logo,.page-header .tagline,.project-card .card-tags li,.title-text,h1,h2,h3,h4,h5,h6{font-family:var(--font-mono)}body::after{content:'';width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(var(--text-color),.05),rgba(var(--text-color),.05) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999}.site-container{max-width:1100px;margin:0 auto;padding:40px 20px}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2;margin-bottom:1.5rem}h1{font-size:3.5rem}h2{font-size:2.8rem}h3{font-size:2rem}h4{font-size:1.5rem}h2 .hash,h3 .hash{margin-right:12px}.logo,.main-nav a,a:hover{color:var(--text-color)}h2 .hash{font-size:2.5rem}.logo,h3 .hash{font-size:1.8rem}a{text-decoration:none;transition:color .2s}ol,ul{padding-left:20px}.blog-item h3,.project-card .card-title-h4,li{margin-bottom:.5rem}address{font-style:normal}strong{font-weight:600;color:inherit}.site-header{width:100%;border-bottom:var(--border-width) solid var(--border-color);z-index:1300;transition:transform .3s ease-in-out,background-color .3s}.site-header.header-hidden{transform:translateY(-100%)}.header-container{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.header-controls{display:flex;align-items:center;gap:15px}.header-right-group{display:flex;align-items:center;gap:25px}.logo{display:flex;align-items:center}.logo img{height:32px;width:auto;margin-right:10px}body[data-theme=dark] .logo img{filter:invert(1)}@keyframes blink{50%{opacity:0}}#hero-headline .cursor{color:var(--text-color);animation:1s step-end infinite blink}.main-nav{padding-top:10px}.main-nav ul{list-style:none;display:flex;gap:25px;margin:0;padding:0}.main-nav a{font-weight:600;font-size:1rem;transition:color .3s}.site-footer{border-top:var(--border-width) solid var(--border-color);padding:20px;text-align:center;font-size:.9rem;color:var(--text-muted);margin-top:40px}.btn,.theme-toggle-btn{color:var(--text-color);cursor:pointer}.theme-toggle-btn{background:0 0;border:none;width:24px;height:24px;padding:0}.theme-toggle-btn svg{width:100%;height:100%}.theme-toggle-btn .sun,body[data-theme=dark] .theme-toggle-btn .moon{display:block}.mobile-nav-overlay,.nav-toggle-btn,.theme-toggle-btn .moon,body[data-theme=dark] .theme-toggle-btn .sun{display:none}.window{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-color);margin-bottom:60px}.project-card .card-tags li,.title-bar{background-color:var(--window-header-bg)}.title-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:var(--border-width) solid var(--border-color);border-radius:calc(var(--border-radius) - 2px) calc(var(--border-radius) - 2px) 0 0;transition:background-color .3s,border-color .3s}.btn,.title-buttons span{border:var(--border-width) solid var(--border-color)}.title-text{font-size:1.1rem}.title-buttons{display:flex;gap:6px}.title-buttons span{width:12px;height:12px;border-radius:50%}.title-buttons .close{background-color:#ff5f56}.title-buttons .min{background-color:#ffbd2e}.title-buttons .max{background-color:#27c93f}.window-content{padding:40px}.btn{display:inline-block;padding:12px 28px;border-radius:var(--border-radius);background-color:var(--bg-color);font-size:1.2rem;transition:.2s}.btn:hover{transform:translate(2px,2px);box-shadow:calc(var(--shadow-offset) - 3px) calc(var(--shadow-offset) - 3px) 0 0 var(--border-color),0 0 20px rgba(var(--accent-color-rgb),.3)}.btn:active{transform:translate(var(--shadow-offset),var(--shadow-offset));box-shadow:0 0 0 0 var(--border-color)}.btn-primary{background-color:var(--accent-color);color:#f4f1ed}body[data-theme=dark] .btn-primary{color:#1a1a1a}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.card{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:30px;background-color:var(--bg-color);display:flex;flex-direction:column}.card:hover{transform:translateY(-10px);box-shadow:var(--shadow-offset) calc(var(--shadow-offset) + 10px) 0 0 var(--border-color)}.hero-content p.mission-statement{font-size:1.2rem;max-width:700px;margin:1.5rem auto 0;color:var(--text-muted);line-height:1.6}.approach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.approach-card{padding:25px;border:var(--border-width) dotted var(--accent-color);border-radius:var(--border-radius)}.approach-card h4{font-size:1.5rem;margin-bottom:.5rem}.approach-card p{margin-bottom:0;color:var(--text-muted)}.project-card{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;text-align:left;display:flex;flex-direction:column}.project-card .card-banner{width:100%;height:250px;overflow:hidden}.project-card .card-banner img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project-card:hover .card-banner img{transform:scale(1.05)}.project-card .card-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.project-card .card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem;padding:0;list-style:none}.project-card .card-tags li{padding:4px 10px;border-radius:4px;font-size:.8rem;color:var(--text-color);margin:0}.project-card .card-summary{color:var(--text-muted);margin-bottom:1.5rem;flex-grow:1}.project-card .btn{margin-top:auto}.about-teaser{display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:40px}.about-teaser-img{width:100%;max-width:300px;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);justify-self:center}.page-header h1{font-size:3rem;text-align:center;margin-bottom:.5rem}.page-header .tagline{font-size:1.2rem;text-align:center;color:var(--text-muted);margin-bottom:3rem}.agency-logo-img{display:block;margin:0 auto 2rem;max-width:250px;height:auto}.skill-card{align-items:center;text-align:center;justify-content:center;gap:1rem;padding:20px}.skill-card .skill-icon{width:50px;height:50px;object-fit:contain;margin-bottom:.5rem;filter:invert(1)}body[data-theme=dark] .skill-card .skill-icon{filter:none}.skill-card h4{font-family:var(--font-main);font-weight:600;font-size:1.1rem;margin-bottom:0}.card,.page-header,.project-card,.window{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.card.visible,.page-header.visible,.project-card.visible,.window.visible{opacity:1;transform:translateY(0)}.blog-list{list-style:none;padding:0}.blog-item{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:var(--border-width) dashed var(--border-color)}.blog-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.blog-item p{color:var(--text-muted);margin-bottom:1.5rem}@media (max-width:992px){.site-container{padding:40px 30px}.header-right-group,.main-nav ul{gap:20px}.about-teaser{grid-template-columns:1fr;gap:30px;text-align:center}.about-teaser-img{order:-1;margin:0 auto 1.5rem;max-width:250px}}@media (max-width:768px){:root{--header-height:70px}.site-container{padding:30px 15px}.window-content{padding:30px 20px}.card{padding:25px}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-offset) calc(var(--shadow-offset) + 5px) 0 0 var(--border-color)}h1{font-size:2.5rem}h2{font-size:2.1rem}h3{font-size:1.8rem}.hero-content p.mission-statement{font-size:1.1rem}.page-header h1{font-size:2.2rem}.page-header .tagline{font-size:1.1rem;margin-bottom:2rem}.approach-grid,.card-grid{grid-template-columns:1fr;gap:25px}.header-container{padding:0 15px}.logo{font-size:1.5rem}.logo img{height:28px}.header-controls .theme-toggle-btn,.main-nav{display:none}.nav-toggle-btn{display:flex;background:0 0;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;width:42px;height:42px;padding:8px;transition:background-color .2s;flex-direction:column;justify-content:space-between;position:relative}.nav-toggle-btn:hover{background-color:rgba(var(--accent-color-rgb),.1)}.nav-toggle-btn .line{display:block;width:100%;height:3px;background-color:var(--text-color);transition:transform .3s cubic-bezier(.25, 1, .5, 1),opacity .2s;transform-origin:center}.mobile-nav-overlay{display:flex;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-color);justify-content:center;align-items:center;transform:translateX(100%);transition:transform .4s cubic-bezier(.77, 0, .175, 1);z-index:1200;padding:20px}.mobile-nav-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:40px}.mobile-nav-content-wrapper nav ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:20px;text-align:center}.mobile-nav-content-wrapper nav a{font-family:var(--font-main);font-weight:600;font-size:1.2rem;color:var(--text-color);text-decoration:none;padding:15px 30px;display:block;border:var(--border-width) dotted var(--border-color);border-radius:var(--border-radius);min-width:250px;transition:.3s}.mobile-nav-content-wrapper nav a.active,.mobile-nav-content-wrapper nav a:hover{background-color:var(--accent-color);color:var(--bg-color);border-color:var(--accent-color);border-style:solid}.mobile-nav-controls #mobile-theme-toggle{display:block;width:48px;height:48px;color:var(--text-color);border:var(--border-width) solid var(--border-color);border-radius:50%;padding:8px}body.nav-open{overflow:hidden}body.nav-open .mobile-nav-overlay{transform:translateX(0)}.site-header.nav-active .nav-toggle-btn .line-1{transform:translateY(8px) rotate(45deg)}.site-header.nav-active .nav-toggle-btn .line-2{opacity:0}.site-header.nav-active .nav-toggle-btn .line-3{transform:translateY(-8px) rotate(-45deg)}}