@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";.site-header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);background-color:#050505d9;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-height:4rem;padding:var(--spacing-sm) 0;flex-wrap:wrap;display:flex}@media (width<=767px){.header-container{padding:var(--spacing-md) 0;justify-content:center}.desktop-nav{justify-content:center;width:100%;display:flex}}.logo-container{align-items:center;gap:var(--spacing-sm);text-decoration:none;display:flex}.site-logo-img{filter:invert()contrast(1.2);width:auto;height:32px}.logo-text{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.logo-container:hover .logo-text{color:var(--text-primary)}.nav-list{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;list-style:none;display:flex}@media (width>=768px){.nav-list{gap:var(--spacing-lg)}}.nav-link{color:var(--text-secondary);font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--text-primary)}.hero{min-height:calc(100vh - 4rem);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-2xl);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);opacity:.45;pointer-events:none;z-index:-1;background-size:64px 64px;position:absolute;inset:0}.hero-content{max-width:800px}.hero-label{margin-bottom:var(--spacing-md);color:var(--accent-color)}.hero-headline{margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:clamp(2.5rem,5vw + 1rem,5rem);line-height:1.1}.hero-description{max-width:600px;margin-bottom:var(--spacing-xl);color:var(--text-secondary);font-size:clamp(1.125rem,2vw + .5rem,1.5rem)}.hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.hero-actions .btn{width:100%}@media (width>=480px){.hero-actions .btn{width:auto}}.hero-scroll-indicator{justify-content:center;width:1px;height:120px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--accent-color), transparent);opacity:.5;width:1px;height:100%}.project-card{gap:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color);grid-template-columns:1fr;display:grid;overflow:hidden}@media (width>=992px){.project-card{grid-template-columns:3fr 2fr;gap:0}}.project-visual{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative}@media (width>=992px){.project-visual{border-bottom:none;border-right:1px solid var(--border-color)}}.project-image{object-fit:contain;object-position:center;border-radius:var(--radius-sm);width:100%;height:100%;max-height:500px;display:block;box-shadow:0 10px 30px #00000080}.project-preview-mock,.project-preview-placeholder{width:100%;height:100%;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.forgeslot-mock{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0a0a0a;flex-direction:column;width:100%;height:100%;display:flex}.mock-ui-header{border-bottom:1px solid var(--border-color);height:32px;padding:0 var(--spacing-md);align-items:center;gap:6px;display:flex}.mock-dot{background:var(--border-color-light);border-radius:50%;width:10px;height:10px}.mock-content{color:var(--text-tertiary);flex:1;justify-content:center;align-items:center;display:flex}.project-info{padding:var(--spacing-xl);flex-direction:column;display:flex}.project-meta{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.status-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);text-transform:uppercase;padding:4px 8px;font-size:.75rem}.status-live{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc7133}.status-pending{background:var(--surface-color-light);color:var(--text-secondary);border:1px solid var(--border-color)}.project-name{margin-bottom:var(--spacing-sm);font-size:2rem}.project-desc{margin-bottom:var(--spacing-lg);flex-grow:1}.project-tech{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.tech-tag{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;font-size:.75rem}.project-links{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.ml-2{margin-left:.5rem}.showcase{background-color:var(--surface-color);border-top:1px solid var(--border-color)}.section-header{margin-bottom:var(--spacing-xl)}.section-title{color:var(--text-primary);font-size:clamp(2rem,4vw,3rem)}.projects-grid{gap:var(--spacing-2xl);flex-direction:column;display:flex}.capabilities-section{background-color:var(--bg-color)}.capabilities-grid{gap:var(--spacing-2xl);grid-template-columns:1fr;display:grid}@media (width>=992px){.capabilities-grid{gap:calc(var(--spacing-2xl) * 2);grid-template-columns:1fr 1fr}}.mb-lg{margin-bottom:var(--spacing-xl)}.capabilities-list,.process-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.capability-item{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.capability-title{margin-bottom:var(--spacing-sm);font-size:1.5rem}.process-step{gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex}.process-number{color:var(--accent-color);font-size:1.25rem;line-height:1.2}.process-title{margin-bottom:var(--spacing-sm);font-size:1.5rem}.about-section{background-color:var(--surface-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.about-grid{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (width>=992px){.about-grid{gap:calc(var(--spacing-2xl) * 1.5);grid-template-columns:1fr 1fr}}.about-header .section-title{font-size:clamp(2rem,4vw,3.5rem)}.about-content{gap:var(--spacing-md);flex-direction:column;display:flex}.about-text{color:var(--text-secondary);font-size:1.25rem}.tech-section{padding:var(--spacing-xl) 0;background-color:var(--bg-color)}.tech-heading{margin-bottom:var(--spacing-lg);color:var(--text-tertiary)}.tech-list{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.tech-item{font-family:var(--font-display);color:var(--text-secondary);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500}.tech-item:hover{color:var(--text-primary)}.tech-separator{color:var(--border-color-light);font-family:var(--font-mono)}.contact-section{background-color:var(--surface-color);border-top:1px solid var(--border-color)}.contact-grid{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (width>=992px){.contact-grid{gap:calc(var(--spacing-2xl) * 1.5);grid-template-columns:1fr 1fr}}.contact-info .section-title{margin-bottom:var(--spacing-md);font-size:clamp(2rem,4vw,3rem)}.contact-desc{margin-bottom:var(--spacing-xl);max-width:500px}.contact-links{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.contact-form{gap:var(--spacing-lg);background:var(--bg-color);padding:var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;display:flex;position:relative}.form-honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{color:var(--text-tertiary);font-size:.75rem}.form-control{border:none;border-bottom:1px solid var(--border-color-light);padding:var(--spacing-sm) 0;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast);resize:vertical;background:0 0;font-size:1rem}.form-control:focus{border-bottom-color:var(--accent-color);outline:none}.form-control::placeholder{color:var(--border-color-light)}.form-submit{margin-top:var(--spacing-md);align-self:flex-start}.form-privacy-note{max-width:560px;color:var(--text-tertiary);font-size:.78rem;line-height:1.6}.form-privacy-note a{color:var(--text-secondary);text-underline-offset:.15em;text-decoration:underline}.form-status{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);text-align:center;font-size:.95rem;font-weight:500}.form-status.success{color:#2ecc71;background-color:#2ecc711a;border:1px solid #2ecc7133}.form-status.error{color:#e74c3c;background-color:#e74c3c1a;border:1px solid #e74c3c33}.form-status.error a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.site-footer{background-color:var(--bg-color);padding:var(--spacing-xl) 0;border-top:1px solid var(--border-color)}.footer-container{gap:var(--spacing-lg);flex-direction:column;align-items:flex-start;display:flex}@media (width>=768px){.footer-container{flex-direction:row;justify-content:space-between;align-items:center}}.footer-brand{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start;display:flex}.footer-logo{margin-bottom:var(--spacing-xs)}.footer-copyright{color:var(--text-tertiary);font-size:.75rem}.footer-links{gap:var(--spacing-lg);flex-wrap:wrap;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.875rem}.footer-links a:hover{color:var(--text-primary)}.footer-domain{color:var(--text-tertiary)}.cookie-notice{right:var(--spacing-md);bottom:var(--spacing-md);z-index:200;gap:var(--spacing-md);width:min(560px, calc(100vw - (var(--spacing-md) * 2)));padding:var(--spacing-lg);border:1px solid var(--border-color-light);border-radius:var(--radius-md);background:#111111fa;display:grid;position:fixed;box-shadow:0 20px 60px #00000073}.cookie-notice-copy{gap:var(--spacing-sm);display:grid}.cookie-notice-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600}.cookie-notice p{font-size:.9rem;line-height:1.6}.cookie-notice-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.cookie-notice-actions .btn{font-size:.875rem}@media (width>=768px){.cookie-notice{right:var(--spacing-lg);bottom:var(--spacing-lg);grid-template-columns:1fr auto;align-items:end}.cookie-notice-actions{flex-direction:column}}.legal-main{min-height:calc(100vh - 4rem - 220px)}.legal-document{max-width:860px;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-2xl)}.legal-header{padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-color)}.legal-header h1{margin:var(--spacing-sm) 0 var(--spacing-md);font-size:clamp(2.5rem,7vw,4.5rem)}.legal-header p{font-size:.95rem}.legal-content{gap:var(--spacing-xl);padding-top:var(--spacing-xl);display:grid}.legal-content section{gap:var(--spacing-md);display:grid}.legal-content h2{font-size:1.35rem}.legal-content p,.legal-content li{color:var(--text-secondary);font-size:1rem;line-height:1.75}.legal-content ul{gap:var(--spacing-sm);padding-left:1.25rem;display:grid}.legal-content a{color:var(--accent-color-hover);text-underline-offset:.18em;text-decoration:underline}.legal-table-wrap{border:1px solid var(--border-color);overflow-x:auto}.legal-content table{border-collapse:collapse;width:100%;min-width:580px}.legal-content th,.legal-content td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top}.legal-content th{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.legal-content td{color:var(--text-secondary);font-size:.95rem}.legal-content tbody tr:last-child td{border-bottom:0}.project-detail-main{min-height:calc(100vh - 4rem - 300px)}.back-link{color:var(--text-secondary);margin-bottom:var(--spacing-xl);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--accent-color)}.project-detail-header{margin-bottom:var(--spacing-2xl);max-width:800px}.project-meta-top{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--text-tertiary);justify-content:space-between;font-size:.875rem;display:flex}.project-title{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:clamp(3rem,6vw,5rem)}.project-lead{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:clamp(1.25rem,2vw,1.5rem)}.mock-screenshot{aspect-ratio:16/9;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}:root{--bg-color:#050505;--surface-color:#111;--surface-color-light:#1a1a1a;--text-primary:#f0f0f0;--text-secondary:#999;--text-tertiary:#666;--accent-color:#d95c3c;--accent-color-hover:#e86d4e;--border-color:#222;--border-color-light:#333;--font-display:"Space Grotesk", sans-serif;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--spacing-2xl:8rem;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body{min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.2}p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}a{color:var(--text-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-color)}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}@media (width>=768px){.container{padding:0 var(--spacing-lg)}}.section{padding:var(--spacing-xl) 0}@media (width>=768px){.section{padding:var(--spacing-2xl) 0}}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.875rem}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-color-hover)}.btn-outline{border-color:var(--border-color-light);color:var(--text-primary);background-color:#0000}.btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color)}.grid{gap:var(--spacing-lg);display:grid}.grid-2{grid-template-columns:repeat(1,1fr)}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}}