:root{--surface:#fff8f5;--surface-dim:#e9d7cb;--surface-bright:#fff8f5;--surface-container-lowest:#fff;--surface-container-low:#fff1e9;--surface-container:#fdeade;--surface-container-high:#f7e5d9;--surface-container-highest:#f2dfd3;--on-surface:#231a13;--on-surface-variant:#554336;--inverse-surface:#392e26;--inverse-on-surface:#ffede3;--outline:#887364;--outline-variant:#dbc2b0;--surface-tint:#904d00;--primary:#8d4b00;--on-primary:#fff;--primary-container:#b15f00;--on-primary-container:#fffbff;--inverse-primary:#ffb77d;--secondary:#82542c;--on-secondary:#fff;--secondary-container:#fdbf8f;--on-secondary-container:#784c25;--tertiary:#006096;--on-tertiary:#fff;--tertiary-container:#007abd;--on-tertiary-container:#fdfcff;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--primary-fixed:#ffdcc3;--primary-fixed-dim:#ffb77d;--on-primary-fixed:#2f1500;--on-primary-fixed-variant:#6e3900;--secondary-fixed:#ffdcc3;--secondary-fixed-dim:#f7ba8a;--on-secondary-fixed:#2f1500;--on-secondary-fixed-variant:#673d17;--tertiary-fixed:#cee5ff;--tertiary-fixed-dim:#96ccff;--on-tertiary-fixed:#001d32;--on-tertiary-fixed-variant:#004a75;--background:#fff8f5;--on-background:#231a13;--surface-variant:#f2dfd3;--bg:#f8fafc;--text:#0f172a;--border:#e2e8f0;--accent:#d97706;--accent-hover:#b45309;--container-max:1280px;--margin-mobile:16px;--margin-desktop:64px;--gutter:24px;--unit:4px;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.15s ease;--transition-base:.25s ease}[data-theme=dark]{--surface:#0b0f19;--surface-dim:#1e293b;--surface-bright:#1e293b;--surface-container-lowest:#020617;--surface-container-low:#0f172a;--surface-container:#1e293b;--surface-container-high:#334155;--surface-container-highest:#334155;--on-surface:#f1f5f9;--on-surface-variant:#94a3b8;--inverse-surface:#f1f5f9;--inverse-on-surface:#0f172a;--outline:#475569;--outline-variant:#334155;--background:#0b0f19;--on-background:#f1f5f9;--surface-variant:#1e293b;--surface-tint:#f59e0b;--primary:#f59e0b;--primary-container:#d97706;--inverse-primary:#8d4b00;--bg:#0b0f19;--text:#f1f5f9;--border:#334155;--accent:#f59e0b;--accent-hover:#d97706}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--background);min-height:100vh;color:var(--on-background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base);margin:0;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:var(--container-max);padding-inline:clamp(var(--margin-mobile), 5vw, var(--margin-desktop));margin-inline:auto}.display-lg{font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(36px,5vw,48px);font-weight:800;line-height:1.1}.headline-lg{font-family:var(--font-display);letter-spacing:.02em;font-size:32px;font-weight:700;line-height:1.2}.headline-md{font-family:var(--font-display);letter-spacing:.01em;font-size:24px;font-weight:700;line-height:1.3}.headline-sm{font-family:var(--font-display);letter-spacing:.01em;font-size:18px;font-weight:700;line-height:1.4}.body-lg{font-family:var(--font-body);font-size:18px;font-weight:400;line-height:1.6}.body-md{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.6}.body-sm{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.5}.label-caps{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1}.mono-label{font-family:var(--font-body);letter-spacing:.02em;font-size:13px;font-weight:500;line-height:1}.section{padding-block:var(--margin-desktop)}.section-header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:flex-end;margin-bottom:48px;padding-bottom:16px;display:flex}.section-eyebrow{color:var(--primary);margin-bottom:8px;display:block}.btn{border-radius:var(--radius);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{color:var(--on-surface);border:1px solid var(--outline-variant);background-color:#0000}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-icon{border:1px solid var(--outline-variant);border-radius:var(--radius);width:40px;height:40px;color:var(--primary);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background-color:var(--surface-container-low);border-color:var(--primary)}.card{background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius);transition:border-color var(--transition-fast), transform var(--transition-fast);padding:24px}.card:hover{border-color:var(--primary)}.badge{background-color:var(--surface);border:1px solid var(--outline-variant);color:var(--on-surface);border-radius:.25rem;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.tech-list{flex-direction:column;gap:12px;display:flex}.tech-list li{color:var(--on-surface-variant);align-items:flex-start;gap:10px;display:flex}.tech-list li:before{content:"";background-color:var(--primary);flex-shrink:0;width:6px;height:6px;margin-top:8px}.bg-dots{isolation:isolate;position:relative}.bg-dots:before{content:"";background-image:radial-gradient(var(--outline-variant) 1px, transparent 1px);opacity:.5;z-index:-1;pointer-events:none;background-size:24px 24px;position:absolute;inset:0}.grid-3,.grid-2{gap:var(--gutter);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-3,.grid-2{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.site-header{z-index:50;background-color:var(--surface);border-bottom:1px solid var(--outline-variant);transition:background-color var(--transition-base), border-color var(--transition-base);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:80px;display:flex}.brand{font-family:var(--font-display);color:var(--primary);letter-spacing:-.01em;flex-shrink:0;font-size:20px;font-weight:700}.brand:hover{color:var(--primary-container)}.main-nav{align-items:center;gap:8px;display:flex}.main-nav a{border-radius:var(--radius);color:var(--on-surface-variant);transition:color var(--transition-fast), background-color var(--transition-fast);padding:8px 12px}.main-nav a:hover{color:var(--primary);background-color:var(--surface-container-low)}.main-nav a.active{color:var(--primary);border-bottom:2px solid var(--primary);border-radius:0;padding-bottom:6px}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.site-footer{background-color:var(--surface-container-low);border-top:1px solid var(--outline-variant);transition:background-color var(--transition-base), border-color var(--transition-base);margin-top:auto}.footer-inner{padding-block:var(--gutter);flex-direction:column;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-brand{flex-direction:column;align-items:center;gap:4px;display:flex}.footer-brand .brand-name{font-family:var(--font-display);color:var(--on-surface);font-size:18px;font-weight:700}.footer-brand .copyright{color:var(--on-surface-variant);font-size:14px}.footer-nav{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer-nav a{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.footer-nav a:hover{color:var(--primary)}@media (width>=768px){.footer-inner{flex-direction:row}.footer-brand{align-items:flex-start}}.project-card{cursor:pointer;flex-direction:column;padding:0;display:flex;overflow:hidden}.project-card:hover .project-cover img{transform:scale(1.05)}.project-cover{aspect-ratio:4/3;background-color:var(--surface-container);position:relative;overflow:hidden}.project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-badge{position:absolute;top:16px;left:16px}.project-body{border-top:1px solid var(--outline-variant);flex-direction:column;flex-grow:1;padding:24px;display:flex}.project-title{color:var(--on-surface);transition:color var(--transition-fast);margin-bottom:8px}.project-card:hover .project-title{color:var(--primary)}.project-meta{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.project-count{background-color:var(--surface-variant);border:1px solid color-mix(in srgb, var(--outline-variant) 50%, transparent);border-radius:var(--radius-full);color:var(--on-surface-variant);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.project-arrow{color:var(--outline-variant);transition:color var(--transition-fast)}.project-card:hover .project-arrow{color:var(--primary)}.text-center{text-align:center}.mt-auto{margin-top:auto}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}