:root{--amber: #F59E0B;--amber-hover: #E08E09;--amber-on: #451A03;--amber-bg: #FEF3C7;--amber-text: #92400E;--sky: #0EA5E9;--sky-bg: #DBEAFE;--sky-text: #1E40AF;--emerald: #10B981;--emerald-bg: #DCFCE7;--emerald-text:#14532D;--warning: #F97316;--warning-bg: #FEF3C7;--error: #EF4444;--n50: #F9FAFB;--n100: #F3F4F6;--n200: #E5E7EB;--n300: #D1D5DB;--n400: #9CA3AF;--n600: #6B7280;--n700: #374151;--n900: #111827;--bg: var(--n50);--bg-alt: var(--n100);--bg-card: #FFFFFF;--bg-nav: rgba(255, 255, 255, .8);--border: var(--n200);--border-strong: var(--n300);--ink: var(--n900);--ink-2: var(--n600);--ink-3: var(--n400);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--r-none: 0;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 20px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 20px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.06);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--max: 1120px;--gutter: clamp(20px, 4vw, 32px);--section-py: clamp(64px, 10vh, 128px);--nav-h: 60px}[data-theme=dark]{--bg: #0F172A;--bg-alt: #1E293B;--bg-card: #111827;--bg-nav: rgba(17, 24, 39, .8);--border: #1F2937;--border-strong: #334155;--ink: var(--n50);--ink-2: var(--n400);--ink-3: var(--n600);--amber-bg: rgba(245, 158, 11, .15);--amber-text:#FCD34D;--sky-bg: rgba(14, 165, 233, .15);--sky-text: #93C5FD;--emerald-bg:rgba(16, 185, 129, .15);--emerald-text:#6EE7B7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{transition:background .2s var(--ease-in-out),color .2s var(--ease-in-out)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}::selection{background:var(--amber);color:var(--amber-on)}:focus-visible{outline:none;box-shadow:0 0 0 3px #f59e0b59;border-radius:var(--r-sm)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);color:var(--ink);font-weight:500;line-height:1.15}h1{font-size:clamp(32px,5.5vw,48px);letter-spacing:-.02em;line-height:1.1}h2{font-size:clamp(26px,4vw,36px);letter-spacing:-.015em;line-height:1.15}h3{font-size:clamp(22px,2.6vw,28px);letter-spacing:-.01em;line-height:1.2}h4{font-size:clamp(18px,2vw,22px);line-height:1.25}h5{font-size:clamp(16px,1.6vw,18px);line-height:1.3}h6{font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--amber);line-height:1.4}p{margin:0;color:var(--ink-2)}.lead{font-size:18px;line-height:1.7;color:var(--ink-2);max-width:60ch}.container{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}section[data-screen-label]{padding-top:var(--section-py);padding-bottom:var(--section-py)}section[data-screen-label]:nth-of-type(2n){background:var(--bg-alt)}.section-head{display:grid;grid-template-columns:1fr;gap:var(--space-base);margin-bottom:clamp(32px,5vw,48px);align-items:end}@media (min-width: 768px){.section-head{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xl)}}.section-head .title-block{display:flex;flex-direction:column;gap:var(--space-md)}.section-head .meta{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.02em}.eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--amber);text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--space-sm)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 24px;border-radius:var(--r-md);font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:0;border:1px solid transparent;white-space:nowrap;transition:transform .2s var(--spring),background .15s var(--ease-out),color .15s var(--ease-out),border-color .15s var(--ease-out),box-shadow .2s var(--ease-in-out)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--amber);color:var(--amber-on)}.btn-primary:hover{background:var(--amber-hover);transform:scale(1.02)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-card);border-color:var(--n700)}.btn-text{padding:12px 0;color:var(--amber);background:transparent}.btn-text:hover{opacity:.75}.btn .arrow{transition:transform .2s var(--ease-out)}.btn:hover .arrow{transform:translate(3px)}.card-base{padding:20px;border-radius:var(--r-lg);border:.5px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-in-out),box-shadow .2s var(--ease-in-out),border-color .2s var(--ease-in-out)}.card-base:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-sm);background:transparent;border:.5px solid var(--border);color:var(--ink-3);font-family:var(--font-mono);font-size:11px;font-weight:400;line-height:1.5}.tag-skill{display:inline-flex;padding:3px 10px;border-radius:var(--r-sm);background:var(--amber-bg);color:var(--amber-text);font-family:var(--font-sans);font-size:12px;font-weight:500}.badge-cert{display:inline-flex;padding:3px 10px;border-radius:var(--r-sm);background:var(--sky-bg);color:var(--sky-text);font-family:var(--font-sans);font-size:12px;font-weight:500}.pill-status{display:inline-flex;align-items:center;gap:var(--space-xs);padding:3px 10px;border-radius:var(--r-full);background:var(--emerald-bg);color:var(--emerald-text);font-family:var(--font-sans);font-size:11px;font-weight:500;text-transform:lowercase;letter-spacing:.02em}.pill-status.warning{background:var(--amber-bg);color:var(--amber-text)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:50;background:transparent;border-bottom:.5px solid transparent;transition:background .2s var(--ease-in-out),border-color .2s var(--ease-in-out),backdrop-filter .2s var(--ease-in-out)}.nav.scrolled{background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border);box-shadow:var(--shadow-lg)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:inline-flex;align-items:center;cursor:pointer}.nav-links{display:none;gap:var(--space-xs);align-items:center}@media (min-width: 880px){.nav-links{display:inline-flex}}.nav-link{position:relative;padding:8px 12px;font-size:13px;font-weight:400;color:var(--ink-2);border-radius:var(--r-md);transition:color .15s var(--ease-out)}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--amber)}.nav-cta{margin-left:var(--space-sm);padding:8px 14px;font-size:13px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:var(--space-sm);border-radius:var(--r-md);color:var(--ink-2);transition:color .15s var(--ease-out),background .15s var(--ease-out)}.theme-toggle:hover{color:var(--amber);background:var(--bg-alt)}.menu-btn{display:inline-flex;padding:8px;border-radius:var(--r-md);color:var(--ink)}@media (min-width: 880px){.menu-btn{display:none}}.menu-btn:hover{background:var(--bg-alt)}.mobile-menu{display:flex;flex-direction:column;background:var(--bg-card);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);box-shadow:var(--shadow-md)}.mobile-menu a{padding:14px var(--gutter);font-size:14px;color:var(--ink-2);border-bottom:.5px solid var(--border)}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a.active{color:var(--amber)}.hero{padding-top:clamp(96px,14vh,160px);padding-bottom:clamp(64px,10vh,128px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,rgba(245,158,11,.06),transparent 45%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,64px);align-items:center;position:relative}@media (min-width: 880px){.hero-grid{grid-template-columns:minmax(0,1.6fr) auto;gap:clamp(48px,6vw,96px)}}.hero-text{display:flex;flex-direction:column;gap:var(--space-lg);max-width:560px}.hero-overline{font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--amber);text-transform:uppercase;display:inline-block}.hero h1{font-weight:500}.hero-sub{font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.7;color:var(--ink-2);max-width:440px}.hero .ctas{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-xs)}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-lg);padding-top:var(--space-lg);margin-top:var(--space-base);border-top:.5px solid var(--border)}.hero-meta .item{display:flex;flex-direction:column;gap:4px}.hero-meta .label{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.03em}.hero-meta .value{font-size:13px;color:var(--ink);font-weight:500}.photo-wrap{position:relative;display:flex;justify-content:center}.photo{width:96px;height:96px;aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(135deg,var(--border) 0 2px,transparent 2px 14px),var(--bg-card);display:grid;place-items:center;position:relative;overflow:hidden}@media (min-width: 880px){.photo{width:200px;height:200px}}.photo:after{content:"// profile photo";font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.02em;background:var(--bg);padding:3px 8px;border-radius:var(--r-full);border:.5px solid var(--border)}img.photo{object-fit:cover;background:var(--bg-card)}img.photo:after{content:none}.photo-status{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-xs);padding:5px 12px;background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-full);font-family:var(--font-mono);font-size:11px;color:var(--ink-2);box-shadow:var(--shadow-sm);white-space:nowrap}@media (min-width: 880px){.photo-status{bottom:8%;right:-10px;left:auto;transform:none}}.photo-status .pulse{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 #10b98180;animation:pulse 1.8s var(--ease-out) infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@media (max-width: 879px){.photo-wrap{order:-1}}.about-grid{display:grid;grid-template-columns:1fr;gap:clamp(32px,5vw,48px)}@media (min-width: 880px){.about-grid{grid-template-columns:1fr 1fr}}.about-copy{display:flex;flex-direction:column;gap:var(--space-base);max-width:56ch}.about-copy p{font-size:16px;line-height:1.75}.about-side{display:flex;flex-direction:column;gap:var(--space-md)}.fact-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-base);padding:20px;background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-lg);align-items:center;transition:transform .2s var(--ease-in-out),box-shadow .2s var(--ease-in-out),border-color .2s var(--ease-in-out);box-shadow:var(--shadow-sm)}.fact-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:var(--shadow-md)}.fact-card .ico{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--amber-bg);color:var(--amber)}.fact-card .label{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.fact-card .value{font-size:14px;color:var(--ink);font-weight:500;margin-top:2px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.skill{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-base);background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-in-out),border-color .2s var(--ease-in-out),box-shadow .2s var(--ease-in-out)}.skill:hover{transform:translateY(-4px);border-color:var(--amber);box-shadow:var(--shadow-md)}.skill .ico{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--amber-bg);font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--amber-text)}.skill .name{font-size:14px;color:var(--ink);font-weight:500}.skill .cat{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.skills-tabs{display:inline-flex;gap:var(--space-xs);padding:4px;background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-full);margin-bottom:var(--space-lg);flex-wrap:wrap;box-shadow:var(--shadow-sm)}.skills-tab{padding:8px 14px;font-size:12px;border-radius:var(--r-full);color:var(--ink-2);font-family:var(--font-mono);letter-spacing:.02em;transition:all .15s var(--ease-out)}.skills-tab:hover{color:var(--ink)}.skills-tab.active{background:var(--amber);color:var(--amber-on)}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:1px;background:var(--border)}.tl-item{position:relative;padding-bottom:var(--space-xl)}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-28px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--border-strong);transition:all .2s var(--ease-in-out)}.tl-item.current:before{border-color:var(--amber);background:var(--amber);box-shadow:0 0 0 4px var(--amber-bg)}.tl-card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-lg);padding:20px 24px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-in-out),box-shadow .2s var(--ease-in-out),border-color .2s var(--ease-in-out)}.tl-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:var(--shadow-md)}.tl-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:var(--space-sm);font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.tl-meta .badge{padding:3px 8px;background:var(--amber-bg);color:var(--amber-text);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:500}.tl-card h3{margin:4px 0 2px}.tl-company{font-size:13px;color:var(--amber);font-weight:500;margin-bottom:var(--space-md)}.tl-card p{font-size:14px;line-height:1.7}.tl-stack{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-base)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.proj-card{display:flex;flex-direction:column;background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-in-out),border-color .2s var(--ease-in-out),box-shadow .2s var(--ease-in-out)}.proj-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.proj-thumb{aspect-ratio:16/10;position:relative;background:var(--bg);border-bottom:.5px solid var(--border);overflow:hidden}.proj-thumb .pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 30% 30%,var(--amber-bg),transparent 50%),repeating-linear-gradient(45deg,var(--border) 0 1px,transparent 1px 12px);opacity:.85}.proj-thumb .glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:56px;font-weight:500;color:var(--amber);letter-spacing:-.04em;opacity:.9}.proj-thumb .corner{position:absolute;top:14px;left:14px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--bg-card);padding:4px 8px;border-radius:var(--r-sm);border:.5px solid var(--border)}.proj-body{padding:20px 22px;display:flex;flex-direction:column;gap:var(--space-md);flex:1}.proj-body h3{font-size:18px}.proj-body p{font-size:14px;line-height:1.65;flex:1}.proj-stack{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.proj-foot{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:.5px solid var(--border)}.proj-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--amber);font-weight:500}.proj-link .arrow{transition:transform .2s var(--ease-out)}.proj-card:hover .proj-link .arrow{transform:translate(3px,-3px)}.proj-status{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);display:inline-flex;align-items:center;gap:var(--space-xs)}.proj-status .dotg{width:6px;height:6px;border-radius:50%;background:var(--emerald)}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-base)}.cert-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-base);padding:20px;background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease-in-out),transform .2s var(--ease-in-out),box-shadow .2s var(--ease-in-out)}.cert-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:var(--shadow-md)}.cert-card.in-progress{background:repeating-linear-gradient(135deg,var(--bg-card) 0 8px,var(--bg) 8px 16px)}.cert-badge{width:56px;height:56px;border-radius:var(--r-lg);background:var(--sky);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:500;flex-shrink:0}.cert-card.in-progress .cert-badge{background:transparent;color:var(--ink-3);border:1px dashed var(--border-strong)}.cert-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.cert-info h4{font-size:15px}.cert-info .issuer{font-size:13px;color:var(--ink-2)}.cert-info .meta{display:flex;gap:var(--space-md);align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-top:var(--space-xs)}.cert-info .status-pill{padding:2px 8px;border-radius:var(--r-sm);background:var(--sky-bg);color:var(--sky-text);font-family:var(--font-sans);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:500}.cert-card.in-progress .status-pill{background:var(--amber-bg);color:var(--amber-text)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.blog-card{position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding:20px 22px;background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease-in-out),transform .2s var(--ease-in-out),box-shadow .2s var(--ease-in-out);overflow:hidden}.blog-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:var(--shadow-md)}.blog-meta{display:flex;gap:var(--space-md);font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}.blog-card h3{font-size:18px;line-height:1.3}.blog-card p{font-size:14px;line-height:1.65}.blog-card .read{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--amber);font-weight:500;margin-top:auto;transition:gap .2s var(--ease-out)}.blog-card .read:hover{gap:10px}.blog-card.coming:after{content:"Coming Soon";position:absolute;top:14px;right:14px;font-family:var(--font-sans);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;padding:3px 9px;background:var(--n900);color:var(--n50);border-radius:var(--r-sm)}[data-theme=dark] .blog-card.coming:after{background:var(--n50);color:var(--n900)}.blog-card.coming{opacity:.78}.blog-card.coming .read{color:var(--ink-3);cursor:default}.blog-card.coming .read:hover{gap:6px}.contact{background:radial-gradient(circle at 80% 0%,rgba(245,158,11,.08),transparent 50%),var(--bg-alt)}.contact-card{display:flex;flex-direction:column;gap:var(--space-xl);padding:clamp(32px,5vw,56px);background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);align-items:flex-start}.contact-card .lead{font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);line-height:1.4;color:var(--ink);font-weight:500;letter-spacing:-.015em;max-width:none}.contact-mail{display:inline-flex;align-items:center;gap:var(--space-md);font-family:var(--font-display);font-size:clamp(22px,3vw,32px);font-weight:500;color:var(--amber);letter-spacing:-.02em;word-break:break-all;transition:color .15s var(--ease-out)}.contact-mail:hover{color:var(--amber-hover);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.contact-social{display:flex;gap:var(--space-sm);flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 16px;border:.5px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);font-size:12px;color:var(--ink-2);background:var(--bg);transition:all .15s var(--ease-out)}.social-btn:hover{border-color:var(--amber);color:var(--amber);transform:translateY(-2px)}.footer{padding:var(--space-xl) 0;border-top:.5px solid var(--border);background:var(--bg)}.footer-inner{display:flex;flex-direction:column;gap:var(--space-base);align-items:flex-start;justify-content:space-between}@media (min-width: 640px){.footer-inner{flex-direction:row;align-items:center}}.footer .copy{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.footer .admin{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-sm);transition:color .15s var(--ease-out),background .15s var(--ease-out)}.footer .admin:hover{color:var(--amber);background:var(--bg-alt)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--n900);color:var(--n50);padding:10px 18px;border-radius:var(--r-full);font-family:var(--font-mono);font-size:12px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);z-index:200;display:inline-flex;align-items:center;gap:var(--space-sm)}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast .check{color:var(--emerald)}.article-view{padding-top:clamp(96px,14vh,128px);padding-bottom:clamp(64px,10vh,128px);min-height:calc(100vh - var(--nav-h))}.article{max-width:760px;margin:0 auto}.article-back{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:13px;color:var(--ink-3);margin-bottom:var(--space-xl);transition:color .15s var(--ease-out)}.article-back .arrow{transform:rotate(180deg);transition:transform .2s var(--ease-out)}.article-back:hover{color:var(--amber)}.article-back:hover .arrow{transform:rotate(180deg) translate(3px)}.article-head{margin-bottom:clamp(28px,4vw,40px);display:flex;flex-direction:column;gap:var(--space-md)}.article-head h1{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;line-height:1.15}.article-meta{display:flex;gap:var(--space-md);font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.02em}.article-body{font-family:var(--font-sans);font-size:17px;line-height:1.75;color:var(--ink-2)}.article-body>*+*{margin-top:1.1em}.article-body h2{font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);margin-top:1.8em;margin-bottom:.4em;color:var(--ink)}.article-body h3{font-family:var(--font-display);font-size:clamp(18px,1.9vw,21px);margin-top:1.6em;margin-bottom:.3em;color:var(--ink)}.article-body p{color:var(--ink-2)}.article-body a{color:var(--amber);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.article-body a:hover{text-decoration-thickness:2px}.article-body strong{font-weight:600;color:var(--ink)}.article-body em{font-style:italic}.article-body ul,.article-body ol{margin-top:1em;margin-bottom:1em;padding-left:1.4em;color:var(--ink-2)}.article-body li{margin-bottom:.4em}.article-body blockquote{margin:1.6em 0;padding:14px 20px;border-left:3px solid var(--amber);background:var(--bg-alt);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink-2);font-style:italic}.article-body blockquote>p:first-child{margin-top:0}.article-body blockquote>p:last-child{margin-bottom:0}.article-body code{font-family:var(--font-mono);font-size:.92em;background:var(--bg-alt);padding:2px 6px;border-radius:var(--r-sm);border:.5px solid var(--border);color:var(--ink)}.article-body pre,.article-body pre.ql-syntax{font-family:var(--font-mono);background:var(--n900);color:var(--n50);border:.5px solid var(--border);border-radius:var(--r-md);padding:16px 20px;overflow-x:auto;font-size:14px;line-height:1.65;margin:1.6em 0}[data-theme=dark] .article-body pre,[data-theme=dark] .article-body pre.ql-syntax{background:#050a14}.article-body pre code{background:none;border:none;padding:0;font-size:inherit;color:inherit}.article-body img{margin:1.6em 0;border-radius:var(--r-md);border:.5px solid var(--border)}.article-body hr{margin:2em 0;border:none;border-top:.5px solid var(--border)}.article-foot{margin-top:clamp(40px,6vw,64px);padding-top:var(--space-lg);border-top:.5px solid var(--border)}.article-foot .arrow{transform:rotate(180deg)}.article-foot .btn:hover .arrow{transform:rotate(180deg) translate(3px)}.article-error{text-align:center;padding:clamp(40px,8vw,80px) 0}.article-error h2{font-size:clamp(22px,2.4vw,28px);margin-bottom:var(--space-md)}.article-error p{color:var(--ink-3);font-family:var(--font-mono);font-size:13px}section[data-screen-label]:not(#home),.reveal{opacity:0;transform:translateY(20px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}section[data-screen-label]:not(#home).visible,.reveal.visible{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpSmall{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.hero .hero-overline{animation:fadeIn .4s var(--ease-out) .1s both}.hero h1{animation:fadeUp .6s var(--ease-out) .3s both}.hero .hero-sub{animation:fadeUpSmall .5s var(--ease-out) .4s both}.hero .ctas{animation:fadeIn .4s var(--ease-out) .5s both}.hero .hero-meta{animation:fadeIn .4s var(--ease-out) .6s both}.hero .photo-wrap{animation:scaleIn .5s var(--spring) .2s both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}section[data-screen-label]:not(#home){opacity:1;transform:none}}