[data-theme=light]{--color-bg:#fbfaf8;--color-text:#1a1814;--color-muted:#6e6a63;--color-border:#e8e4de;--color-placeholder:#f1efeb;--color-progress:#1a1814;--color-dot:#4caf50;--color-accent:#9c5527;--color-accent-mid:#6e3819;--color-accent-dark:#3a1f10;--font-size-body:1rem;--font-size-label:.75rem;--font-size-meta:.875rem;--font-size-hero:clamp(1.8rem, 5vw, 3.75rem);--font-size-project-title:clamp(1.6rem, 3.2vw, 2.25rem);--line-height-body:1.6;--letter-spacing-label:.08em;--space-section:8rem;--space-project:6rem;--space-content-max:90rem;--page-gutter:1.5rem}[data-theme=dark]{--color-bg:#141210;--color-text:#f0ede8;--color-muted:#6b6860;--color-border:#2a2825;--color-placeholder:#1e1c1a;--color-progress:#f0ede8;--color-dot:#4caf50;--color-accent:#c97b45;--color-accent-mid:#a8622f;--color-accent-dark:#7a431e;--font-size-body:1rem;--font-size-label:.75rem;--font-size-meta:.875rem;--font-size-hero:clamp(1.8rem, 5vw, 3.75rem);--font-size-project-title:clamp(1.6rem, 3.2vw, 2.25rem);--line-height-body:1.6;--letter-spacing-label:.08em;--space-section:8rem;--space-project:6rem;--space-content-max:90rem;--page-gutter:1.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background-color:var(--color-bg);color:var(--color-text);font-family:Geist,system-ui,-apple-system,sans-serif;font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{max-width:var(--space-content-max);padding:0 var(--page-gutter);margin:0 auto}.section-label{font-family:Geist Mono,ui-monospace,monospace;font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);color:var(--color-muted);margin-bottom:2rem}.content-panel{margin-bottom:var(--space-section);border-radius:20px;padding:clamp(1.5rem,4vw,3rem)}@media (width<=600px){.content-panel{padding:1rem .75rem}}.chip{background:var(--color-placeholder);font-family:Geist Mono,ui-monospace,monospace;font-size:var(--font-size-label);color:var(--color-text);text-transform:none;letter-spacing:.02em;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem;display:inline-flex}.link-arrow{transition:transform .2s;display:inline-block}a:hover .link-arrow{transform:rotate(45deg)}.reveal{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.progress-bar-track{background:var(--color-border);z-index:100;width:100%;height:2px;position:fixed;top:0;left:0}.progress-bar-fill{background:var(--color-progress);height:100%;transition:width 80ms linear}@media (prefers-reduced-motion:reduce){.progress-bar-fill{transition:none}}.page-dots{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.hero{flex-direction:column;justify-content:center;min-height:68vh;padding:4rem 0;display:flex;position:relative}.hero-identity{align-items:center;gap:.9rem;margin-bottom:2rem;display:flex}.hero-avatar{object-fit:cover;border-radius:14px;flex-shrink:0;width:64px;height:64px}.hero-identity-text{flex-direction:column;gap:3px;display:flex}.hero-status{color:var(--color-text);align-self:flex-start;text-decoration:none}.hero-status-linkedin{color:#fff;background:#0a66c2;font-weight:600;line-height:1;transition:background .2s}.hero-status-linkedin svg{flex-shrink:0;display:block}.hero-status-linkedin:hover{background:#004182}.hero-title-line{color:var(--color-muted);font-size:.95rem}.hero-title-line strong{color:var(--color-text);font-weight:600}.hero-heading{letter-spacing:-.02em;text-align:center;margin-bottom:2.5rem;font-size:clamp(1.8rem,5vw,3.75rem);font-weight:700;line-height:1.05}.hero-line{display:block}.hero-line-2,.hero-line-3{white-space:nowrap}.hero-gradient{background:linear-gradient(100deg, var(--color-text) 0%, var(--color-accent-mid) 55%, var(--color-accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.hero-cta{border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .2s,border-color .2s;display:inline-flex}.hero-cta-primary{background:var(--color-text);color:var(--color-bg)}.hero-cta-primary:hover{opacity:.85}.hero-cta-secondary{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.hero-cta-secondary:hover{border-color:var(--color-text)}@media (width<=600px){.hero{padding-top:3rem;padding-bottom:3rem}.hero-identity{flex-wrap:wrap;gap:.6rem}.hero-avatar{border-radius:12px;width:52px;height:52px}.hero-heading{font-size:clamp(1.6rem,9vw,3rem)}.hero-line-2,.hero-line-3{white-space:normal}}.how-i-work{margin-bottom:var(--space-section)}.method-list{list-style:none}.method-item{letter-spacing:-.02em;color:var(--color-muted);margin-bottom:1.5rem;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:700;line-height:1.3}.method-item:last-child{margin-bottom:0}.method-lead{color:var(--color-text)}.media-stack{flex-direction:column;gap:1.5rem;display:flex}.stack-item{background:#fff;border-radius:10px;justify-content:center;display:flex;position:relative;overflow:hidden}.stack-media{width:auto;max-width:100%;height:auto;max-height:min(560px,68vh);display:block}.stack-placeholder{aspect-ratio:16/10;width:100%}.stack-video-progress{background:#00000026;height:3px;position:absolute;bottom:0;left:0;right:0}.stack-media-clickable{cursor:zoom-in}.project-card{padding:var(--space-project) 0;border-top:1px solid var(--color-border)}.project-grid{grid-template-columns:minmax(19rem,26rem) 1fr;align-items:start;gap:2.5rem;display:grid}.project-left{position:sticky;top:2rem}.project-header{margin-bottom:2rem}.project-title{font-size:var(--font-size-project-title);letter-spacing:-.02em;margin-bottom:.75rem;font-weight:600}.project-title-link{color:inherit;text-decoration:none;transition:opacity .2s}.project-title-link:hover{opacity:.7;text-underline-offset:.15em;text-decoration:underline}.project-meta-row{flex-wrap:wrap;gap:.6rem;display:flex}.meta-group{gap:.3rem;display:inline-flex}.meta-key-chip,.meta-value-chip{white-space:nowrap}.meta-key-chip{color:var(--color-muted);font-family:Geist Mono,ui-monospace,monospace}.meta-value-chip{letter-spacing:-.02em;font-weight:500}.project-details{flex-direction:column;gap:1.5rem;display:flex}.project-detail-card{border-radius:16px;padding:1.5rem}.project-description-card{background:color-mix(in srgb, var(--color-placeholder) 35%, var(--color-bg))}.project-outcomes-card{background:var(--color-placeholder)}.project-description{font-size:var(--font-size-body);letter-spacing:-.02em;color:var(--color-text);font-weight:500;line-height:var(--line-height-body);margin-bottom:1.25rem}.project-description:last-child{margin-bottom:0}.project-outcomes{list-style:none}.outcome-item{font-size:var(--font-size-body);letter-spacing:-.02em;color:var(--color-text);font-weight:500;line-height:var(--line-height-body);gap:.5rem;margin-bottom:.5rem;display:flex}.outcome-item:last-child{margin-bottom:0}.outcome-dot{color:var(--color-accent);flex-shrink:0;margin-top:.05em}@media (width<=720px){.project-grid{grid-template-columns:1fr;gap:1.5rem}.project-left{position:static}.project-meta-row{gap:.3rem .5rem}.project-detail-card{padding:1.5rem 1.25rem}}.personal-project{margin-top:var(--space-project);border:1px dashed var(--color-border);background:color-mix(in srgb, var(--color-placeholder) 35%, var(--color-bg));border-radius:16px;padding:2.5rem}.personal-title{font-size:var(--font-size-project-title);letter-spacing:-.02em;margin-top:1.25rem;margin-bottom:.75rem;font-weight:600}.personal-hook{font-size:var(--font-size-body);font-weight:600;line-height:var(--line-height-body);max-width:38rem;margin-bottom:.75rem}.personal-description{font-size:var(--font-size-body);line-height:var(--line-height-body);max-width:38rem;margin-bottom:1.25rem}.personal-title-link{color:inherit;text-decoration:none}.personal-title-link:hover{opacity:.75}.personal-screenshots{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:2rem;display:grid}.personal-screenshot-item{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.personal-screenshot-img{cursor:zoom-in;width:100%;height:auto;display:block}@media (width<=720px){.personal-project{padding:1.75rem 1.25rem}.personal-screenshots{grid-template-columns:1fr}}.contact{background:color-mix(in srgb, var(--color-placeholder) 35%, var(--color-bg));margin-top:var(--space-project);text-align:center;border-radius:16px;padding:2.5rem}@media (width<=600px){.contact{padding:1.75rem 1.25rem}}.contact .section-label{margin-bottom:1rem}.contact-heading{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:700;line-height:1.1}.contact-heading-line{display:block}.contact-sub{font-size:var(--font-size-body);color:var(--color-muted);max-width:38rem;margin:0 auto 2rem}.contact-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.contact-cta{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .2s,border-color .2s;display:inline-flex}.contact-cta-primary{background:var(--color-text);color:var(--color-bg)}.contact-cta-primary:hover{opacity:.85}.contact-cta-secondary{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.contact-cta-secondary:hover{border-color:var(--color-text)}.lb-overlay{z-index:1000;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;animation:.18s lb-fade-in;display:flex;position:fixed;inset:0}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}.lb-close{z-index:1001;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:fixed;top:1.25rem;right:1.25rem}.lb-close:hover{background:#fff3}.lb-content{cursor:default;justify-content:center;align-items:center;animation:.2s cubic-bezier(.34,1.56,.64,1) lb-scale-in;display:flex}@keyframes lb-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.lb-media{object-fit:contain;border-radius:8px;width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}video.lb-media{background:#000}