:root{--color-bg: #ffffff;--color-fg: #111111;--color-muted: #555555;--color-border: #111111;--color-placeholder: #e8e8e8;--color-placeholder-outline: #999999;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--text-xs: clamp(.75rem, .7rem + .2vw, .8125rem);--text-sm: clamp(.8125rem, .78rem + .25vw, .875rem);--text-base: clamp(.9375rem, .88rem + .35vw, 1rem);--text-lg: clamp(1.0625rem, .95rem + .5vw, 1.125rem);--text-xl: clamp(1.25rem, 1.05rem + .85vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-3xl: clamp(1.875rem, 1.35rem + 2vw, 2.75rem);--text-4xl: clamp(2.25rem, 1.5rem + 3.5vw, 3.75rem);--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3.5rem;--max-width: 1200px;--content-pad: clamp(var(--space-4), 2vw, var(--space-6));--header-scroll-offset: 5rem;--section-gap: var(--space-6);--section-inner-gap: var(--space-5);--radius-sm: 2px;--radius-md: 4px;--border-width: 1px;--border: var(--border-width) solid var(--color-border);--motion-duration: .2s;--motion-ease: ease-in-out}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #000000;--color-fg: #ffffff;--color-muted: rgb(191, 191, 191);--color-border: #ffffff;--color-placeholder: rgb(38, 38, 38);--color-placeholder-outline: rgb(102, 102, 102)}}:root[data-theme=dark]{--color-bg: #000000;--color-fg: #ffffff;--color-muted: rgb(191, 191, 191);--color-border: #ffffff;--color-placeholder: rgb(38, 38, 38);--color-placeholder-outline: rgb(102, 102, 102)}:root[data-theme=light]{--color-bg: #ffffff;--color-fg: #111111;--color-muted: #555555;--color-border: #111111;--color-placeholder: #e8e8e8;--color-placeholder-outline: #999999}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-scroll-offset)}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-fg);background-color:var(--color-bg);transition:background-color .2s ease,color .2s ease}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-thickness:var(--border-width)}a:hover{text-decoration:underline}ul{margin:0;padding:0}button,input,.hero__cta,.theme-toggle,.segmented-control__option,.project-gate__submit,.project-gate__toggle,.project-gate__dev-bypass,.error-page__button,.about__focus-toggle{transition:background-color var(--motion-duration) var(--motion-ease),color var(--motion-duration) var(--motion-ease),border-color var(--motion-duration) var(--motion-ease),opacity var(--motion-duration) var(--motion-ease)}a,.site-header__link,.site-header__brand,.contact__email,.contact__social-link,.about__link,.project-detail__back,.project-detail__pager-link,.project-gate__hint-link,.error-page__link{transition:color var(--motion-duration) var(--motion-ease),opacity var(--motion-duration) var(--motion-ease),text-decoration-color var(--motion-duration) var(--motion-ease)}.site-header,.contact-container{transition:background-color var(--motion-duration) var(--motion-ease),color var(--motion-duration) var(--motion-ease),border-color var(--motion-duration) var(--motion-ease)}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.page-main{width:100%;max-width:var(--max-width);margin-inline:auto;padding:var(--space-6) var(--content-pad) var(--space-8);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--section-gap)}.placeholder-block{background-color:var(--color-placeholder);outline:1px dashed var(--color-placeholder-outline);outline-offset:-1px;border-radius:var(--radius-sm)}.site-header{position:sticky;top:0;z-index:10;background-color:var(--color-bg);border-bottom:var(--border)}.site-header__inner{max-width:var(--max-width);margin-inline:auto;padding:var(--space-4) var(--content-pad);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-header__brand{font-weight:600;font-size:var(--text-lg);text-decoration:none;line-height:1}.site-header__brand:hover{text-decoration:underline}.site-header__nav{display:flex;align-items:center}.site-header__list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.site-header__item{display:flex;align-items:center}.site-header__link{display:inline-flex;align-items:center;font-size:var(--text-sm);line-height:1;text-decoration:none}.site-header__link:hover{text-decoration:underline}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--color-fg);background:var(--color-placeholder);border:none;border-radius:4px;cursor:pointer}.theme-toggle:hover{opacity:.85}.theme-toggle:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}.theme-toggle__icon{width:1rem;height:1rem}.section-heading{margin:0;font-size:var(--text-2xl);line-height:var(--leading-tight);font-weight:600}#work,#about,#contact{scroll-margin-top:var(--header-scroll-offset)}.hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(12.8rem,22.4rem);align-items:center;gap:var(--space-6);min-height:min(22.4rem,70vh)}.hero__title{margin:0 0 var(--space-1);font-size:var(--text-4xl);line-height:var(--leading-tight);font-weight:700}.hero__lede{margin:0 0 var(--space-5);max-width:46ch;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:color-mix(in srgb,var(--color-fg) 80%,transparent)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero__cta{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:calc(var(--text-sm) + 2px);font-weight:500;text-decoration:none;border-radius:var(--radius-sm);border:var(--border)}.hero__cta:hover{text-decoration:none}.hero__cta--primary{background:var(--color-fg);color:var(--color-bg)}.hero__cta--primary:hover{opacity:.9}.hero__cta--secondary{background:transparent;color:var(--color-fg)}.hero__cta--secondary:hover{background:var(--color-placeholder)}.hero__ctas:has(.hero__cta:only-child) .hero__cta{justify-content:center;min-width:10rem;padding-inline:var(--space-6)}.hero__media{justify-self:end;width:100%;max-width:22.4rem;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-sm);border:var(--border)}.hero__content{min-width:0}.hero__media-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}@media (max-width: 768px){:root{--header-scroll-offset: 7rem}.section-heading{font-size:calc(var(--text-2xl) + 2px)}.hero{padding-block:0}.hero__inner{grid-template-columns:1fr;min-height:auto}.hero__media{justify-self:stretch;max-width:none;order:-1}.hero__actions{width:100%}.hero__ctas{width:100%;flex-wrap:nowrap}.hero__cta{flex:1 1 50%;justify-content:center;min-width:0}.hero__ctas:has(.hero__cta:only-child) .hero__cta{flex:1 1 100%;width:100%;min-width:0}}.segmented-control{display:inline-flex;flex-wrap:wrap;padding:var(--space-1);border:var(--border);border-radius:var(--radius-md);gap:var(--space-1)}.segmented-control__option{padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--color-fg);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.segmented-control__option:hover{background:var(--color-placeholder)}.segmented-control__option--active{background:var(--color-fg);color:var(--color-bg)}.segmented-control__option--active:hover{background:var(--color-fg);opacity:.9}.segmented-control__option:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}.segmented-control__label--short{display:none}@media (max-width: 768px){.work__header{flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.work__header .section-heading{min-width:0}.work__header .segmented-control{flex-shrink:0;padding:var(--space-1);gap:var(--space-1)}.work__header .segmented-control__option{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:1.2}.work__header .segmented-control__label--full{display:none}.work__header .segmented-control__label--short{display:inline}}.work{display:grid;gap:var(--section-inner-gap)}.work__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.work__header .section-heading{margin-bottom:0}.work__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-5)}.project-card{display:flex;flex-direction:column;border:var(--border);border-radius:var(--radius-md);text-decoration:none;color:inherit;background-color:var(--color-bg);transition:background-color var(--motion-duration) var(--motion-ease),border-color var(--motion-duration) var(--motion-ease),opacity var(--motion-duration) var(--motion-ease)}.project-card:hover{text-decoration:none}.project-card:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}.project-card__thumb{aspect-ratio:16 / 10;width:100%;object-fit:cover;object-position:center;border-bottom:var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0}.project-card__thumb--theme-light{display:none}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .project-card__thumb--theme-light{display:block}:root:not([data-theme=dark]) .project-card__thumb--theme-dark{display:none}}:root[data-theme=light] .project-card__thumb--theme-light{display:block}:root[data-theme=light] .project-card__thumb--theme-dark{display:none}:root[data-theme=dark] .project-card__thumb--theme-light{display:none}:root[data-theme=dark] .project-card__thumb--theme-dark{display:block}.project-card__thumb--top{object-position:top}.project-card__thumb-frame{aspect-ratio:16 / 10;overflow:hidden;border-bottom:var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0}.project-card__thumb-frame .project-card__thumb--top{aspect-ratio:unset;width:100%;height:120%;border:none;border-radius:0;margin-top:-10%}.project-card__thumb-frame .project-card__thumb--zoom{aspect-ratio:unset;width:100%;height:100%;border:none;border-radius:0;object-fit:cover;transform:scale(1.25);transform-origin:center center}.project-card__body{padding:var(--space-4);display:grid;gap:var(--space-3)}.project-card__title{margin:0;font-size:var(--text-xl);line-height:var(--leading-tight);font-weight:600}.project-card__tagline{margin:0;font-size:var(--text-sm);color:var(--color-muted)}.project-card__tags{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-card__tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border:var(--border);border-radius:var(--radius-sm)}.about__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-7);align-items:start}.about__column{display:grid;gap:var(--section-inner-gap);align-content:start}.about__column-heading{margin:0}.about__bio p{margin:0 0 var(--space-4);line-height:var(--leading-relaxed);max-width:60ch}.about__bio p:last-child{margin-bottom:0}.about__link{text-decoration:underline;text-underline-offset:2px}.about__focus-toggle{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.about__focus-toggle:hover{text-decoration:underline}.about__skills-list{list-style:none;padding:0;margin:0;border:var(--border);border-radius:var(--radius-md)}.about__skills-item{padding:var(--space-3) var(--space-4);border-bottom:var(--border);font-size:var(--text-sm)}.about__skills-item:last-child{border-bottom:none}.contact{display:grid;gap:var(--section-inner-gap)}.contact-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:16px;border-radius:4px;border:1px solid var(--color-border)}.contact__lede{margin:0;font-size:var(--text-lg)}.contact__email,.contact__social-link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:400}.contact__icon{flex-shrink:0;width:1.1em;height:1.1em;stroke-width:1.75}.contact__social{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-4);margin:0;padding:0}.contact__social-link{text-decoration:underline}@media (max-width: 768px){.contact-container{flex-direction:column;align-items:flex-start}.contact__social{justify-content:flex-start}}.site-footer{border-top:var(--border);margin-top:auto}.site-footer__inner{max-width:var(--max-width);margin-inline:auto;padding:var(--space-5) var(--content-pad);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3);font-size:var(--text-sm);color:var(--color-muted)}.site-footer__copy,.site-footer__meta{margin:0}.project-detail__missing{margin:0 0 var(--space-4)}.project-detail__back{display:inline-block;margin-bottom:var(--space-5);font-size:var(--text-sm);text-decoration:none}.project-detail__back:hover{text-decoration:underline}.project-detail__article{display:grid;gap:var(--space-6)}.project-detail__header{display:grid;gap:var(--space-2)}.project-detail__title{margin:0;font-size:var(--text-3xl);line-height:var(--leading-tight)}.project-detail__tagline{margin:0;font-size:var(--text-lg);color:var(--color-muted)}.project-detail__hero.placeholder-block{width:100%;max-width:22rem;margin-inline:auto;aspect-ratio:16 / 9;min-height:6rem}.project-detail__hero-image{display:block;width:100%;max-width:22rem;height:auto;margin-inline:auto;object-fit:contain;border:var(--border);border-radius:var(--radius-md)}.project-detail__video,.project-detail__embed{position:relative;width:100%;max-width:48rem;margin-inline:auto;aspect-ratio:16 / 9;border:var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-placeholder)}.project-detail__video iframe,.project-detail__embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.project-detail__embed-wrap{margin:0}.project-detail__embed-wrap--hero{width:100%}.project-detail__embed--hero{max-width:none;width:100%;aspect-ratio:16 / 9;min-height:min(28rem,70vh)}.project-detail__slides{display:grid;gap:var(--space-5)}.project-detail__slide{margin:0}.project-detail__slide-image{display:block;width:100%;max-width:48rem;margin-inline:auto;border:var(--border);border-radius:var(--radius-md)}.project-detail__related{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:var(--border)}.project-detail__link-list{list-style:none;margin:0;padding:0}.project-detail__link-item{margin:0}.project-detail__external-link{font-size:var(--text-base);text-decoration:underline;text-underline-offset:2px}.project-detail__external-mark{font-size:var(--text-sm);color:var(--color-muted)}.project-detail__section{display:grid;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border)}.project-detail__figure{margin:0;display:grid;gap:var(--space-2);max-width:22rem}.project-detail__section-image{display:block;width:100%;aspect-ratio:16 / 10;border:var(--border);border-radius:var(--radius-md);object-fit:cover}.project-detail__section-image.placeholder-block{min-height:5rem}.project-detail__caption{margin:0;font-size:var(--text-sm);color:var(--color-muted)}.project-detail__section-title{margin:0;font-size:var(--text-xl);font-weight:600}.project-detail__section-body{margin:0 0 var(--space-4);line-height:var(--leading-relaxed)}.project-detail__section-body:last-child{margin-bottom:0}.project-detail__section-body a{color:inherit;text-decoration:underline;text-underline-offset:2px}.project-detail__pager{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);padding-top:var(--space-6);border-top:var(--border)}.project-detail__pager-link{font-size:var(--text-sm);text-decoration:none}.project-detail__pager-link:hover{text-decoration:underline}.project-detail__pager-link--next{text-align:right}.project-detail__pager-placeholder{font-size:var(--text-sm);color:var(--color-muted)}.project-detail__pager-placeholder--next{text-align:right}.page-main.project-gate{position:relative;align-self:stretch;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.page-main.project-gate .project-detail__back{position:absolute;top:24px;left:0;margin-bottom:0}.project-gate__panel{width:100%;max-width:28rem;margin:0;padding:var(--space-6);border:var(--border);border-radius:var(--radius-md)}.project-gate__title{margin:0 0 var(--space-3);font-size:var(--text-2xl);line-height:var(--leading-tight)}.project-gate__lede{margin:0 0 var(--space-5);line-height:var(--leading-relaxed);color:var(--color-muted)}.project-gate__form{display:grid;gap:var(--space-3)}.project-gate__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.project-gate__label{font-size:var(--text-sm);font-weight:600}.project-gate__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;font-size:var(--text-sm);color:var(--color-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.project-gate__toggle:hover,.project-gate__toggle:focus-visible{color:var(--color-fg)}.project-gate__toggle:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px;border-radius:var(--radius-sm)}.project-gate__input{width:100%;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--text-base);color:var(--color-fg);background:var(--color-bg);border:var(--border);border-radius:var(--radius-sm)}.project-gate__input:focus{outline:2px solid var(--color-fg);outline-offset:2px}.project-gate__error{margin:0;font-size:var(--text-sm);color:var(--color-fg);border:var(--border);padding:var(--space-3);background:var(--color-placeholder)}.project-gate__submit{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--text-base);cursor:pointer;background:var(--color-fg);color:var(--color-bg);border:var(--border);border-radius:var(--radius-sm)}.project-gate__submit:hover{opacity:.9}.project-gate__hint{margin:var(--space-5) 0 0;font-size:var(--text-sm);color:var(--color-muted)}.project-gate__hint-link{color:inherit}.project-gate__dev-bypass{width:100%;margin-top:var(--space-4);padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--text-sm);cursor:pointer;color:var(--color-muted);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-sm)}.project-gate__dev-bypass:hover{color:var(--color-fg);background:var(--color-placeholder)}.error-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.error-page__panel{width:100%;max-width:32rem;padding:var(--space-6);border:var(--border);border-radius:var(--radius-md)}.error-page__title{margin:0 0 var(--space-3);font-size:var(--text-2xl);line-height:var(--leading-tight)}.error-page__lede{margin:0 0 var(--space-5);line-height:var(--leading-relaxed);color:var(--color-muted)}.error-page__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.error-page__button{padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--text-base);cursor:pointer;background:var(--color-fg);color:var(--color-bg);border:var(--border);border-radius:var(--radius-sm)}.error-page__button:hover{opacity:.9}.error-page__link{font-size:var(--text-sm);text-decoration:underline;text-underline-offset:2px}.error-page__details{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-muted)}.error-page__stack{margin:var(--space-3) 0 0;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-snug);border:var(--border);border-radius:var(--radius-sm);background:var(--color-placeholder);color:var(--color-fg);overflow:auto;white-space:pre-wrap;word-break:break-word}.error-page__hint{margin:var(--space-5) 0 0;font-size:var(--text-sm);color:var(--color-muted)}.error-page__hint-link{color:inherit}