@font-face{font-family:SUIT Variable;src:url(/fonts/SUIT-Variable.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:100 900}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,figure{margin:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a.link:hover{color:var(--color-text-brand)}ul,ol{list-style:none;margin:0;padding:0}button{cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit}:root{--gray-0: oklch(100% 0 0);--gray-100: oklch(96% .008 270);--gray-200: oklch(91% .008 270);--gray-300: oklch(82% .008 270);--gray-400: oklch(70% .008 270);--gray-500: oklch(58% .008 270);--gray-600: oklch(47% .008 270);--gray-700: oklch(37% .008 270);--gray-800: oklch(27% .008 270);--gray-850: oklch(22% .008 270);--gray-900: oklch(17% .008 270);--gray-950: oklch(12% .008 270);--accent-400: oklch(70% .23 42);--accent-500: oklch(60% .23 42);--accent-600: oklch(60% .2 42);--dimension-4: 4px;--dimension-8: 8px;--dimension-12: 12px;--dimension-16: 16px;--dimension-20: 20px;--dimension-24: 24px;--dimension-32: 32px;--dimension-40: 40px;--dimension-64: 64px;--dimension-80: 80px;--dimension-120: 120px}:root{--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-600);--color-text-tertiary: var(--gray-400);--color-text-disabled: var(--gray-300);--color-text-brand: var(--accent-500);--color-text-inverted: var(--gray-0);--color-background-base: var(--gray-100);--color-background-subtle: var(--gray-200);--color-surface-default: var(--gray-0);--color-surface-raised: var(--gray-0);--color-surface-accent: var(--gray-950);--color-border-default: var(--gray-200);--color-border-strong: var(--gray-400);--color-border-brand: var(--accent-500);--font: "Instrument Sans", "SUIT Variable", sans-serif;--font-size-h1: 48px;--font-size-h2: 40px;--font-size-h3: 32px;--font-size-h4: 24px;--font-size-p1: 20px;--font-size-p2: 18px;--font-size-p3: 16px;--font-size-p4: 14px;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--line-height-tightest: 1.15;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-loose: 1.7;--border-radius-sm: var(--dimension-4);--border-radius-md: var(--dimension-8);--border-radius-lg: var(--dimension-12);--border-radius-xl: var(--dimension-16);--border-radius-full: 9999px;--transition: .15s ease;--spacing-section-gap: var(--dimension-40);--spacing-container-vertical: var(--dimension-120);--spacing-container-horizontal: 0px;--spacing-component-sm: var(--dimension-8);--spacing-component-md: var(--dimension-12);--spacing-component-lg: var(--dimension-32)}@media(max-width:1199px){:root{--font-size-h1: 36px;--font-size-h2: 32px;--font-size-h3: 24px;--font-size-h4: 22px;--font-size-p1: 19px;--font-size-p2: 17px;--font-size-p3: 16px;--font-size-p4: 14px}}@media(max-width:767px){:root{--font-size-h1: 32px;--font-size-h2: 24px;--font-size-h3: 22px;--font-size-h4: 20px;--font-size-p1: 19px;--font-size-p2: 17px;--font-size-p3: 16px;--font-size-p4: 14px}}@media(max-width:1199px){:root{--spacing-section-gap: var(--dimension-32);--spacing-container-vertical: var(--dimension-80)}}@media(max-width:767px){:root{--spacing-section-gap: var(--dimension-24);--spacing-container-vertical: var(--dimension-64);--spacing-container-horizontal: var(--dimension-16)}}@media(prefers-color-scheme:dark){:root{--color-text-primary: var(--gray-100);--color-text-secondary: var(--gray-400);--color-text-tertiary: var(--gray-600);--color-text-disabled: var(--gray-700);--color-text-brand: var(--accent-400);--color-text-inverted: var(--gray-900);--color-background-base: var(--gray-950);--color-background-subtle: var(--gray-900);--color-surface-default: var(--gray-850);--color-surface-raised: var(--gray-800);--color-surface-accent: var(--gray-0);--color-border-default: var(--gray-700);--color-border-strong: var(--gray-500);--color-border-brand: var(--accent-400)}}h1,h2,h3,h4{font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h1,h2{line-height:var(--line-height-tightest)}h3,h4{line-height:var(--line-height-tight)}html{font-size:100%}body{font-family:var(--font);font-size:var(--font-size-p4);color:var(--color-text-primary);background:var(--color-background-base);-webkit-font-smoothing:antialiased;line-height:var(--line-height-normal)}.site-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);padding:var(--grid-gutter);min-height:100vh;align-items:start}.sidebar{grid-column:span 3;position:sticky;top:var(--grid-gutter);height:calc(100vh - var(--grid-gutter) * 2);display:flex;flex-direction:column;gap:var(--spacing-component-sm);z-index:1}.sidebar__card{display:flex;flex-direction:column;width:100%;padding:var(--spacing-component-md);background:var(--color-surface-default);border-radius:var(--border-radius-md)}.sidebar__name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sidebar__name{display:block;font-size:var(--font-size-p1);font-weight:var(--weight-medium)}.sidebar__toggle{display:none;width:24px;height:24px;align-items:center;justify-content:center;font-size:var(--font-size-p2);line-height:1;color:var(--color-text-tertiary);transition:color var(--transition),transform var(--transition);flex-shrink:0}.sidebar__toggle:hover{color:var(--color-text-primary)}.sidebar--expanded .sidebar__toggle{transform:rotate(45deg)}.sidebar__bio{color:var(--color-text-primary);line-height:var(--line-height-normal)}.sidebar__contact{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.sidebar__links{display:flex;flex-direction:row;gap:1.5rem}.site-content{grid-column:span 8;min-width:0}.work-header{padding-bottom:3rem}.main{margin-bottom:4rem}.tags span{display:inline-block;font-size:var(--font-size-p4);color:var(--color-text-secondary);text-transform:uppercase}.tags span+span:before{content:"·";margin:0 .3em}.btn{display:inline-block;padding:.4em .8em;background:var(--color-surface-accent);border-radius:var(--border-radius-md);color:var(--color-text-inverted);font-weight:var(--weight-semibold);white-space:nowrap;transition:all var(--transition)}.btn:hover{opacity:.8}.underline-link{border-bottom:1px solid var(--color-border-strong);color:var(--color-text-primary);transition:all var(--transition)}.underline-link:hover{border-color:var(--color-border-brand);color:var(--color-text-brand)}.text-link{color:var(--color-text-primary);transition:all var(--transition)}.text-link:hover{color:var(--color-text-secondary)}.back-link{display:inline-flex;align-items:center;gap:.35em;font-size:var(--font-size-p4);font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--spacing-component-md);transition:color var(--transition)}.back-link:hover{color:var(--color-text-primary)}.back-link svg{width:14px;height:14px}.work-info-item{display:flex;justify-content:space-between;align-items:baseline;padding:.7em 0;border-bottom:1px solid var(--color-border-default);gap:1rem}.work-info-item dt{font-size:var(--font-size-p4);font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase;color:var(--color-text-secondary)}.work-info-item dd{font-size:var(--font-size-p4);color:var(--color-text-primary);margin:0;text-align:right}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-container-vertical)}.project-card{display:flex;flex-direction:column;transition:opacity var(--transition)}.project-thumb-wrap{position:relative;overflow:hidden;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-component-md);isolation:isolate;will-change:transform}.project-thumb-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-400);opacity:0;transition:opacity .3s ease;pointer-events:none;mix-blend-mode:screen}.project-card:hover .project-thumb-wrap:after{opacity:1}.project-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transform:translateZ(0);transition:filter .3s ease}.project-card:hover .project-thumb{filter:saturate(0) brightness(1.15) contrast(.5)}@media(min-width:1200px){.project-thumb{max-height:800px}}.project-num{font-size:var(--font-size-p4);color:var(--color-text-secondary);font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase;margin-bottom:.5rem}.project-card h2{font-weight:var(--weight-medium);margin-bottom:.3rem}.work-header h1{margin-bottom:1rem}.work-header .project-desc{color:var(--color-text-secondary);margin-bottom:1.5rem}.work-header .btn{margin-bottom:1.5rem}.work-meta{margin-top:2rem}.work-meta{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}.work-images{display:flex;flex-direction:column;gap:.5rem}.work-hero-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--border-radius-sm);background:var(--color-background-base)}.work-sub-images{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.work-sub-img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--border-radius-sm);background:var(--color-background-base)}.more-work{margin-top:var(--spacing-container-vertical)}.more-work-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.more-work-label span,.more-work-label a{font-size:var(--font-size-p4);font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase;color:var(--color-text-secondary)}.more-work-label a{transition:color var(--transition)}.more-work-label a:hover{color:var(--color-text-primary)}.more-work-list{display:flex;flex-direction:column}.more-work-item{display:flex;justify-content:space-between;align-items:baseline;padding:.65rem 0;border-bottom:1px solid var(--color-border-default);gap:.75rem;transition:opacity var(--transition)}.more-work-item:first-child{border-top:1px solid var(--color-border-default)}.more-work-item:hover{opacity:.5}.more-work-item a{font-size:var(--font-size-p3);font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.tag{font-size:var(--font-size-p4);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);font-weight:var(--weight-medium);flex-shrink:0}.site-footer{border-top:1px solid var(--color-border-default);padding:var(--spacing-component-md);margin-top:var(--spacing-container-vertical)}.site-footer-inner{max-inline-size:60rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-p4);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}.reveal{opacity:0;transform:translateY(12px) translateZ(0);transition:opacity .5s ease,transform .5s ease;transition-delay:var(--reveal-delay, 0s);will-change:opacity,transform}.reveal--visible{opacity:1;transform:translateY(0) translateZ(0);will-change:auto}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}:root{--grid-gutter: var(--dimension-16)}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000}.grid-overlay__inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--grid-gutter);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter)}.grid-overlay__col{background:#296cd80f;border-left:1px solid oklch(55% .18 260 / .2);border-right:1px solid oklch(55% .18 260 / .2)}.grid-overlay__col:before{content:attr(data-col);display:block;padding:6px 0 0 4px;font-size:10px;font-weight:var(--weight-medium);color:#296cd873;line-height:1}@media(max-width:1199px){.site-layout{grid-template-columns:repeat(8,1fr)}.sidebar{grid-column:span 8;height:auto}.sidebar__links{flex-direction:row;flex-shrink:0}.site-content{grid-column:span 8}.grid-overlay__inner{grid-template-columns:repeat(8,1fr)}.grid-overlay__col:nth-child(n+9){display:none}.sidebar__toggle{display:flex}.sidebar__name-row{margin-bottom:0;transition:margin-bottom var(--transition)}.sidebar--expanded .sidebar__name-row{margin-bottom:1rem}.sidebar__bio-wrap{max-height:0;overflow:hidden;transition:max-height var(--transition)}.sidebar--expanded .sidebar__bio-wrap{max-height:8rem}.sidebar__contact-wrap{max-height:0;overflow:hidden;transition:max-height var(--transition)}.sidebar--expanded .sidebar__contact-wrap{max-height:6rem}}@media(max-width:767px){.site-layout{grid-template-columns:repeat(4,1fr)}.sidebar,.site-content{grid-column:span 4}.grid-overlay__inner{grid-template-columns:repeat(4,1fr)}.grid-overlay__col:nth-child(n+5){display:none}}.grid-toggle{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9001;display:flex;align-items:center;gap:.4em;padding:.4em .75em;font-family:var(--font);font-size:var(--font-size-p4);font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-normal);background:var(--color-text-primary);color:var(--color-surface-default);border-radius:var(--border-radius-full);cursor:pointer;opacity:.3;transition:opacity var(--transition),background var(--transition)}.grid-toggle:hover{opacity:.7}.grid-toggle--active{background:var(--blue-500, oklch(53% .18 260));color:var(--gray-0);opacity:1}.grid-toggle__count:before{content:"12"}@media(max-width:1199px){.grid-toggle__count:before{content:"8"}}@media(max-width:767px){.grid-toggle__count:before{content:"4"}}@media(max-width:767px){.work-sub-images{grid-template-columns:1fr}.work-hero-img{aspect-ratio:4 / 3}}