@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}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(97% .006 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);--brand-orange: oklch(75.154% .14622 47.854);--brand-lime: oklch(91.856% .18099 129.123);--brand-cyan: oklch(84.82% .10911 216.461);--brand-pink: oklch(79.603% .14546 346.656);--dimension-1: 1px;--dimension-2: 2px;--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;--dimension-160: 160px;--dimension-240: 240px}: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(--brand-lime);--color-text-inverted: var(--gray-0);--color-background-base: var(--gray-0);--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-surface-brand: var(--brand-lime);--color-border-default: var(--gray-200);--color-border-strong: var(--gray-900);--color-border-brand: var(--brand-lime);--color-border-white: var(--gray-0);--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-120);--spacing-container-vertical: var(--dimension-12);--spacing-container-horizontal: var(--dimension-12);--spacing-component-sm: var(--dimension-4);--spacing-component-md: var(--dimension-8);--spacing-component-lg: var(--dimension-16);--grid-gutter: var(--dimension-12)}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-tight);letter-spacing:var(--letter-spacing-tight)}h1,h2,h3,h4{font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-h1);line-height:var(--line-height-tightest)}h2{font-size:var(--font-size-h2);line-height:var(--line-height-tightest)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-tight)}h4{font-size:var(--font-size-h4);line-height:var(--line-height-tight)}::selection{background-color:var(--color-surface-brand);color:var(--gray-950)}.site-layout{display:flex;flex-direction:column;min-height:100vh}.site-content{flex:1;padding:0 var(--spacing-container-horizontal) var(--dimension-20)}.site-header{position:sticky;top:0;z-index:100;padding:var(--dimension-12)}.top-nav__list{display:flex;align-items:stretch}.top-nav__list li{flex:1;display:flex}.top-nav__item{background:var(--color-surface-brand);flex:1;display:flex;align-items:center;justify-content:flex-start;gap:var(--dimension-4);color:var(--color-text-primary);font-size:var(--font-size-p4);white-space:nowrap;transition:opacity var(--transition)}.top-nav__item:hover{color:var(--color-text-inverted)}.bio{display:flex;flex-direction:column;gap:var(--dimension-4);padding:var(--dimension-240) 0}.bio__desc{color:var(--color-text-secondary)}.mobile-contact{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;padding:var(--dimension-12)}.mobile-contact__item{flex:1;display:flex;background:var(--color-surface-brand);align-items:center;justify-content:flex-start;gap:var(--dimension-4);color:var(--color-text-primary);font-size:var(--font-size-p4);transition:opacity var(--transition)}.site-footer{padding:var(--spacing-component-md) var(--spacing-container-horizontal)}.site-footer__copy{display:flex;justify-content:flex-end;font-size:var(--font-size-p4);color:var(--color-text-secondary);padding-top:var(--dimension-12);border-top:1px solid var(--color-border-default)}.tags span{display:inline-block;color:var(--color-text-tertiary)}.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{opacity:.5}.text-link{color:var(--color-text-primary);transition:all var(--transition)}.text-link:hover{opacity:.5}.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}.project-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:var(--dimension-40);column-gap:var(--grid-gutter)}.project-card{display:flex;flex-direction:column;transition:opacity var(--transition)}.project-thumb-wrap{position:relative;overflow:hidden;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(--color-surface-brand);opacity:0;transition:opacity .3s ease;pointer-events:none;mix-blend-mode:overlay}.project-card:hover .project-thumb-wrap:after{opacity:1}.project-thumb{width:100%;aspect-ratio:16 / 9;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)}.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dimension-8)}.project-name-group{display:flex;align-items:baseline;gap:var(--dimension-8)}.project-title{color:var(--color-text-primary)}.project-year{color:var(--color-text-tertiary)}.work-header{padding-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{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start;margin-top:2rem}.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}.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;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}.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}}.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(--spacing-container-horizontal);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}.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){: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;--spacing-section-gap: var(--dimension-80)}.bio{padding:var(--dimension-160) 0}.grid-overlay__inner{grid-template-columns:repeat(8,1fr)}.grid-overlay__col:nth-child(n+9){display:none}}@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;--spacing-section-gap: var(--dimension-40)}.bio{padding:var(--dimension-120) 0}.top-nav__list .top-nav__item--contact{display:none}.mobile-contact{display:flex}.site-content{padding-bottom:var(--dimension-40)}.site-footer{display:none}.project-grid{grid-template-columns:1fr}.work-hero-img{aspect-ratio:4 / 3}.work-sub-images{grid-template-columns:1fr}.grid-overlay__inner{grid-template-columns:repeat(4,1fr)}.grid-overlay__col:nth-child(n+5){display:none}.grid-toggle__count:before{content:"4"}}