@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#f5f3ee;--bg-secondary:#eceae4;--bg-dark:#141412;--text-primary:#121211;--text-secondary:#575a60;--text-light:#f7f6f2;--accent-primary:#1d4ed8;--accent-hover:#173eab;--border-color:#d8d5ce;--focus-ring:#2563eb;--card-shadow:0 4px 24px #1212110a;--header-shadow:0 1px 0px #1212110d;--radius-sm:2px;--radius-btn:0px;--radius-md:4px;--radius-lg:6px;--font-heading:"Lora", serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--max-width:1280px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.15}p{color:var(--text-secondary);margin-bottom:var(--space-16);max-width:75ch;font-size:1.0625rem;line-height:1.65}.display-h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}.section-h2{letter-spacing:-.01em;margin-bottom:var(--space-24);font-size:clamp(2rem,4vw,3.25rem)}.card-h3{letter-spacing:-.01em;font-size:clamp(1.5rem,2.5vw,2rem)}.tag-h4{font-size:1.25rem}.eyebrow{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:var(--space-12);font-size:.875rem;font-weight:700;display:block}.intro-text{color:var(--text-secondary);font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.6}.container{max-width:var(--max-width);padding:0 var(--space-32);margin:0 auto}@media (width<=768px){.container{padding:0 var(--space-20)}}.section-padding{padding-block:var(--space-96)}@media (width<=992px){.section-padding{padding-block:var(--space-80)}}@media (width<=576px){.section-padding{padding-block:var(--space-64)}}.text-white{color:var(--text-light)}.btn{font-family:var(--font-heading);border-radius:var(--radius-btn);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-8);border:none;height:48px;padding:12px 24px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-primary);transform:translateY(-2px)}.btn:focus,a:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.text-link{font-family:var(--font-heading);color:var(--accent-primary);align-items:center;gap:var(--space-4);font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.text-link:hover{color:var(--accent-hover)}.text-link:after{content:" →";transition:transform .2s}.text-link:hover:after{transform:translate(4px)}.text-link,.project-link{position:relative;text-decoration:none!important}.text-link:before,.project-link:before{content:"";transform-origin:100% 100%;background-color:currentColor;width:100%;height:1.5px;transition:transform .3s cubic-bezier(.25,1,.5,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.text-link:hover:before,.project-link:hover:before{transform-origin:0 100%;transform:scaleX(1)}.grid-2{gap:var(--space-32);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-32);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-24);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{gap:var(--space-24);grid-template-columns:1fr}}.tag{background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);padding:4px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}.skip-link{background:var(--accent-primary);color:#fff;z-index:1000;padding:8px 16px;transition:top .2s;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}