@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:local(Cormorant Garamond Regular),url(https://cdn.jsdelivr.net/npm/@fontsource/cormorant-garamond@5/files/cormorant-garamond-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:local(Cormorant Garamond Medium),url(https://cdn.jsdelivr.net/npm/@fontsource/cormorant-garamond@5/files/cormorant-garamond-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:local(Inter Regular),url(https://cdn.jsdelivr.net/npm/@fontsource/inter@5/files/inter-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:local(Inter Medium),url(https://cdn.jsdelivr.net/npm/@fontsource/inter@5/files/inter-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:local(Inter SemiBold),url(https://cdn.jsdelivr.net/npm/@fontsource/inter@5/files/inter-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:local(Inter Bold),url(https://cdn.jsdelivr.net/npm/@fontsource/inter@5/files/inter-latin-700-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:local(JetBrains Mono Regular),url(https://cdn.jsdelivr.net/npm/@fontsource/jetbrains-mono@5/files/jetbrains-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:local(JetBrains Mono Medium),url(https://cdn.jsdelivr.net/npm/@fontsource/jetbrains-mono@5/files/jetbrains-mono-latin-500-normal.woff2)format("woff2")}:root{--color-primary:#4f46e5;--color-primary-active:#3730a3;--color-primary-disabled:#e6dfd8;--color-accent-teal:#5db8a6;--color-accent-amber:#e8a55a;--color-canvas:#faf9f5;--color-surface-soft:#f5f0e8;--color-surface-card:#efe9de;--color-surface-cream-strong:#e8e0d2;--color-surface-dark:#181715;--color-surface-dark-elevated:#252320;--color-surface-dark-soft:#1f1e1b;--color-hairline:#e6dfd8;--color-hairline-soft:#ebe6df;--color-ink:#141413;--color-body-strong:#252523;--color-body:#3d3d3a;--color-muted:#6c6a64;--color-muted-soft:#8e8b82;--color-on-primary:#fff;--color-on-dark:#faf9f5;--color-on-dark-soft:#a09d96;--color-success:#5db872;--color-warning:#d4a017;--color-error:#c64545;--color-info:#5b8fbf;--ring-focus:0 0 0 3px #4f46e526;--font-serif:"Cormorant Garamond", "Tiempos Headline", "Copernicus", Georgia, serif;--font-sans:"Inter", "StyreneB", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-display-md:36px;--ls-display-md:-.5px;--lh-display-md:1.15;--fs-display-sm:28px;--ls-display-sm:-.3px;--lh-display-sm:1.2;--fs-title-lg:22px;--lh-title-lg:1.3;--fs-title-md:18px;--lh-title-md:1.4;--fs-title-sm:16px;--lh-title-sm:1.4;--fs-body-md:16px;--lh-body-md:1.55;--fs-body-sm:14px;--lh-body-sm:1.55;--fs-caption:13px;--lh-caption:1.4;--fs-caption-up:12px;--ls-caption-up:1.5px;--fs-code:14px;--lh-code:1.6;--fs-button:14px;--lh-button:1;--fs-nav:14px;--lh-nav:1.4;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--radius-full:9999px;--shadow-dropdown:0 4px 12px #14141314;--shadow-modal:0 24px 48px -12px #1414132e}*,:before,:after{box-sizing:border-box}html,body{scroll-behavior:smooth;background:var(--color-canvas);color:var(--color-body);font-family:var(--font-sans);font-size:var(--fs-body-md);line-height:var(--lh-body-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--color-ink)}input::placeholder,textarea::placeholder{color:var(--color-muted-soft)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-active);text-decoration:underline}h1,.h1,.display-md{font-family:var(--font-serif);font-size:var(--fs-display-md);font-weight:400;line-height:var(--lh-display-md);letter-spacing:var(--ls-display-md);color:var(--color-ink);margin:0}h2,.h2,.display-sm{font-family:var(--font-serif);font-size:var(--fs-display-sm);font-weight:400;line-height:var(--lh-display-sm);letter-spacing:var(--ls-display-sm);color:var(--color-ink);margin:0}h3,.title-lg{font-family:var(--font-sans);font-size:var(--fs-title-lg);font-weight:500;line-height:var(--lh-title-lg);color:var(--color-ink);margin:0}h4,.title-md{font-family:var(--font-sans);font-size:var(--fs-title-md);font-weight:500;line-height:var(--lh-title-md);color:var(--color-ink);margin:0}h5,.title-sm{font-family:var(--font-sans);font-size:var(--fs-title-sm);font-weight:500;line-height:var(--lh-title-sm);color:var(--color-ink);margin:0}p,.body-md{font-family:var(--font-sans);font-size:var(--fs-body-md);font-weight:400;line-height:var(--lh-body-md);color:var(--color-body)}.body-sm{font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:400;line-height:var(--lh-body-sm);color:var(--color-body)}.caption{font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:500;line-height:var(--lh-caption);color:var(--color-muted)}.caption-up,.eyebrow{font-family:var(--font-sans);font-size:var(--fs-caption-up);letter-spacing:var(--ls-caption-up);text-transform:uppercase;color:var(--color-muted);font-weight:500}code,.code,pre{font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code)}.muted{color:var(--color-muted)}.muted-soft{color:var(--color-muted-soft)}.ink{color:var(--color-ink)}.body-strong{color:var(--color-body-strong)}.focus-ring:focus-visible{border-color:var(--color-primary);box-shadow:var(--ring-focus);outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-hairline);border:2px solid var(--color-canvas);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted-soft)}@keyframes fadeInChar{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{0%{height:0}to{height:100%}}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.1s}.reveal.delay-2{transition-delay:.2s}.reveal.delay-3{transition-delay:.3s}.container{max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.page-section{padding:var(--space-xxl) 0 var(--space-section)}.site-nav{z-index:100;background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);height:64px;padding:0 var(--space-xl);align-items:center;display:flex;position:sticky;top:0}.site-nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.site-nav-logo{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.3px;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:22px;font-weight:400;text-decoration:none;display:flex}.site-nav-logo .dot{color:var(--color-primary)}.site-nav-links{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.site-nav-link{color:var(--color-muted);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 14px;font-size:14px;font-weight:500;transition:background .12s,color .12s}.site-nav-link:hover{background:var(--color-surface-soft);color:var(--color-ink)}.site-nav-link.active{color:var(--color-ink);background:var(--color-surface-card)}.nav-hamburger{border:1px solid var(--color-hairline);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--color-ink);background:0 0;justify-content:center;align-items:center;display:none}.nav-drawer{z-index:200;background:#14141380;display:none;position:fixed;inset:0}.nav-drawer.open{display:block}.nav-drawer-panel{background:var(--color-canvas);border-left:1px solid var(--color-hairline);width:280px;padding:var(--space-xl);gap:var(--space-xs);flex-direction:column;animation:.2s ease-out slideInRight;display:flex;position:absolute;top:0;bottom:0;right:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-drawer-link{color:var(--color-muted);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:16px;font-weight:500;transition:background .1s,color .1s}.nav-drawer-link:hover,.nav-drawer-link.active{background:var(--color-surface-card);color:var(--color-ink)}.nav-drawer-close{border:1px solid var(--color-hairline);border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;margin-bottom:var(--space-md);color:var(--color-muted);background:0 0;justify-content:center;align-self:flex-end;align-items:center;display:flex}.btn{height:40px;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:14px;font-weight:500;line-height:1;transition:background .12s,color .12s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.btn-primary{background:var(--color-primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--color-primary-active)}.btn-primary:disabled{background:var(--color-primary-disabled);color:var(--color-muted)}.btn-secondary{background:var(--color-canvas);color:var(--color-ink);border-color:var(--color-hairline)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-soft)}.btn-ghost{color:var(--color-primary);background:0 0;border:none}.btn-ghost:hover:not(:disabled){color:var(--color-primary-active)}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-icon{background:var(--color-canvas);width:36px;height:36px;color:var(--color-body);border:1px solid var(--color-hairline);border-radius:9999px;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover:not(:disabled){background:var(--color-surface-soft);color:var(--color-ink)}.field-label{color:var(--color-ink);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input,.select{background:var(--color-canvas);border:1px solid var(--color-hairline);width:100%;height:40px;color:var(--color-ink);border-radius:8px;outline:none;padding:0 14px;font-size:14px;transition:border .12s,box-shadow .12s;display:block}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:var(--ring-focus)}.input-error{border-color:var(--color-error)}.card{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:12px;padding:24px}.badge{border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.badge-dot{border-radius:9999px;width:5px;height:5px}.badge-success{color:#3f8a4f;background:#5db87229}.badge-success .badge-dot{background:#3f8a4f}.badge-warning{color:#8f6d11;background:#d4a01729}.badge-warning .badge-dot{background:#8f6d11}.badge-error{color:#9b3838;background:#c6454524}.badge-error .badge-dot{background:#9b3838}.badge-info{color:#3f6f96;background:#5b8fbf29}.badge-info .badge-dot{background:#3f6f96}.badge-default{background:var(--color-surface-card);color:var(--color-body)}.badge-default .badge-dot{background:var(--color-muted)}.role-pill{background:var(--color-surface-cream-strong);color:var(--color-ink);border-radius:9999px;align-items:center;padding:3px 12px;font-size:12px;font-weight:500;display:inline-flex}.avatar{background:var(--color-surface-card);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:9999px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#14141380;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-canvas);border-radius:16px;width:480px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);padding:28px;animation:.15s ease-out modalIn;overflow:auto;box-shadow:0 24px 48px -12px #1414132e}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.code-block{background:var(--color-surface-dark);color:var(--color-on-dark);font-family:var(--font-mono);border-radius:12px;padding:20px;font-size:14px;line-height:1.6;position:relative;overflow-x:auto}.hero{text-align:center;border-bottom:1px solid var(--color-hairline);padding:88px 0 72px}.hero-wordmark{font-family:var(--font-serif);letter-spacing:-2px;color:var(--color-ink);margin:0 0 18px;font-size:80px;font-weight:400;line-height:1}.hero-wordmark .dot{color:var(--color-primary)}.hero-tagline{font-family:var(--font-sans);color:var(--color-muted);letter-spacing:.3px;min-height:24px;margin:0 0 28px;font-size:17px;font-weight:400;display:block}.hero-intro{color:var(--color-body);text-wrap:pretty;max-width:500px;margin:0 auto;font-size:16px;line-height:1.75}.hero-rule{background:var(--color-primary);opacity:.4;width:36px;height:1px;margin:32px auto 0}.section-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:flex-end;display:flex}.section-eyebrow{letter-spacing:1.8px;text-transform:uppercase;color:var(--color-primary);margin:0 0 6px;font-size:11px;font-weight:600}.section-title-text{font-family:var(--font-serif);letter-spacing:-.3px;color:var(--color-ink);margin:0;font-size:30px;font-weight:400}.posts-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.post-card{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s;display:flex;overflow:hidden}.post-card:hover{border-color:var(--color-surface-cream-strong);transform:translateY(-5px);box-shadow:0 16px 40px -12px #14141321}.post-card-thumb{background:var(--color-surface-soft);flex-shrink:0;justify-content:center;align-items:center;height:156px;display:flex;position:relative;overflow:hidden}.post-card-body{padding:var(--space-lg);flex-direction:column;flex:1;gap:10px;display:flex}.post-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.post-card-date{color:var(--color-muted-soft);font-size:12px;font-family:var(--font-mono)}.post-card-title{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:-.2px;text-wrap:pretty;margin:0;font-size:20px;font-weight:400;line-height:1.3;transition:color .12s}.post-card:hover .post-card-title{color:var(--color-primary)}.post-card-excerpt{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.post-card-footer{border-top:1px solid var(--color-hairline-soft);color:var(--color-primary);align-items:center;gap:4px;padding-top:12px;font-size:13px;font-weight:500;display:flex}.tag-badge{border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-body);border:1px solid var(--color-hairline);white-space:nowrap;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);align-items:center;padding:3px 10px;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.tag-badge.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tag-badge:hover:not(.active){background:var(--color-surface-card);color:var(--color-ink)}.cta-section{padding:var(--space-xxl) 0 var(--space-section);text-align:center}.blog-controls{gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;align-items:flex-start;display:flex}.search-wrap{flex:0 0 280px;position:relative}.search-icon-wrap{pointer-events:none;color:var(--color-muted-soft);display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md);width:100%;height:40px;color:var(--color-ink);font-size:14px;font-family:var(--font-sans);outline:none;padding:0 14px 0 38px;transition:border .12s,box-shadow .12s}.search-input::placeholder{color:var(--color-muted-soft)}.search-input:focus{border-color:var(--color-primary);box-shadow:var(--ring-focus)}.tag-filter-row{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.no-results{text-align:center;padding:var(--space-section) 0;color:var(--color-muted);font-size:15px}.about-tab-bar-wrap{margin-bottom:var(--space-xxl);position:relative}.about-tab-bar{background:var(--color-surface-soft);border-radius:var(--radius-lg);border:1px solid var(--color-hairline);padding:4px;display:flex;position:relative}.about-tab-indicator{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md);pointer-events:none;transition:left .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;box-shadow:0 1px 4px #1414130f}.about-tab{border-radius:var(--radius-md);height:42px;color:var(--color-muted);cursor:pointer;z-index:1;white-space:nowrap;font-size:14px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:0;transition:color .15s;display:flex;position:relative}.about-tab.active{color:var(--color-ink)}.about-tab:hover:not(.active){color:var(--color-body-strong)}.about-content-area{animation:.25s ease-out contentFadeIn}.profile-grid{gap:var(--space-xxl);grid-template-columns:260px 1fr;align-items:start;display:grid}.profile-photo-placeholder{aspect-ratio:3/4;background:var(--color-surface-card);border-radius:var(--radius-xl);border:1px solid var(--color-hairline);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.profile-photo-placeholder:before{content:"";background:#4f46e50f;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-50px;right:-50px}.profile-photo-placeholder:after{content:"";background:#5db8a60f;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;left:-30px}.stats-card{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-md)}.stat-row{border-bottom:1px solid var(--color-hairline-soft);justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--color-muted)}.stat-value{color:var(--color-ink);font-weight:500;font-family:var(--font-mono);text-align:right;max-width:140px;font-size:12px}.profile-narrative h3{font-family:var(--font-serif);color:var(--color-ink);margin:0 0 var(--space-md);letter-spacing:-.3px;font-size:30px;font-weight:400}.profile-narrative p{color:var(--color-body);margin:0 0 var(--space-md);text-wrap:pretty;font-size:15px;line-height:1.8}.education-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-hairline)}.education-section h4{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-primary);margin:0 0 var(--space-md);font-size:13px;font-weight:600}.edu-item{gap:var(--space-md);border-bottom:1px solid var(--color-hairline-soft);padding:10px 0;display:flex}.edu-item:last-child{border-bottom:none}.edu-year{font-family:var(--font-mono);color:var(--color-primary);min-width:40px;padding-top:2px;font-size:12px;font-weight:500}.edu-detail{flex:1}.edu-detail strong{color:var(--color-ink);font-size:14px;font-weight:500;display:block}.edu-detail span{color:var(--color-muted);font-size:13px}.career-timeline{max-width:860px;position:relative}.timeline-axis{background:var(--color-hairline);width:1px;position:absolute;top:0;bottom:0;left:148px;overflow:hidden}.timeline-axis-fill{background:var(--color-primary);opacity:.25;transition:height 1.4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0}.career-item{grid-template-columns:148px 1fr;gap:0;margin-bottom:48px;display:grid;position:relative}.career-item:last-child{margin-bottom:0}.career-item-period{font-family:var(--font-mono);color:var(--color-primary);text-align:right;padding-right:var(--space-xl);padding-top:4px;font-size:12px;font-weight:500;line-height:1.5}.career-item-node{background:var(--color-primary);border:2px solid var(--color-canvas);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:148px;transform:translate(-4px);box-shadow:0 0 0 3px #4f46e526}.career-item-content{padding-left:var(--space-xl)}.career-company{color:var(--color-ink);margin:0 0 3px;font-size:18px;font-weight:500}.career-role{color:var(--color-muted);margin:0 0 var(--space-sm);font-size:13px}.career-desc{color:var(--color-body);margin:0;font-size:14px;line-height:1.65}.sub-timeline{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-hairline-soft);flex-direction:column;gap:9px;display:flex}.sub-item{gap:var(--space-sm);align-items:flex-start;display:flex}.sub-dot{background:var(--color-primary);opacity:.35;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.sub-year{font-family:var(--font-mono);color:var(--color-primary);min-width:38px;padding-top:1px;font-size:11px;font-weight:500}.sub-desc{color:var(--color-muted);font-size:13px;line-height:1.55}.hobbies-grid{gap:var(--space-lg);grid-template-columns:2fr 1fr 1fr;display:grid}.hobby-card{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.hobby-card-visual{background:var(--color-surface-soft);border-bottom:1px solid var(--color-hairline);justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;height:180px;display:flex;position:relative;overflow:hidden}.hobby-card-body{padding:var(--space-lg);flex:1}.hobby-card-title{color:var(--color-ink);margin:0 0 6px;font-size:15px;font-weight:500}.hobby-card-desc{color:var(--color-muted);margin:0;font-size:13px;line-height:1.6}.gear-tag{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--color-muted);margin-top:var(--space-sm);align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:inline-flex}.photo-gallery-row{margin-top:var(--space-sm);gap:6px;display:flex}.photo-thumb-placeholder{background:var(--color-surface-cream-strong);border-radius:var(--radius-sm);border:1px solid var(--color-hairline);flex:1;justify-content:center;align-items:center;height:52px;display:flex}.map-section-grid{gap:var(--space-xl);grid-template-columns:1fr 280px;align-items:start;display:grid}.map-container{background:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);position:relative;overflow:hidden}.map-svg{width:100%;display:block}.map-pin-group{cursor:pointer}.map-pin-pulse{transform-origin:50%;animation:2.2s cubic-bezier(.4,0,.2,1) infinite pulse-ring}.map-pin-pulse-2{transform-origin:50%;animation:2.2s cubic-bezier(.4,0,.2,1) .7s infinite pulse-ring}.map-popover{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-modal);z-index:20;pointer-events:none;width:220px;animation:.15s ease-out contentFadeIn;position:absolute}.map-popover-name{color:var(--color-ink);margin:0 0 2px;font-size:14px;font-weight:500}.map-popover-period{font-family:var(--font-mono);color:var(--color-primary);margin:0 0 8px;font-size:11px}.map-popover-desc{color:var(--color-muted);margin:0;font-size:12px;line-height:1.55}.map-legend{gap:var(--space-sm);flex-direction:column;display:flex}.map-legend-item{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:background .12s,border-color .12s}.map-legend-item:hover,.map-legend-item.active{background:var(--color-surface-cream-strong);border-color:var(--color-primary)}.map-legend-city{color:var(--color-ink);align-items:center;gap:8px;margin:0 0 2px;font-size:14px;font-weight:500;display:flex}.map-legend-period{font-family:var(--font-mono);color:var(--color-primary);margin:0 0 4px;font-size:11px}.map-legend-desc{color:var(--color-muted);margin:0;font-size:12px;line-height:1.5}.site-footer{background:var(--color-surface-card);border-top:1px solid var(--color-hairline);padding:var(--space-xxl) var(--space-xl) var(--space-xl);margin-top:0}.footer-inner{gap:var(--space-xxl);grid-template-columns:1.4fr 1fr 1fr;max-width:1200px;margin:0 auto;display:grid}.footer-wordmark{font-family:var(--font-serif);color:var(--color-ink);margin:0 0 var(--space-sm);font-size:20px}.footer-wordmark .dot{color:var(--color-primary)}.footer-desc{color:var(--color-muted);margin:0;font-size:13px;line-height:1.65}.footer-heading{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-muted);margin:0 0 var(--space-md);font-size:11px;font-weight:600}.footer-links{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:var(--color-body);cursor:pointer;font-size:14px;transition:color .1s}.footer-link:hover{color:var(--color-primary)}.footer-bottom{max-width:1200px;margin:var(--space-xxl) auto 0;padding-top:var(--space-md);border-top:1px solid var(--color-hairline);justify-content:space-between;align-items:center;display:flex}.footer-copyright{color:var(--color-muted-soft);font-size:12px;font-family:var(--font-mono)}.footer-socials{gap:var(--space-xs);display:flex}.social-btn{border-radius:var(--radius-pill);background:var(--color-canvas);border:1px solid var(--color-hairline);cursor:pointer;width:32px;height:32px;color:var(--color-muted);justify-content:center;align-items:center;transition:background .1s,color .1s,border-color .1s;display:flex}.social-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{gap:var(--space-xl);grid-template-columns:220px 1fr}.hobbies-grid{grid-template-columns:1fr 1fr}.map-section-grid{grid-template-columns:1fr}}@media (max-width:768px){.site-nav{padding:0 var(--space-md)}.site-nav-links{display:none}.nav-hamburger{display:flex}.container{padding:0 var(--space-md)}.hero{padding:56px 0 48px}.hero-wordmark{letter-spacing:-1px;font-size:56px}.posts-grid,.profile-grid{grid-template-columns:1fr}.profile-photo-placeholder{aspect-ratio:4/3}.career-timeline{max-width:100%}.timeline-axis{display:none}.career-item{grid-template-columns:1fr;margin-bottom:32px}.career-item-period{text-align:left;padding-bottom:8px;padding-right:0}.career-item-content{padding-left:0}.career-item-node{display:none}.hobbies-grid{grid-template-columns:1fr}.footer-inner{gap:var(--space-xl);grid-template-columns:1fr}.footer-bottom{gap:var(--space-md);flex-direction:column;align-items:flex-start}.about-tab{gap:4px;font-size:12px}}