:root{--nav-height: 3.75rem;--content-max: 52rem;--read-max: 40rem;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.55;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}[data-theme=light]{color-scheme:light;--bg: #f4f4f4;--bg-subtle: #ececec;--surface: #ffffff;--text: #000000;--text-muted: #4a4a4a;--border: #e0e0e0;--label-yellow: #facc15;color:var(--text);background-color:var(--bg)}[data-theme=dark]{color-scheme:dark;--bg: #0c0c0e;--bg-subtle: #18181b;--surface: #141416;--text: #f4f4f5;--text-muted: #a1a1aa;--border: #2e2e33;--label-yellow: #fde047;color:var(--text);background-color:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:var(--text);text-decoration:underline;text-underline-offset:3px}img,video{max-width:100%;height:auto;display:block}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__main{flex:1;width:100%}.nav{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border)}.nav__shell{max-width:var(--content-max);margin:0 auto;padding:0 1.25rem}.nav__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--nav-height);padding:.65rem 0}.nav__brand{flex-shrink:0;font-weight:800;font-size:clamp(.95rem,2.2vw,1.05rem);letter-spacing:.08em;text-transform:uppercase;color:var(--text);text-decoration:none}.nav__brand:hover{opacity:.65;text-decoration:none}.nav__menu{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:.35rem 1.5rem;margin-left:auto}.nav__toggle{display:none;flex-shrink:0;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;padding:0;margin-left:.5rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);cursor:pointer}.nav__toggle-bar{display:block;width:1.1rem;height:2px;margin:0 auto;background:var(--text);border-radius:1px}.nav__theme{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;margin-left:.35rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s}.nav__theme:hover{background:color-mix(in srgb,var(--text) 8%,var(--surface))}.nav__theme-icon{display:flex;align-items:center;justify-content:center;line-height:0}.nav__theme-svg{width:1.15rem;height:1.15rem;flex-shrink:0}.nav__link{padding:.35rem 0;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text);text-decoration:none;white-space:nowrap}.nav__link:hover{text-decoration:underline;text-underline-offset:5px;opacity:1}.nav__link--active{text-decoration:underline;text-underline-offset:5px}@media (max-width: 640px){.nav__toggle{display:flex}.nav__menu{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:.5rem 1.25rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.nav__menu--open{display:flex}}section[id]{scroll-margin-top:calc(var(--nav-height) + .5rem)}.section{max-width:var(--content-max);margin:0 auto;padding:2.75rem 1.25rem}.section--alt{background:transparent}#projects-preview{padding-top:1rem}.section__title{margin:0 auto 1.25rem;max-width:var(--read-max);font-size:clamp(1.125rem,2.5vw,1.35rem);font-weight:700;letter-spacing:-.02em;text-align:center}.section__head{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;margin-bottom:1.35rem;text-align:center}.section__head .section__title{margin:0}.section__link{font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.section__link:hover{opacity:.65}.hero{padding-top:2.5rem;padding-bottom:1.25rem}.hero__content{max-width:34rem;margin:0 auto;text-align:center}.hero__eyebrow{margin:0 auto .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.hero__title{margin:0 0 1rem;font-size:clamp(2rem,5vw,2.75rem);line-height:1.12;font-weight:800;letter-spacing:-.03em;min-height:1.12em}.hero__title-typed{display:inline}.hero__title-cursor{display:inline-block;margin-left:1px;font-weight:400;opacity:1;animation:hero-cursor-blink .85s step-end infinite}@keyframes hero-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.hero__title-cursor{animation:none;opacity:1}}.hero__lead{margin:0;font-size:1rem;color:var(--text-muted);font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:999px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid var(--text);text-decoration:none;transition:background .2s,color .2s,opacity .2s}.btn--primary{background:var(--text);color:var(--surface);border-color:var(--text)}.btn--primary:hover{opacity:.85;text-decoration:none}.btn--ghost{background:transparent;color:var(--text)}.btn--ghost:hover{background:color-mix(in srgb,var(--text) 6%,transparent);text-decoration:none}.about__content{max-width:var(--read-max);margin:0 auto;text-align:left}.about__text{margin:0 0 .85rem;color:var(--text-muted);font-size:.95rem;line-height:1.6}.about__text:last-child{margin-bottom:0}.about__text strong{font-weight:600;color:var(--text)}.timeline{list-style:none;margin:0 auto;padding:0;max-width:38rem;display:flex;flex-direction:column;gap:1.35rem}.timeline__role{margin:0;font-size:1.05rem;font-weight:700}.timeline__org{margin:.15rem 0 0;color:var(--text-muted);font-size:.9rem}.timeline__period{margin:.35rem 0 0;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.timeline--compact{gap:1rem}.timeline__item.timeline__item--compact{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding-bottom:1.15rem;border-bottom:1px solid var(--border)}.timeline__item.timeline__item--compact:last-child{border-bottom:none;padding-bottom:0}.timeline__compact-head{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:.75rem 1.25rem;width:100%}.timeline__compact-head .timeline__role{flex:1;min-width:0}.timeline__period--inline{margin:0;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;text-align:right}.timeline__period--education-date{text-transform:none;letter-spacing:.02em;font-size:.8rem}@media (max-width: 640px){.timeline__compact-head{flex-direction:column;align-items:flex-start;gap:.35rem}.timeline__compact-head .timeline__period--inline{text-align:left;align-self:stretch}}.timeline__item--compact .timeline__org{margin:.2rem 0 0;width:100%}.timeline__item--education .education__coursework{margin:.65rem 0 0;width:100%;color:var(--text-muted);font-size:.95rem;line-height:1.55}.timeline__item--education .education__coursework strong{font-weight:600;color:var(--text)}.project-grid{display:grid;gap:.85rem;grid-template-columns:1fr;width:100%;max-width:42rem;margin-left:auto;margin-right:auto}@media (min-width: 520px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:var(--content-max);gap:.9rem}}@media (min-width: 900px){.project-grid--home{grid-template-columns:repeat(3,minmax(0,1fr));max-width:var(--content-max)}}.project-card{border-radius:18px;overflow:hidden;background:var(--bg-subtle);transition:transform .25s ease;max-width:100%}.project-card:hover{transform:translateY(-2px)}.project-card__link{display:block;color:inherit;text-decoration:none}.project-card__link:hover{text-decoration:none;opacity:1}.project-card__cover-wrap{position:relative;aspect-ratio:4 / 5;border-radius:18px;overflow:hidden;background:var(--bg-subtle)}.project-card__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.project-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58) 0%,transparent 48%);display:flex;align-items:flex-end;justify-content:center;padding:.85rem .65rem 1rem;pointer-events:none}.project-card__label{font-weight:700;font-size:clamp(.72rem,2.2vw,.82rem);letter-spacing:.02em;color:#fff;text-align:center;line-height:1.25}.project-card__label--accent{color:var(--label-yellow);text-shadow:0 1px 2px rgba(0,0,0,.35)}.contact__intro{margin:0 auto 1.25rem;max-width:var(--read-max);color:var(--text-muted);font-size:.95rem;line-height:1.6;text-align:center}.contact__links{list-style:none;margin:0 auto;padding:0;max-width:var(--read-max);display:flex;flex-direction:column;align-items:center;gap:.6rem}.contact__links a{font-weight:600;color:var(--text);font-size:.95rem}.contact__links a:hover{opacity:.75}.page{max-width:var(--content-max);margin:0 auto;padding:1.75rem 1.25rem 3.5rem}.page--narrow{max-width:var(--content-max)}.page--center{text-align:center;padding-top:4rem}.page__header{margin-bottom:1.75rem;text-align:center}.page__title{margin:0 auto .5rem;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:800;letter-spacing:-.02em}.page__subtitle{margin:0 auto;color:var(--text-muted);max-width:var(--read-max);font-size:.95rem}.detail{padding:1.5rem 0 4rem}.detail__content{max-width:var(--content-max);margin:0 auto;padding:0 1.25rem;text-align:left}.detail__head{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:0 .35rem;margin-bottom:1rem;width:100%}.detail__back{grid-column:1;justify-self:start;padding:.35rem .25rem .35rem 0;font-size:1.15rem;font-weight:500;line-height:1;color:var(--text-muted);text-decoration:none}.detail__back:hover{color:var(--text);opacity:.85;text-decoration:none}.detail__title{grid-column:2;margin:0;text-align:center;font-size:clamp(1.2rem,3.2vw,1.75rem);font-weight:800;line-height:1.2;letter-spacing:-.02em}.detail__banner-wrap{margin:0 0 1.15rem;width:100%}.detail__banner{position:relative;display:block;width:100%;padding:0;margin:0;border:none;border-radius:10px;overflow:hidden;cursor:zoom-in;background:var(--bg-subtle);aspect-ratio:21 / 9;max-height:min(40vh,18rem)}@media (max-width: 640px){.detail__banner{aspect-ratio:16 / 9;max-height:none}}.detail__banner:focus-visible{outline:2px solid var(--text);outline-offset:2px}.detail__banner-media{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.detail__banner--video .detail__banner-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.25rem;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55);pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.4),transparent 50%)}.detail__date{margin:0 0 .4rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.detail__summary{margin:0 0 .5rem;max-width:var(--read-max);font-size:.95rem;color:var(--text);line-height:1.45;text-align:left}.detail__body{margin:0 0 1.75rem;max-width:var(--read-max);color:var(--text-muted);font-size:.92rem;line-height:1.55;text-align:left}.detail__h2{margin:0 0 .65rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.detail__links{margin:0 0 2rem;max-width:28rem;text-align:left}.detail__link-list{margin:0;padding:0;list-style:none;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:left}.detail__link-list a{font-weight:600}.detail__gallery{margin-top:.5rem;text-align:left}.detail__thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.75rem;align-items:start;text-align:left;margin-top:.35rem}.detail__thumb{display:block;width:100%;padding:0;margin:0;border:none;border-radius:6px;overflow:hidden;cursor:zoom-in;background:var(--bg-subtle)}.detail__thumb-frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9}.detail__thumb:focus-visible{outline:2px solid var(--text);outline-offset:2px}.detail__thumb-img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.detail__thumb-img--contain{object-fit:contain;background:var(--bg-subtle)}.detail__thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.65);pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 55%)}.lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000e0;cursor:zoom-out}.lightbox__close{position:fixed;top:.75rem;right:.75rem;z-index:210;padding:.2rem .45rem;border:none;background:transparent;color:#fff;font-size:1.75rem;line-height:1;cursor:pointer;opacity:.9}.lightbox__close:hover{opacity:1}.lightbox__inner{max-width:min(96vw,1100px);max-height:90vh;cursor:default}.lightbox__media{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;margin:0 auto;border-radius:8px}.lightbox__media--img{object-fit:contain}.lightbox__media--youtube{width:min(96vw,1100px);aspect-ratio:16 / 9;max-height:min(90vh,80vw);border:none;background:#000}.footer{padding:1.25rem;border-top:1px solid var(--border);text-align:center;font-size:.8rem;color:var(--text-muted)}.footer p{margin:0 auto;max-width:var(--content-max);padding:0 1.25rem}