:root,[data-theme=light]{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--color-bg: #f7f6f2;--color-surface: #fbfbf9;--color-surface-2: #f2efe9;--color-surface-offset: #ede8e1;--color-border: #d5d1c8;--color-divider: #dfdbd2;--color-text: #201d17;--color-text-muted: #6f6c66;--color-text-faint: #9e9a93;--color-text-inverse: #f8f6f2;--color-primary: #0b666f;--color-primary-hover: #0a5259;--color-primary-soft: #d8e7e5;--color-blue: #295c91;--radius-sm: .4rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(20,20,20,.05), 0 8px 24px rgba(20,20,20,.04);--shadow-md: 0 4px 14px rgba(20,20,20,.08), 0 18px 40px rgba(20,20,20,.07);--shadow-lg: 0 10px 32px rgba(20,20,20,.11), 0 28px 64px rgba(20,20,20,.08);--content: 1160px;--font-body: "Satoshi", Inter, sans-serif;--font-display: "Boska", Georgia, serif;--transition: .18s cubic-bezier(.16,1,.3,1)}[data-theme=dark]{--color-bg: #141311;--color-surface: #1b1a18;--color-surface-2: #211f1c;--color-surface-offset: #272521;--color-border: #36332f;--color-divider: #2a2824;--color-text: #ece8e1;--color-text-muted: #b3aea6;--color-text-faint: #8b877f;--color-text-inverse: #181715;--color-primary: #63a8b0;--color-primary-hover: #7dbbc2;--color-primary-soft: #213537;--color-blue: #7da7db;--shadow-sm: 0 1px 2px rgba(0,0,0,.24), 0 8px 24px rgba(0,0,0,.16);--shadow-md: 0 4px 14px rgba(0,0,0,.3), 0 18px 40px rgba(0,0,0,.22);--shadow-lg: 0 10px 32px rgba(0,0,0,.34), 0 28px 64px rgba(0,0,0,.28)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--color-text);background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 32%),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--color-blue) 10%,transparent),transparent 28%),var(--color-bg)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:var(--space-4);top:-3rem;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);z-index:1000;transition:top var(--transition)}.skip-link:focus{top:var(--space-4)}.page{max-width:var(--content);margin:0 auto;padding:var(--space-4)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.site-header__inner{max-width:var(--content);margin:0 auto;padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:2.75rem;height:2.75rem;padding:.45rem;border-radius:50%;background:linear-gradient(145deg,var(--color-primary-soft),color-mix(in srgb,var(--color-surface) 75%,var(--color-primary) 25%));color:var(--color-primary);box-shadow:var(--shadow-sm)}.brand-text strong{display:block;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase}.brand-text span{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.nav-link,.theme-toggle,.cta-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);padding:0 var(--space-4);transition:all var(--transition)}.nav-link{font-size:var(--text-sm);color:var(--color-text-muted)}.nav-link:hover{color:var(--color-text)}.nav-link[aria-current=page]{color:var(--color-primary);background:var(--color-primary-soft)}.theme-toggle{width:44px;padding:0;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-surface)}.cta-link{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.cta-link:hover{background:var(--color-primary-hover);transform:translateY(-1px)}main{padding-block:var(--space-8) var(--space-20)}.hero{display:grid;grid-template-columns:1.3fr .9fr;gap:var(--space-8);align-items:stretch;padding-block:var(--space-10) var(--space-16)}.hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-6)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem .85rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;width:max-content}h1,h2,h3{line-height:1.08;text-wrap:balance}h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em;max-width:11ch}.lead{font-size:var(--text-lg);color:var(--color-text-muted);max-width:58ch}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.pill{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .9rem;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);font-size:var(--text-sm);color:var(--color-text-muted)}.hero-panel{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 80%,transparent),var(--color-surface-2));border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:calc(var(--radius-xl) + .25rem);padding:var(--space-6);box-shadow:var(--shadow-lg);overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:auto -10% 68% auto;width:16rem;height:16rem;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 16%,transparent);filter:blur(20px)}.mini-card{position:relative;background:color-mix(in srgb,var(--color-surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.mini-card:last-child{margin-bottom:0}.mini-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin-bottom:var(--space-2)}.mini-value{font-size:var(--text-lg);font-weight:700}.mini-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.section{padding-block:var(--space-8)}.section-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-8);align-items:start}.section-intro{position:sticky;top:6rem}h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-3)}.section-kicker{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-weight:700;margin-bottom:var(--space-3)}.section-note{color:var(--color-text-muted);max-width:32ch}.stack{display:grid;gap:var(--space-4)}.card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);content-visibility:auto}.card h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.card p{color:var(--color-text-muted);max-width:70ch}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.skill-box{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius-lg);padding:var(--space-5);min-height:100%}.skill-box h3{font-size:var(--text-base);margin-bottom:var(--space-3)}.skill-box ul{list-style:none;display:grid;gap:var(--space-2)}.skill-box li{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:1rem;position:relative}.skill-box li:before{content:"";position:absolute;left:0;top:.7em;width:.42rem;height:.42rem;border-radius:50%;background:var(--color-primary)}.timeline{display:grid;gap:var(--space-4)}.timeline-item{display:grid;grid-template-columns:7.5rem 1fr;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.timeline-date{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.timeline-body h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.timeline-body p{color:var(--color-text-muted)}.timeline-body ul{margin-top:var(--space-3);list-style:none;display:grid;gap:var(--space-2)}.timeline-body li{color:var(--color-text-muted);padding-left:1rem;position:relative}.timeline-body li:before{content:"—";position:absolute;left:0;color:var(--color-text-faint)}.fact-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.fact{padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.fact strong{display:block;font-size:var(--text-xl);line-height:1;margin-bottom:var(--space-2)}.fact span{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-card{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-6);align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,var(--color-surface)) 0%,var(--color-surface) 60%,var(--color-surface-2) 100%);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:calc(var(--radius-xl) + .2rem);padding:var(--space-8);box-shadow:var(--shadow-md)}.footer-card p{color:var(--color-text-muted)}.contact-list{list-style:none;display:grid;gap:var(--space-3)}.contact-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-surface) 90%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius-lg);font-size:var(--text-sm)}.site-footer{padding-block:var(--space-8);color:var(--color-text-faint);font-size:var(--text-xs);text-align:center}.site-footer a{color:var(--color-text-muted)}.site-footer a:hover{color:var(--color-primary)}.divider{height:1px;background:var(--color-divider);margin-block:var(--space-8)}.news-grid{display:grid;gap:var(--space-4)}.news-card{display:block;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.news-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.news-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.news-card time{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-weight:700}.news-card p{color:var(--color-text-muted);margin-top:var(--space-3)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tag{font-size:var(--text-xs);padding:.3rem .7rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);letter-spacing:.04em}.post-header{padding-block:var(--space-8) var(--space-6);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-8)}.post-header h1{font-size:var(--text-2xl);max-width:22ch}.post-header time{display:inline-block;margin-top:var(--space-3);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-weight:700}.post-body{max-width:72ch;font-size:var(--text-base)}.post-body p{margin-block:var(--space-4);color:var(--color-text)}.post-body h2{font-size:var(--text-xl);margin-top:var(--space-10);margin-bottom:var(--space-3)}.post-body h3{font-size:var(--text-lg);margin-top:var(--space-8);margin-bottom:var(--space-3)}.post-body ul,.post-body ol{margin-block:var(--space-4);padding-left:var(--space-6);color:var(--color-text)}.post-body li{margin-block:var(--space-2)}.post-body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.post-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em;padding:.15em .4em;border-radius:var(--radius-sm);background:var(--color-surface-offset)}.post-body pre{margin-block:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);overflow-x:auto;background:var(--color-surface-offset);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.post-body pre code{background:transparent;padding:0}.post-body blockquote{margin-block:var(--space-5);padding-left:var(--space-5);border-left:3px solid var(--color-primary);color:var(--color-text-muted);font-style:italic}.post-body img{margin-block:var(--space-6);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.attachments{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-divider)}.attachments h2{font-size:var(--text-lg);margin-bottom:var(--space-4)}.attachments ul{list-style:none;display:grid;gap:var(--space-2)}.attachments a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.empty-state{padding:var(--space-10);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-xl);border:1px dashed color-mix(in srgb,var(--color-text) 15%,transparent)}@media(max-width:980px){.hero,.section-grid,.footer-card{grid-template-columns:1fr}.section-intro{position:static}.fact-strip,.skill-grid{grid-template-columns:1fr 1fr}h1{max-width:14ch}}@media(max-width:680px){.site-header__inner{align-items:flex-start;flex-direction:column}.header-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.hero{padding-block:var(--space-6) var(--space-10)}.page{padding:var(--space-3)}.fact-strip,.skill-grid,.timeline-item{grid-template-columns:1fr}.cta-link,.nav-link{width:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}