:root{--bg-base: #FEFCF8;--bg-surface: #F7F4EE;--bg-elevated: #FFFFFF;--bg-accent: #FAECE7;--text-primary: #2C2C2A;--text-secondary: #5F5E5A;--text-muted: #888780;--text-subtle: #B4B2A9;--coral-50: #FAECE7;--coral-200: #F0997B;--coral-400: #D85A30;--coral-600: #993C1D;--border-default: #EDE9E0;--border-strong: #D3D1C7;--border-accent: #D85A30;--font-ui: "Geist", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--font-mono: "Geist Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--ease-default: .2s ease;--ease-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}ul,ol{list-style:none}.display-xl{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);font-weight:500;line-height:1.1;color:var(--text-primary)}.display-lg{font-family:var(--font-display);font-size:clamp(24px,3.5vw,38px);font-weight:500;line-height:1.2;color:var(--text-primary)}.display-md{font-family:var(--font-display);font-size:clamp(20px,2.5vw,28px);font-weight:500;line-height:1.3;color:var(--text-primary)}.label-upper{font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.body-lg{font-family:var(--font-ui);font-size:15px;font-weight:400;line-height:1.7;color:var(--text-secondary)}.body-md{font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:1.7;color:var(--text-secondary)}.caption{font-family:var(--font-ui);font-size:11px;font-weight:400;line-height:1.5;color:var(--text-muted)}.page-wrapper{padding-top:64px;min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.img-placeholder{background:var(--bg-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:12px;font-family:var(--font-ui);border:1px dashed var(--border-default)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{opacity:0;animation:fadeUp .4s ease forwards}@media (max-width: 768px){.container{padding:0 var(--space-lg)}}@media (max-width: 480px){.container{padding:0 var(--space-md)}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-base);border-bottom:.5px solid var(--border-default);height:64px}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.nav__brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;flex-shrink:0}.nav__dot{width:7px;height:7px;border-radius:50%;background:var(--coral-400);flex-shrink:0}.nav__name{font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--text-primary)}.nav__links{display:flex;align-items:center;gap:var(--space-xl)}.nav__link{font-family:var(--font-ui);font-size:14px;font-weight:400;color:var(--text-muted);text-decoration:none;transition:color var(--ease-default)}.nav__link:hover{color:var(--text-primary)}.nav__link--active{color:var(--text-primary);font-weight:500}.nav__cta{font-family:var(--font-ui);font-size:13px;font-weight:400;color:var(--coral-400);text-decoration:none;border:.5px solid var(--coral-400);border-radius:var(--radius-pill);padding:6px 16px;transition:background var(--ease-default),color var(--ease-default);white-space:nowrap}.nav__cta:hover{background:var(--coral-400);color:#fff}.nav__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;cursor:pointer;background:none;border:none;padding:4px;flex-shrink:0}.nav__hamburger span{display:block;height:1.5px;background:var(--text-primary);border-radius:2px;transition:transform var(--ease-default),opacity var(--ease-default);transform-origin:center}.nav__hamburger--open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger--open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav__drawer{background:var(--bg-base);border-bottom:.5px solid var(--border-default);overflow:hidden;max-height:0;transition:max-height .3s ease;display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;z-index:99}.nav__drawer--open{max-height:320px}.nav__drawer-link{display:block;padding:var(--space-md) var(--space-lg);font-family:var(--font-ui);font-size:15px;font-weight:400;color:var(--text-muted);text-decoration:none;transition:color var(--ease-default);border-bottom:.5px solid var(--border-default)}.nav__drawer-link:hover{color:var(--text-primary)}.nav__drawer-link--active{color:var(--text-primary);font-weight:500}.nav__drawer-cta{display:block;padding:var(--space-md) var(--space-lg);font-family:var(--font-ui);font-size:15px;font-weight:500;color:var(--coral-400);text-decoration:none}@media (max-width: 768px){.nav__links{display:none}.nav__hamburger{display:flex}}.footer{border-top:.5px solid var(--border-default);background:var(--bg-base);padding:var(--space-lg) 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.footer__copy{font-family:var(--font-ui);font-size:11px;font-weight:400;line-height:1.5;color:var(--text-muted)}.footer__links{display:flex;align-items:center;gap:var(--space-lg)}.footer__link{font-family:var(--font-ui);font-size:11px;font-weight:400;line-height:1.5;color:var(--text-muted);text-decoration:none;transition:color var(--ease-default)}.footer__link:hover{color:var(--coral-400)}@media (max-width: 480px){.footer__inner{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:14px;font-weight:500;border-radius:var(--radius-pill);padding:10px 22px;text-decoration:none;cursor:pointer;transition:background var(--ease-default),color var(--ease-default),border-color var(--ease-default);border:1px solid transparent;white-space:nowrap}.btn:active{transform:scale(.98)}.btn--primary{background:var(--coral-400);color:#fff;border-color:var(--coral-400)}.btn--primary:hover{background:var(--coral-600);border-color:var(--coral-600)}.btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn--secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.stat-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xs)}.stat-card__value{font-family:var(--font-display);font-size:clamp(24px,3vw,32px);font-weight:500;color:var(--text-primary);line-height:1.1}.stat-card__accent{color:var(--coral-400)}.stat-card__label{font-family:var(--font-ui);font-size:12px;font-weight:400;color:var(--text-muted);line-height:1.4}.tag{display:inline-flex;align-items:center;padding:3px 10px;background:var(--coral-50);color:var(--coral-600);font-family:var(--font-ui);font-size:11px;font-weight:500;line-height:1.4;border-radius:var(--radius-pill);white-space:nowrap}.work-card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--ease-default)}.work-card:hover{border-color:var(--border-strong)}.work-card__thumb{height:220px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-family:var(--font-ui);font-size:11px;letter-spacing:.06em;border-bottom:1px solid var(--border-default)}.work-card__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.work-card__title{font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.work-card__problem{font-family:var(--font-ui);font-size:12px;font-weight:400;color:var(--text-muted);line-height:1.5}.work-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.lab-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);break-inside:avoid;transition:border-color var(--ease-default)}.lab-card:hover{border-color:var(--border-strong)}.lab-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.lab-card__icon{font-size:20px;color:var(--coral-400);line-height:1;flex-shrink:0}.lab-card__type{font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);padding-top:2px}.lab-card__title{font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.lab-card__desc{font-family:var(--font-ui);font-size:13px;font-weight:400;color:var(--text-secondary);line-height:1.65}.lab-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xs)}.lab-card__link{font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--coral-400);text-decoration:none;transition:color var(--ease-default)}.lab-card__link:hover{color:var(--coral-600)}.lab-card--preview{gap:var(--space-md)}.lab-card--preview .lab-card__icon{font-size:24px;margin-bottom:var(--space-xs)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.section-header__label{font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.section-header__link{font-family:var(--font-ui);font-size:13px;font-weight:400;color:var(--coral-400);text-decoration:none;white-space:nowrap;transition:color var(--ease-default)}.section-header__link:hover{color:var(--coral-600)}.hero{min-height:calc(100vh - 64px);display:flex;align-items:center;padding:var(--space-2xl) 0 var(--space-3xl)}.hero__grid{display:grid;grid-template-columns:1fr 380px;gap:var(--space-2xl);align-items:center;width:100%}.hero__left{display:flex;flex-direction:column;gap:var(--space-lg)}.hero__pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg-accent);color:var(--coral-600);font-family:var(--font-ui);font-size:11px;font-weight:500;padding:5px 12px;border-radius:var(--radius-pill);align-self:flex-start}.hero__headline{margin-top:var(--space-xs)}.hero__statement{border-left:2px solid var(--coral-400);padding-left:14px;font-family:var(--font-ui);font-size:15px;font-weight:400;line-height:1.7;color:var(--text-secondary)}.hero__actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.hero__right{display:flex;flex-direction:column;gap:var(--space-md)}.work-preview{padding:var(--space-3xl) 0}.lab-preview{background:var(--bg-surface);padding:var(--space-3xl) 0}.lab-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.about-strip{padding:var(--space-2xl) 0;border-top:.5px solid var(--border-default)}.about-strip__inner{display:flex;align-items:center;gap:var(--space-lg)}.about-strip__avatar{width:56px;height:56px;border-radius:50%;background:var(--coral-200);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-ui);font-size:16px;font-weight:500;flex-shrink:0;letter-spacing:.02em}.about-strip__info{display:flex;flex-direction:column;gap:var(--space-xs)}.about-strip__name{font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--text-primary)}.about-strip__bio{font-family:var(--font-ui);font-size:13px;font-weight:400;color:var(--text-secondary);line-height:1.5}.about-strip__chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.about-strip__chip{font-family:var(--font-ui);font-size:11px;font-weight:400;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:3px 10px}@media (max-width: 768px){.hero__grid{grid-template-columns:1fr;gap:var(--space-2xl)}.hero__right{flex-direction:row;overflow-x:auto;gap:var(--space-md);padding-bottom:var(--space-sm)}.hero__right .stat-card{min-width:160px}.work-grid,.lab-strip{grid-template-columns:1fr}}@media (max-width: 480px){.hero{padding:var(--space-2xl) 0}.hero__actions{flex-direction:column;align-items:flex-start}.hero__right{flex-direction:column;overflow-x:unset}.hero__right .stat-card{min-width:unset;width:100%}.about-strip__inner{flex-direction:column;align-items:flex-start}}.work-page{padding:var(--space-3xl) 0}.work-page__header{margin-bottom:var(--space-xl)}.work-page__desc{margin-top:var(--space-md);font-family:var(--font-ui);font-size:15px;font-weight:400;color:var(--text-secondary);line-height:1.6;max-width:540px}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.filter-chip{font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:6px 14px;cursor:pointer;transition:background var(--ease-default),color var(--ease-default),border-color var(--ease-default);white-space:nowrap}.filter-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-chip--active,.filter-chip--active:hover{background:var(--coral-400);color:#fff;border-color:var(--coral-400)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}@media (max-width: 768px){.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch}.work-grid{grid-template-columns:1fr}}.cs-hero{padding:var(--space-3xl) 0 var(--space-2xl);border-bottom:.5px solid var(--border-default)}.cs-hero__label,.cs-hero__title{margin-bottom:var(--space-md)}.cs-hero__hook{font-family:var(--font-ui);font-size:17px;font-weight:400;color:var(--text-secondary);line-height:1.6;max-width:640px;margin-bottom:var(--space-xl)}.cs-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-xl);padding-top:var(--space-lg);border-top:.5px solid var(--border-default)}.cs-hero__meta-item{display:flex;flex-direction:column;gap:var(--space-xs)}.cs-hero__meta-label{font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.cs-hero__meta-value{font-family:var(--font-ui);font-size:13px;font-weight:400;color:var(--text-secondary)}.cs-page{padding-bottom:var(--space-3xl)}.cs-content{padding:var(--space-3xl) 0;max-width:720px}.cs-section{margin-bottom:var(--space-3xl)}.cs-section__label{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:.5px solid var(--border-default)}.cs-section__heading{font-family:var(--font-display);font-size:clamp(20px,2.5vw,26px);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.3}.cs-section__body{font-family:var(--font-ui);font-size:15px;font-weight:400;color:var(--text-secondary);line-height:1.75}.cs-section__body p+p{margin-top:var(--space-md)}.cs-img-placeholder{width:100%;height:400px;margin:var(--space-xl) 0}.cs-img-placeholder--full{max-width:100%;width:calc(100% + var(--space-xl) * 2);margin-left:calc(var(--space-xl) * -1)}.cs-process-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start;margin-bottom:var(--space-2xl)}.cs-process-row--reverse{direction:rtl}.cs-process-row--reverse>*{direction:ltr}.cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.cs-metric{padding:var(--space-lg);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-default)}.cs-metric__value{font-family:var(--font-display);font-size:28px;font-weight:500;color:var(--coral-400);line-height:1.1;margin-bottom:var(--space-xs)}.cs-metric__label{font-family:var(--font-ui);font-size:12px;color:var(--text-muted)}.cs-nav{border-top:.5px solid var(--border-default);padding-top:var(--space-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-top:var(--space-3xl)}.cs-nav__item{display:flex;flex-direction:column;gap:var(--space-xs);text-decoration:none}.cs-nav__item--next{text-align:right}.cs-nav__direction{font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.cs-nav__title{font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--coral-400);transition:color var(--ease-default)}.cs-nav__item:hover .cs-nav__title{color:var(--coral-600)}@media (max-width: 768px){.cs-process-row,.cs-metrics,.cs-nav{grid-template-columns:1fr}.cs-nav__item--next{text-align:left}}.lab-page{padding:var(--space-3xl) 0}.lab-page__header{margin-bottom:var(--space-2xl);max-width:640px}.lab-page__desc{margin-top:var(--space-md);font-family:var(--font-ui);font-size:15px;color:var(--text-secondary);line-height:1.6}.lab-masonry{column-count:2;column-gap:var(--space-lg)}.lab-masonry .lab-card{margin-bottom:var(--space-lg);width:100%}@media (max-width: 768px){.lab-masonry{column-count:1}}.about-page{padding:var(--space-3xl) 0}.about-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-3xl);align-items:start}.about-bio__name{margin-bottom:var(--space-xl)}.about-bio__text{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.about-bio__para{font-family:var(--font-ui);font-size:15px;font-weight:400;color:var(--text-secondary);line-height:1.75}.about-bio__para--placeholder{color:var(--text-subtle);font-style:italic}.about-philosophy{padding-top:var(--space-xl);border-top:.5px solid var(--border-default)}.about-philosophy__label{margin-bottom:var(--space-lg)}.about-philosophy__statements{display:flex;flex-direction:column;gap:var(--space-lg)}.about-philosophy__statement{border-left:2px solid var(--coral-400);padding-left:14px;font-family:var(--font-ui);font-size:14px;font-weight:400;color:var(--text-secondary);line-height:1.6}.about-sidebar{display:flex;flex-direction:column;gap:var(--space-2xl)}.about-skills__label{margin-bottom:var(--space-md)}.about-skills__groups{display:flex;flex-direction:column;gap:var(--space-lg)}.about-skills__group-heading{font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--space-sm)}.about-skills__list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.about-skills__item{font-family:var(--font-ui);font-size:12px;font-weight:400;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:3px 8px}.about-contact{padding-top:var(--space-xl);border-top:.5px solid var(--border-default)}.about-contact__label{margin-bottom:var(--space-md)}.about-contact__links{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.about-contact__link{font-family:var(--font-ui);font-size:14px;font-weight:400;color:var(--coral-400);text-decoration:none;transition:color var(--ease-default)}.about-contact__link:hover{color:var(--coral-600)}.about-contact__availability{font-family:var(--font-ui);font-size:12px;font-weight:400;color:var(--text-muted);line-height:1.5;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-default)}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;gap:var(--space-2xl)}}