:root{color-scheme:light;--ink: #151515;--muted: #63615b;--line: #d8d1c3;--paper: #f7f4ee;--accent: #0d6b5f;--accent-strong: #094f47;--warm: #ad5d2b;--soft: rgba(13, 107, 95, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration-color:#0d6b5f59;text-decoration-thickness:.12em;text-underline-offset:.2em}a:hover{color:var(--accent-strong)}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:0 0 48px}.topbar{display:flex;gap:22px;justify-content:flex-end;padding-top:24px}.language-switch{display:inline-flex;min-height:36px;align-items:center;color:var(--accent-strong);font-size:.78rem;font-weight:800;text-decoration-color:currentColor;text-decoration-thickness:.12em;text-transform:uppercase;text-underline-offset:.35em}.hero{display:flex;align-items:center;min-height:clamp(360px,56vh,520px);padding:clamp(28px,5vw,64px) 0 40px}.hero-copy{display:grid;width:100%;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);column-gap:clamp(32px,7vw,88px);align-items:end}.hero-copy:before{grid-column:1 / -1;width:72px;height:4px;margin-bottom:28px;background:var(--accent);content:""}.eyebrow{grid-column:1 / -1;margin:0 0 18px;color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{grid-column:1;max-width:840px;margin-bottom:0;font-size:clamp(3.6rem,10vw,7.5rem);line-height:.9;letter-spacing:0}.lede{grid-column:2;max-width:720px;margin-bottom:24px;color:#333;font-size:clamp(1.15rem,2.4vw,1.65rem);line-height:1.45}.hero-actions,.link-list{display:flex;flex-wrap:wrap;gap:18px;margin:0;padding:0;list-style:none}.hero-actions{grid-column:2}.button,.link-list a{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:0 0 5px;background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;-webkit-appearance:none;font-weight:800;text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:.12em;text-underline-offset:.35em}.social-links{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:0;padding:0}.hero-copy .social-links{grid-column:2}.social-link{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--accent-strong);cursor:pointer;-webkit-appearance:none;text-decoration:none}.social-link:hover{color:var(--warm)}.social-link svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);padding:10px 18px;background:var(--ink);color:var(--paper);border-radius:8px;font-weight:700;font-size:.9rem;box-shadow:0 6px 20px #0000002e;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100}.toast.is-visible{opacity:1;transform:translate(-50%)}.button.primary,.button:hover,.link-list a:hover{color:var(--accent-strong)}.section-grid{--section-column-gap: clamp(24px, 5vw, 56px);--section-row-gap: clamp(24px, 3vw, 36px);position:relative;display:grid;grid-template-columns:repeat(6,1fr);column-gap:var(--section-column-gap);row-gap:var(--section-row-gap);padding-top:38px;border-top:1px solid var(--line)}.section-grid:before{position:absolute;top:38px;bottom:0;left:calc(((100% - (5 * var(--section-column-gap))) / 6 * 4) + (3.5 * var(--section-column-gap)));width:1px;background:var(--line);content:""}.main-sections{display:grid;grid-column:span 4;gap:clamp(40px,5vw,64px);align-self:start}.experience,.projects{grid-column:1}.side-sections{display:grid;grid-column:span 2;gap:clamp(40px,5vw,64px);align-self:start}.languages,.interests{grid-column:1}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.section-heading span{color:var(--warm);font-weight:900}.project-heading{justify-content:space-between;text-align:right}.projects{position:relative}h2{margin-bottom:0;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:0}.project-list,.language-list,.exp-list{margin:0;padding:0;list-style:none}time,.muted{color:var(--muted)}.project-list a{display:block;font-size:1.08rem;font-weight:900}.exp-list{display:grid}.exp-entry{display:grid;grid-template-columns:minmax(116px,.28fr) minmax(0,1fr);gap:22px;padding:22px 0;border-top:1px solid var(--line)}.exp-entry:first-of-type{padding-top:4px;border-top:0}.exp-period{margin:0;color:var(--muted)}.exp-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.exp-role{margin:0;color:var(--ink);font-size:1.12rem;font-weight:900;line-height:1.25}.exp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:7px 0 0;font-size:.92rem}.exp-org{display:inline-flex;align-items:center;gap:3px;color:var(--accent-strong);font-weight:700;text-decoration:none}.exp-org span{text-decoration:underline;text-decoration-color:#0d6b5f59;text-decoration-thickness:.1em;text-underline-offset:.2em}.exp-org:hover{color:var(--warm)}.exp-arrow{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.exp-place{color:var(--muted)}.exp-place:before{content:"·";margin-right:10px;color:var(--muted)}.exp-details{display:grid;gap:6px;margin:12px 0 0;padding-left:18px;list-style:disc;color:var(--muted)}.exp-details li{display:list-item;padding:0;border-bottom:0;font-size:.9rem;line-height:1.5}.exp-trigger{position:relative;display:inline-flex;width:32px;height:32px;flex-shrink:0;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--accent-strong);cursor:pointer}.exp-trigger:hover{color:var(--warm)}.exp-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.exp-modal{width:min(560px,calc(100% - 32px));max-height:min(80vh,640px);padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 24px 60px #00000047}.exp-modal::backdrop{background:#15151580}.exp-modal-inner{position:relative;padding:28px clamp(24px,5vw,34px)}.exp-modal-close{position:absolute;top:14px;right:14px;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted);cursor:pointer}.exp-modal-close:hover{color:var(--ink)}.exp-modal-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.exp-modal-period{margin:0 0 6px;color:var(--warm);font-size:.76rem;font-weight:800;text-transform:uppercase}.exp-modal h3{margin:0 0 4px;padding-right:28px;font-size:clamp(1.2rem,3vw,1.5rem)}.exp-modal-org{margin:0 0 18px;color:var(--muted);font-size:.95rem}.exp-modal .exp-details{margin:0}.languages p,.interests p{color:#333;line-height:1.7}.language-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.language-list li{padding:7px 10px;background:var(--soft);color:var(--accent-strong);font-size:.92rem;font-weight:800}.projects-gif{margin:28px 0 0}.projects-gif img{display:block;width:min(100%,220px);filter:saturate(.9)}.project-list{display:grid;gap:14px}.project-list li{padding:0 0 14px;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.55}.project-list li:last-child{padding-bottom:0;border-bottom:0}.project-entry{display:grid;gap:4px}.project-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:18px}.project-summary{display:block}.project-title{color:var(--ink);font-size:1.08rem;font-weight:900;text-decoration:underline;text-decoration-color:#0d6b5f59;text-decoration-thickness:.12em;text-underline-offset:.2em}.project-title-group{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:10px}.project-title--static{text-decoration:none}.project-title-link{min-width:0;text-decoration:none}.project-title-link:hover .project-title{color:var(--accent-strong)}.vibecoded-badge{display:inline-flex;align-items:center;gap:5px;padding-left:8px;border-left:2px solid var(--accent-strong);color:var(--accent-strong);font-size:.64rem;font-weight:800;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.vibecoded-badge-icon{display:block;width:11px;height:11px;fill:currentColor;flex-shrink:0}.project-actions{display:flex;gap:10px;flex-shrink:0}.project-icon-link{position:relative;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:var(--accent-strong);text-decoration:none}.project-icon-link:hover{color:var(--warm)}.project-icon-link[data-tooltip]:after,.exp-trigger[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;background:var(--ink);color:var(--paper);font-size:.7rem;font-weight:700;line-height:1;white-space:nowrap;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:20}.project-icon-link[data-tooltip]:hover:after,.project-icon-link[data-tooltip]:focus-visible:after,.exp-trigger[data-tooltip]:hover:after,.exp-trigger[data-tooltip]:focus-visible:after{opacity:1}.project-icon-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}@media(max-width:820px){.shell{width:min(100% - 24px,680px);padding:22px 0}.topbar{padding-top:0}.section-grid,.exp-entry{grid-template-columns:1fr}.exp-entry{gap:8px}.hero{min-height:auto;padding:20px 0 16px}.hero-copy{display:flex;min-height:auto;flex-direction:column;align-items:flex-start}h1{margin-bottom:20px}.main-sections,.side-sections{grid-column:span 1}.section-grid{gap:32px}.section-grid:before{display:none}.project-actions{flex-shrink:0}}.project-detail article{max-width:760px}.back-link{display:inline-flex;align-items:center;gap:8px;margin:28px 0 32px;color:var(--accent-strong);font-size:.82rem;font-weight:800;text-transform:uppercase;text-decoration:none}.back-link:hover{color:var(--warm)}.project-detail-header{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:32px}.project-detail-title{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px}.project-detail-header h1{max-width:none;margin-bottom:0;font-size:clamp(2.4rem,6vw,4rem);line-height:1}.project-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.stack-chip{padding:6px 10px;background:var(--soft);color:var(--accent-strong);font-size:.85rem;font-weight:800}.project-detail-actions{display:flex;flex-wrap:wrap;gap:14px}.project-detail-body{color:#333;line-height:1.7}.project-detail-body h2{margin-top:36px;margin-bottom:12px;font-size:clamp(1.3rem,2.6vw,1.8rem)}.project-detail-body p{margin-bottom:18px}.project-detail-body ul,.project-detail-body ol{margin:0 0 18px;padding-left:22px}.project-detail-body li{margin-bottom:8px}.project-detail-body img{max-width:100%;height:auto;border:1px solid var(--line)}.project-detail-body a{color:var(--accent-strong);font-weight:700}.project-detail-body code{padding:2px 6px;background:var(--soft);font-size:.9em}.project-detail-body pre{padding:16px;overflow-x:auto;background:var(--ink);color:var(--paper)}.project-detail-body pre code{padding:0;background:transparent}