header{position:static;background:var(--accent-bg)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0}.brand{font-weight:700;letter-spacing:.2px;color:var(--theme-fg);display:flex;align-items:center;gap:10px;font-size:20px;text-decoration:none;padding:4px 8px;border-radius:8px;transition:background .2s ease,color .2s ease,transform .08s ease}.brand:hover{background:var(--secondary-bg);color:var(--link);text-decoration:none;transform:translateY(-1px)}.brand:active{transform:translateY(0)}header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px}header nav a{color:var(--theme-fg);text-decoration:none;font-size:16px;padding:6px 10px;border-radius:999px;border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .08s ease,box-shadow .2s ease}header nav a:hover{color:var(--link);background:var(--secondary-bg);border-color:var(--secondary-line);text-decoration:none;transform:translateY(-1px);box-shadow:0 1px 2px #00000014}header nav a:active{transform:translateY(0)}header nav a:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-color:var(--link)}@media (prefers-reduced-motion: reduce){header nav a{transition:none}header nav a:hover,header nav a:active{transform:none}}.header-social{display:none;align-items:center;gap:12px}.header-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--theme-fg);border:1px solid transparent;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .08s ease,box-shadow .2s ease}.header-social a:hover{background:var(--secondary-bg);border-color:var(--secondary-line);transform:translateY(-1px);box-shadow:0 1px 2px #00000014}.header-social a:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-color:var(--link)}@media (min-width: 1024px){.header-social{display:inline-flex}}.split-screen{position:relative;height:50vh;min-height:360px;overflow:hidden;max-width:1200px;margin:16px auto;border-radius:8px;box-shadow:0 1px 3px #0000001a}.split-container{position:relative;display:flex;width:100%;height:100%}.split-side{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.split-left{background:var(--primary-bg);color:var(--theme-fg)}.split-right{background:var(--secondary-bg);color:var(--theme-fg)}.split-content{position:relative;z-index:2;text-align:center;padding:0 24px;max-width:420px}.split-content h2{margin:0 0 8px;font-size:28px}.split-content p{margin:0 0 16px;color:var(--muted)}.split-cta{color:var(--theme-fg);font-weight:600;text-decoration:underline}.split-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#d8c7a840;transform:translate(100%);pointer-events:none;z-index:1}.split-left .split-overlay{transform:translate(-100%)}.split-divider{position:absolute;top:0;left:50%;width:1px;height:100%;background:#00000014;transform:translate(-50%);z-index:1}.split-side:focus-visible{outline:2px solid var(--link);outline-offset:-2px}@media (max-width: 720px){.split-screen{height:auto;min-height:480px;margin:16px;border-radius:0}.split-container{flex-direction:column}.split-divider{display:none}}footer{background:var(--accent-bg);border-top:1px solid var(--secondary-line);padding:var(--footer-padding-y) 0}.footer-inner{color:var(--theme-fg);font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}.footer-brand{display:inline-flex;align-items:center;gap:8px}.footer-logo{display:block}.footer-social{display:inline-flex;align-items:center;gap:12px}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--theme-fg);border:1px solid transparent;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .08s ease,box-shadow .2s ease}.footer-social a:hover{background:var(--secondary-bg);border-color:var(--secondary-line);transform:translateY(-1px);box-shadow:0 1px 2px #00000014}.footer-social a.linkedin:hover{color:#0a66c2}.footer-social a.twitter:hover{color:#1da1f2}.footer-social a.github:hover{color:#000}.footer-social a:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-color:var(--link)}.footer-inner>div{white-space:normal}.footer-brand{display:flex;align-items:center;gap:12px}.footer-logo{flex-shrink:0}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}@media (max-width: 480px){.footer-inner{flex-wrap:wrap;justify-content:center;gap:8px 16px;text-align:center}}.freelancing .container{max-width:960px}.freelance-intro{background:var(--secondary-bg);border:1px solid var(--secondary-line);border-radius:8px;padding:24px;margin-bottom:24px;color:var(--theme-fg);font-size:18px;line-height:1.7;display:flex;align-items:center;gap:24px}.profile-pic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-bg);flex-shrink:0}.freelance-intro h3{margin:0 0 8px;font-size:24px;color:var(--theme-fg)}@media (max-width: 600px){.freelance-intro{flex-direction:column;text-align:center}.profile-pic{width:80px;height:80px}}.freelance-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 720px){.freelance-grid{grid-template-columns:1fr 1fr}}.freelance-card.item{padding:16px}.freelance-card h3{font-size:20px;margin:0 0 8px}.freelance-card p{margin:0}.freelance-card p+p{margin-top:6px}.freelance-meta{color:var(--muted);font-size:14px;margin-top:8px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--secondary-bg);border:1px solid var(--secondary-line);color:var(--theme-fg);font-size:13px}.freelance-cta{text-align:center;margin-top:32px;padding:24px;background:var(--primary-bg);border:1px solid var(--primary-line);border-radius:8px}.freelance-cta p{color:var(--theme-fg);margin:0 0 16px;font-size:16px}.freelance-cta a{color:var(--link);text-decoration:none;font-weight:600;font-size:18px}.freelance-cta a:hover{text-decoration:underline}:root{--fg: #111111;--muted: #666666;--line: #e5e5e5;--link: #0a66c2;--link-hover: #084d96;--theme-fg: #333333;--primary-bg: #f5f5f0;--secondary-bg: #e8e8e3;--primary-line: #e0e0db;--secondary-line: #d8d8d3;--accent-bg: #efe7d8;--accent-line: #d8c7a8;--header-height: 80px;--footer-padding-y: 20px;--status-live-fg: #0f5132;--status-live-bg: #d1e7dd;--status-live-line: #badbcc;--status-dev-fg: #664d03;--status-dev-bg: #fff3cd;--status-dev-line: #ffecb5;--status-deprecated-fg: #41464b;--status-deprecated-bg: #e2e3e5;--status-deprecated-line: #d3d6d8}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--fg);background:var(--primary-bg)}.container{max-width:960px;margin:0 auto;padding:0 16px}@media (min-width: 1024px){.container{padding:0 32px}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}h2{font-size:20px;margin:0 0 16px}.list{display:grid;grid-template-columns:1fr;gap:16px}.item{border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between}.item h3{margin:0 0 6px;font-size:16px}.projects .item h3,.graveyard .item h3{font-size:18px}.item p{margin:0;color:var(--muted);font-size:14px}.graveyard .item p{font-size:16px}.item a{color:var(--link);text-decoration:none;font-weight:600;white-space:nowrap}.item a:hover{color:var(--link-hover);text-decoration:underline}.status{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid transparent}.status-live{color:var(--status-live-fg);background:var(--status-live-bg);border-color:var(--status-live-line)}.status-dev{color:var(--status-dev-fg);background:var(--status-dev-bg);border-color:var(--status-dev-line)}.status-deprecated{color:var(--status-deprecated-fg);background:var(--status-deprecated-bg);border-color:var(--status-deprecated-line)}.social-bar{background:linear-gradient(to bottom,#0000000a,#0000),var(--primary-bg);padding:24px 0;border-bottom:1px solid var(--primary-line)}.social-bar .container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.social-bar a{display:inline-flex;align-items:center;gap:8px;color:var(--theme-fg);text-decoration:none;font-size:16px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--primary-line);background:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .08s ease,box-shadow .2s ease}.social-icon{width:20px;height:20px;display:block}.social-bar a:hover{color:var(--link);background:var(--secondary-bg);text-decoration:none;box-shadow:0 1px 2px #00000014;transform:translateY(-1px)}.social-bar a.linkedin:hover{color:#0a66c2;border-color:#b9d6f2;background:#0a66c214}.social-bar a.twitter:hover{color:#1da1f2;border-color:#b3d9f2;background:#1da1f214}.social-bar a.github:hover{color:#000;border-color:#cfd3d7;background:#00000014}.social-bar a:active{transform:translateY(1px)}.social-bar a:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-color:var(--link);box-shadow:0 0 0 2px #0a66c226}@media (prefers-reduced-motion: reduce){.social-bar a{transition:none}.social-bar a:hover,.social-bar a:active{transform:none}}section{padding:32px 0}.projects,.graveyard,.about{margin:0 auto}.graveyard-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease;font-size:20px;font-weight:400}.graveyard-toggle:hover{color:var(--link)}.graveyard-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.graveyard-content.open{max-height:500px}@media (min-width: 720px){.hero{padding:64px 0}.list{grid-template-columns:1fr 1fr}}.faq .faq-list{display:grid;gap:12px}.faq details{border:1px solid var(--line);border-radius:8px;background:var(--primary-bg);padding:8px 12px}.faq details[open]{background:var(--secondary-bg);border-color:var(--secondary-line)}.faq summary{cursor:pointer;font-weight:600;outline:none}.faq .answer{color:var(--muted);padding-top:6px}