:root{--accent: #3FB3DC;--accent-hover: #2A8FB5;--accent-soft: #E6F4FA;--accent-deep: #1F6F8E;--bg: #ffffff;--bg-soft: #eef2f6;--bg-muted: #e2e9ef;--bg-tint: #f3f7fa;--fg: #1c2a33;--fg-muted: #4d6471;--fg-faint: #7a8c96;--border: #cfdae1;--border-strong: #a8b9c4;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(60,64,67,.06), 0 2px 6px rgba(60,64,67,.08);--shadow-2: 0 2px 4px rgba(60,64,67,.08), 0 8px 20px rgba(60,64,67,.1);--shadow-card: 0 1px 2px rgba(60,64,67,.06), 0 4px 12px rgba(60,64,67,.08);--shadow-card-dark: 0 1px 2px rgba(0,0,0,.4), 0 8px 20px rgba(0,0,0,.35);--container: 1080px;--gap-section: 96px;--font-sans: "Google Sans Text", "Google Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Google Sans", "Google Sans Text", -apple-system, system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft);color:var(--accent-hover)}.wrap{max-width:var(--container);margin:0 auto;padding:0 32px}@media(max-width:640px){.wrap{padding:0 20px}:root{--gap-section: 64px}}.nav{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s ease}.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;color:#2f3437}body.dark .nav-brand{color:#e6eef5}.nav-brand-logo{display:block;height:20px;width:auto}body.dark .nav-brand-logo{filter:brightness(0) invert(1)}.nav-brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.nav-links{display:flex;gap:4px;align-items:center}.nav-link{padding:8px 14px;border-radius:var(--radius-pill);font-size:14px;color:var(--fg-muted);transition:background .15s ease,color .15s ease;position:relative}.nav-link:hover{background:var(--bg-muted);color:var(--fg)}.nav-link.active{color:var(--accent)}.nav-cta{margin-left:8px;padding:9px 18px;border-radius:var(--radius-pill);background:var(--accent);color:#fff!important;font-size:14px;font-weight:500;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.nav-cta:hover{background:var(--accent-hover);box-shadow:var(--shadow-2);transform:translateY(-1px)}.nav-cta:active{transform:translateY(0);box-shadow:var(--shadow-1)}@media(max-width:720px){.nav-links .nav-link{display:none}}.hero{padding:80px 0 64px}.hero-grid{display:grid;grid-template-columns:1fr 220px;gap:56px;align-items:center}@media(max-width:720px){.hero-grid{grid-template-columns:1fr;gap:32px}}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--fg-muted);text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-pill);background:var(--bg-soft);border:1px solid var(--border)}.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#34a853;box-shadow:0 0 0 4px #34a85326}.hero h1{font-family:var(--font-display);font-size:clamp(42px,6vw,68px);line-height:1.05;letter-spacing:-.03em;font-weight:500;margin:20px 0 16px;text-wrap:balance}.hero h1 .accent{color:var(--accent)}.hero-sub{font-size:18px;color:var(--fg-muted);max-width:560px;text-wrap:pretty;margin:0 0 28px}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--fg-muted);margin-bottom:28px}.hero-meta-item{display:inline-flex;align-items:center;gap:8px}.hero-meta-icon{width:16px;height:16px;color:var(--accent)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background .15s ease,box-shadow .15s ease,transform .15s ease,border-color .15s ease;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-2);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-1)}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--border-strong)}.btn-ghost:hover{background:var(--bg-soft);border-color:var(--fg-faint);box-shadow:var(--shadow-1);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0);box-shadow:none}.hero-photo{width:220px;height:220px;border-radius:50%;background:var(--bg-soft);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.hero-photo-initials{font-family:var(--font-display);font-size:72px;font-weight:400;color:var(--fg-faint);letter-spacing:-.02em}.hero-photo-stripes{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 14px,rgba(95,99,104,.04) 14px,rgba(95,99,104,.04) 15px)}@media(max-width:720px){.hero-photo{width:140px;height:140px}.hero-photo-initials{font-size:48px}}.section{padding:var(--gap-section) 0}.section-soft{background:var(--bg-soft)}.section-header{margin-bottom:48px;display:flex;align-items:end;justify-content:space-between;gap:24px}.section-header.section-header-stack{display:block}.section-header.section-header-stack .section-lead{margin-top:16px;max-width:640px}.section-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.section-title{font-family:var(--font-display);font-size:clamp(28px,3.6vw,40px);line-height:1.1;letter-spacing:-.02em;font-weight:500;margin:0;text-wrap:balance}.section-lead{font-size:16px;color:var(--fg-muted);max-width:520px;margin:12px 0 0}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px}@media(max-width:760px){.about-grid{grid-template-columns:1fr}}.about-prose p{font-size:17px;color:var(--fg);line-height:1.7;margin:0 0 18px}.about-prose p:last-child{margin-bottom:0}.info-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-card)}.info-row{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.info-row:last-child{border-bottom:none}.info-row:first-child{padding-top:0}.info-label{color:var(--fg-faint);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding-top:2px}.info-value{color:var(--fg)}.info-value a:hover{color:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:760px){.skills-grid{grid-template-columns:1fr}}.skill-cat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-card)}.skill-cat-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.skill-cat-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-cat h3{font-family:var(--font-display);font-size:18px;font-weight:500;margin:0;letter-spacing:-.01em}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{display:inline-block;padding:5px 11px;border-radius:var(--radius-pill);background:var(--bg-soft);border:1px solid var(--border);font-size:12.5px;color:var(--fg-muted);font-family:var(--font-mono);transition:background .15s,color .15s,border-color .15s}.skill-tag:hover{background:var(--accent-soft);color:var(--accent-hover);border-color:var(--accent-soft)}.timeline{position:relative}.tl-item{display:grid;grid-template-columns:140px 1fr;gap:32px;padding:28px 0;border-top:1px solid var(--border);position:relative}.tl-item:first-child{border-top:none}.tl-period{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--fg-faint);padding-top:4px}.tl-period-current{color:var(--accent)}.tl-period-current:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #3fb3dc2e;margin-right:8px;vertical-align:middle;animation:tl-pulse 2.4s ease-in-out infinite}@keyframes tl-pulse{0%,to{box-shadow:0 0 0 4px #3fb3dc2e}50%{box-shadow:0 0 0 6px #3fb3dc0f}}.tl-content{position:relative}.tl-role{font-family:var(--font-display);font-size:20px;font-weight:500;margin:0 0 4px;letter-spacing:-.01em}.tl-org{font-size:14px;color:var(--fg-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tl-org-sep{color:var(--fg-faint)}.tl-summary{font-size:15px;color:var(--fg);line-height:1.65;max-width:720px;margin:0 0 12px;text-wrap:pretty}.tl-toggle{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease,transform .2s ease}.tl-toggle:hover{color:var(--accent-hover)}.tl-toggle-label{position:relative}.tl-toggle-label:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.tl-toggle:hover .tl-toggle-label:after{transform:scaleX(1)}.tl-toggle-icon{display:inline-flex;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.tl-toggle[aria-expanded=true] .tl-toggle-icon{transform:rotate(180deg)}.tl-details{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;border-left:2px solid var(--accent);border-left-color:transparent;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease .05s,margin-top .35s cubic-bezier(.2,.8,.2,1),border-left-color .2s ease}.tl-details.is-open{grid-template-rows:1fr;opacity:1;margin-top:14px;border-left-color:var(--accent)}.tl-details-inner{overflow:hidden;padding-left:18px}.tl-details ul{margin:0;padding-left:18px}.tl-details li{font-size:14px;color:var(--fg-muted);margin-bottom:6px;line-height:1.6;opacity:0;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease;transition-delay:calc(var(--li-i, 0) * 30ms)}.tl-details.is-open li{opacity:1;transform:translateY(0);transition-delay:calc(.12s + var(--li-i, 0) * 35ms)}@media(prefers-reduced-motion:reduce){.tl-details,.tl-details li,.tl-toggle-icon{transition:none}}@media(max-width:720px){.tl-item{grid-template-columns:1fr;gap:8px}.tl-period{padding-top:0}}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.lab-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.lab-grid{grid-template-columns:1fr}}.lab-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-card)}.lab-card-icon{width:36px;height:36px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.lab-card h3{font-family:var(--font-display);font-size:17px;font-weight:500;margin:0 0 6px;letter-spacing:-.01em}.lab-card p{font-size:14px;color:var(--fg-muted);margin:0 0 14px;line-height:1.6}.lab-card-stack{display:flex;flex-wrap:wrap;gap:4px}.lab-card-stack span{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);padding:3px 8px;border-radius:var(--radius-pill);background:var(--bg-soft)}.edu-block{opacity:0;transform:translateY(20px);transition:opacity .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--block-i, 0) * 80ms)}.edu-block.is-visible{opacity:1;transform:translateY(0)}.edu-item{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;transition-delay:calc(.12s + var(--block-i, 0) * 80ms + var(--item-i, 0) * 45ms)}.edu-item.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.edu-block,.edu-item{transition:none;opacity:1;transform:none}}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:900px){.three-grid{grid-template-columns:1fr}}.tg-block h3{font-family:var(--font-display);font-size:16px;font-weight:500;margin:0 0 16px;display:flex;align-items:center;gap:10px}.tg-block h3 svg{color:var(--accent)}.tg-list{display:flex;flex-direction:column;gap:12px}.tg-item{padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.tg-item-title{font-size:14px;font-weight:500;color:var(--fg);margin:0 0 2px}.tg-item-meta{font-size:12px;color:var(--fg-faint);font-family:var(--font-mono)}.lang-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.lang-name{font-size:14px;font-weight:500}.lang-level{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.lang-dots{display:inline-flex;gap:4px;margin-left:12px;vertical-align:middle}.lang-dot{width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.lang-dot.on{background:var(--accent)}.contact-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:56px;text-align:center;box-shadow:var(--shadow-card)}@media(max-width:600px){.contact-card{padding:36px 24px}}.contact-card h2{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);letter-spacing:-.02em;font-weight:500;margin:0 0 14px}.contact-card p{color:var(--fg-muted);font-size:17px;max-width:480px;margin:0 auto 28px}.contact-actions{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.contact-channels{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:32px;padding-top:28px;border-top:1px solid var(--border)}.contact-ch{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--fg-muted)}.contact-ch svg{color:var(--accent)}.contact-ch a:hover{color:var(--accent)}.footer{padding:32px 0 48px;border-top:1px solid var(--border);font-size:13px;color:var(--fg-faint)}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:translateY(0)}.reveal-section{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}.reveal-section.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal-section{opacity:1;transform:none;transition:none}}body.density-compact{--gap-section: 64px}body.density-compact .section-header{margin-bottom:32px}body.density-compact .tl-item{padding:20px 0}body.density-compact .skill-cat,body.density-compact .lab-card{padding:20px}.hero-photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.hobby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:800px){.hobby-grid{grid-template-columns:1fr}}.hobby-card{padding:28px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.hobby-card-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.hobby-card h3{font-family:var(--font-display);font-size:18px;font-weight:500;margin:0 0 8px;letter-spacing:-.01em}.hobby-card p{font-size:14px;color:var(--fg-muted);margin:0;line-height:1.65}.ref-card{padding:40px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);max-width:720px;margin:0 auto;box-shadow:var(--shadow-card)}.ref-quote{font-family:var(--font-display);font-size:22px;line-height:1.5;letter-spacing:-.01em;color:var(--fg);margin:0 0 24px;text-wrap:pretty}.ref-attrib{display:flex;align-items:center;gap:14px}.ref-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:500;font-size:16px}.ref-name{font-size:14px;font-weight:500}.ref-role{font-size:12px;color:var(--fg-faint);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}body.dark{--bg: #0f1620;--bg-soft: #172230;--bg-muted: #1f2d3d;--fg: #e6eef5;--fg-muted: #b6c5d2;--fg-faint: #7e94a4;--border: #2f4258;--border-strong: #46607c;--accent: #5DC4E5;--accent-hover: #7DD2EC;--accent-soft: rgba(93, 196, 229, .16);--shadow-card: 0 1px 2px rgba(0,0,0,.5), 0 8px 22px rgba(0,0,0,.45);--shadow-1: 0 1px 2px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.4);--shadow-2: 0 2px 6px rgba(0,0,0,.5), 0 12px 28px rgba(0,0,0,.5)}body.dark{background:var(--bg);color:var(--fg)}body.dark .nav{background:#0f1620d9}body.dark ::selection{background:var(--accent-soft);color:var(--fg)}body.dark .info-card,body.dark .skill-cat,body.dark .lab-card,body.dark .hobby-card,body.dark .tg-item,body.dark .lang-row,body.dark .ref-card,body.dark .contact-card{background:var(--bg-soft)}body.dark .skill-tag{background:var(--bg-muted);border-color:var(--border);color:var(--fg-muted)}body.dark .lab-card-stack span{background:var(--bg-muted)}body.dark .btn-ghost{color:var(--fg);border-color:var(--border-strong)}body.dark .btn-ghost:hover{background:var(--bg-muted)}body.dark .hero-eyebrow{background:var(--bg-soft);border-color:var(--border);color:var(--fg-muted)}body.dark.variant-material{background:#0f1011}body.dark.variant-material .nav{background:#0f1011d9}body.dark.variant-material .section .wrap,body.dark.variant-material .hero{background:var(--bg-soft)}body.dark.variant-material .info-card,body.dark.variant-material .skill-cat,body.dark.variant-material .lab-card,body.dark.variant-material .hobby-card,body.dark.variant-material .tg-item,body.dark.variant-material .lang-row,body.dark.variant-material .ref-card,body.dark.variant-material .contact-card{background:var(--bg-muted);border-color:var(--border-strong);box-shadow:var(--shadow-card)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:960px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects-grid{grid-template-columns:1fr}}.project-card{display:flex;flex-direction:column;text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:0;cursor:pointer;font-family:inherit;color:inherit;overflow:hidden;box-shadow:var(--shadow-card);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),border-color .2s ease}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--border-strong)}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-card-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-soft);border-bottom:1px solid var(--border)}.project-card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.project-card:hover .project-card-media img{transform:scale(1.04)}.project-card-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.project-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint)}.project-card-meta-sep{opacity:.55}.project-card h3{font-family:var(--font-display);font-size:19px;font-weight:500;letter-spacing:-.01em;margin:0}.project-card p{font-size:14px;color:var(--fg-muted);line-height:1.6;margin:0;text-wrap:pretty}.project-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.project-card-tags span{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);padding:3px 8px;border-radius:var(--radius-pill);background:var(--bg-soft);border:1px solid var(--border)}.project-card-tag-more{color:var(--accent)!important;border-color:var(--accent-soft)!important;background:var(--accent-soft)!important}.project-card-cta{margin-top:8px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);transition:gap .2s ease}.project-card:hover .project-card-cta{gap:10px}.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f16208c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:5vh 24px;overflow-y:auto;animation:pm-fade .2s ease}@keyframes pm-fade{0%{opacity:0}to{opacity:1}}.project-modal-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:880px;box-shadow:0 30px 80px #00000040,0 4px 12px #0000001a;position:relative;overflow:hidden;animation:pm-rise .3s cubic-bezier(.2,.8,.2,1)}@keyframes pm-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.project-modal-close{position:absolute;top:16px;right:16px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}.project-modal-close:hover{background:#fff;color:var(--accent);transform:rotate(90deg)}body.dark .project-modal-close{background:#1f2d3de6}body.dark .project-modal-close:hover{background:var(--bg-muted)}.project-modal-hero{aspect-ratio:16 / 9;background:var(--bg-soft);overflow:hidden}.project-modal-hero img{width:100%;height:100%;object-fit:cover;display:block}.project-modal-body{padding:36px 44px 44px}@media(max-width:600px){.project-modal-body{padding:28px 24px 32px}}.project-modal-eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.project-modal-eyebrow-sep{color:var(--fg-faint)}.project-modal-title{font-family:var(--font-display);font-size:clamp(28px,4vw,38px);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin:0 0 14px;text-wrap:balance}.project-modal-lead{font-size:17px;line-height:1.65;color:var(--fg-muted);margin:0 0 20px;text-wrap:pretty}.project-modal-tags{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--border)}.project-modal-tags span{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);padding:5px 11px;border-radius:var(--radius-pill);background:var(--bg-soft);border:1px solid var(--border)}.project-modal-sections section{margin-bottom:24px}.project-modal-sections h3{font-family:var(--font-display);font-size:16px;font-weight:500;margin:0 0 8px;letter-spacing:-.005em}.project-modal-sections p{font-size:15px;line-height:1.7;color:var(--fg);margin:0;text-wrap:pretty}.project-modal-gallery{margin-top:32px}.project-modal-gallery h3{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);margin:0 0 14px}.project-modal-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:600px){.project-modal-gallery-grid{grid-template-columns:1fr}}.project-modal-gallery figure{margin:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-soft)}.project-modal-gallery img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.project-modal-gallery figcaption{padding:10px 14px;font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);border-top:1px solid var(--border)}.project-modal-links{margin-top:32px}.project-modal-links h3{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);margin:0 0 10px}.project-modal-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.project-modal-links a{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--accent);transition:color .15s ease}.project-modal-links a:hover{color:var(--accent-hover)}body.dark .project-card{background:var(--bg-soft)}body.dark.variant-material .project-card{background:var(--bg-muted);border-color:var(--border-strong)}body.dark .project-modal{background:#0009}body.dark .project-modal-panel{background:var(--bg-soft)}body.dark.variant-material .project-modal-panel{background:var(--bg-muted);border-color:var(--border-strong)}body.dark .project-card-tags span,body.dark .project-modal-tags span{background:var(--bg-muted);border-color:var(--border)}body.dark .project-modal-gallery figure{background:var(--bg-muted)}body.density-compact .project-card-body{padding:18px 20px 20px}body.density-compact .project-modal-body{padding:28px 32px 32px}.nav-utilities{display:flex;align-items:center;gap:4px}.theme-toggle{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--fg-muted);cursor:pointer;margin-right:0;transition:background .15s,color .15s,border-color .15s}.nav-utility-label{display:none}.theme-toggle:hover{background:var(--bg-muted);color:var(--fg)}body.font-default{--font-sans: "Google Sans Text", system-ui, sans-serif;--font-display: "Google Sans Text", system-ui, sans-serif}body.font-roboto{--font-sans: "Roboto", system-ui, sans-serif;--font-display: "Roboto", system-ui, sans-serif}body.font-inter{--font-sans: "Inter", system-ui, sans-serif;--font-display: "Inter", system-ui, sans-serif}body.font-serif{--font-sans: "Inter", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif}body.font-mono{--font-sans: "Inter", system-ui, sans-serif;--font-display: "JetBrains Mono", ui-monospace, monospace}:root{--accent: #176f8d;--accent-hover: #125b73;--accent-action: #176f8d;--accent-soft: #e1f2f7}html{scroll-behavior:smooth}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn-primary,.nav-cta{background:var(--accent-action)}.btn-primary:hover,.nav-cta:hover{background:var(--accent-hover)}.seo-fallback{max-width:880px;margin:0 auto;padding:48px 24px 96px;color:#1c2a33;line-height:1.6}.seo-fallback h1{font-size:clamp(2rem,6vw,3.5rem);margin:0 0 .25em}.seo-fallback h2{margin-top:2rem}.seo-fallback .seo-tagline{font-size:1.15rem;color:#36505d}.seo-fallback a{color:#125b73;text-decoration:underline}.seo-fallback .seo-skills{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.nav-menu-button{display:none;font:inherit;color:var(--fg);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-pill);min-height:40px;padding:7px 12px}.project-dialog{width:min(880px,calc(100% - 32px));max-height:min(90vh,900px);padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--fg);background:var(--bg);box-shadow:0 30px 80px #00000059}.project-dialog::backdrop{background:#0f1620ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-dialog .project-modal-panel{border:0;max-width:none;box-shadow:none;overflow:visible}.project-dialog .project-modal-body{max-height:calc(90vh - 260px);overflow:auto}body.dark .project-dialog{background:var(--bg-soft)}body.dark .project-dialog::backdrop{background:#000000b8}body.dark{--accent: #78d4ee;--accent-hover: #9be1f3;--accent-action: #176f8d;--accent-soft: rgba(120,212,238,.18)}body.dark .seo-fallback{color:var(--fg)}body.dark .seo-fallback .seo-tagline{color:var(--fg-muted)}body.dark .seo-fallback a{color:var(--accent)}@media(max-width:720px){.nav-inner{height:58px;position:relative}.nav-brand-logo{width:144px;height:auto}.nav-menu-button{display:inline-flex;align-items:center;gap:6px;min-height:44px}.nav-links{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;padding:12px 20px 16px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-2);grid-template-columns:minmax(0,1fr);gap:6px}.nav-links.is-open{display:grid}.nav-links.is-open .nav-link{display:flex;align-items:center;min-height:44px;padding:10px 12px;white-space:normal;overflow:visible}.nav-cta{grid-column:auto;min-height:44px;margin:6px 0 2px;padding:10px 16px;text-align:center}.nav-utilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-toggle.nav-utility{width:100%;min-height:44px;height:44px;padding:8px 12px;justify-content:flex-start;border-radius:var(--radius-pill)}.nav-utility-short{display:none}.nav-utility-label{display:inline;font-size:14px;font-weight:500}.hero{padding-top:48px}.hero h1{font-size:clamp(38px,13vw,54px)}.hero-photo{order:-1;width:120px;height:120px}.hero-meta{gap:8px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}