: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);--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));--radius-sm: 2px;--radius-md: 4px;--border-width: 1px;--border: var(--border-width) solid var(--color-border)}@media (prefers-color-scheme: dark){:root{--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)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}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)}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}.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(--space-8)}.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}.site-header__brand:hover{text-decoration:underline}.site-header__list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-4)}.site-header__link{font-size:var(--text-sm);text-decoration:none}.site-header__link:hover{text-decoration:underline}.section-heading{margin:0 0 var(--space-5);font-size:var(--text-2xl);line-height:var(--leading-tight);font-weight:600}.hero__grid{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);width:fit-content;width:100%}.hero__title{margin:0 0 var(--space-3);font-size:var(--text-3xl);line-height:var(--leading-tight);font-weight:700}.hero__role{margin:0;font-size:var(--text-lg);color:var(--color-muted);line-height:var(--leading-snug)}.hero__media{flex:0 0 auto;width:20rem;max-width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-sm);border:var(--border)}.hero__content{flex:0 1 auto;min-width:min(16rem,100%)}.hero__media-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.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)}.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%;border-bottom:var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0}.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-6)}.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__skills-heading{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:600}.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__lede{margin:0 0 var(--space-3);font-size:var(--text-lg)}.contact__phone{margin:0 0 var(--space-4);font-size:var(--text-base)}.contact__phone-link{color:var(--color-muted);text-decoration:none}.contact__phone-link:hover{text-decoration:underline;color:var(--color-fg)}.contact__email{font-weight:600}.contact__social{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-4)}.contact__social-link{text-decoration:underline}.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{width:100%;aspect-ratio:16 / 9;min-height:10rem}.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-3);padding-top:var(--space-4);border-top:var(--border)}.project-detail__section-title{margin:0;font-size:var(--text-xl);font-weight:600}.project-detail__section-body{margin:0;max-width:70ch;line-height:var(--leading-relaxed)}.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:0;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}