:root{--color-accent: #FFB343;--color-on-accent: #3D3A34;--color-primary: #1C1B19;--color-on-primary: #FFFFFF;--color-surface: #F3F1EA;--color-surface-raised: #FBFAF6;--color-surface-sunken: #E9E6DD;--color-text-primary: #1C1B19;--color-text-secondary: #4A463F;--color-text-muted: #66625A;--color-text-faint: #A6A199;--color-border: #E5E2D9;--color-focus-ring: #FFB343;--color-scrim: rgba(28, 27, 25, .86);--color-overlay: rgba(28, 27, 25, .1);--color-success: #3F8F63;--color-warning: #C9821F;--color-danger: #C24A38;--color-info: #3C6F9E;--font-display: "Space Grotesk", sans-serif;--font-body: "Space Grotesk", sans-serif;--type-xs-size: .75rem;--type-xs-line-height: 1.5;--type-xs-weight: 600;--type-xs-letter-spacing: .01em;--type-sm-size: .8125rem;--type-sm-line-height: 1.55;--type-sm-weight: 500;--type-sm-letter-spacing: 0;--type-base-size: .9375rem;--type-base-line-height: 1.6;--type-base-weight: 500;--type-base-letter-spacing: 0;--type-body-size: 1.0625rem;--type-body-line-height: 1.75;--type-body-weight: 400;--type-body-letter-spacing: 0;--type-lg-size: 1.25rem;--type-lg-line-height: 1.3;--type-lg-weight: 700;--type-lg-letter-spacing: .04em;--type-xl-size: 1.5rem;--type-xl-line-height: 1.25;--type-xl-weight: 700;--type-xl-letter-spacing: -.02em;--type-2xl-size: 2rem;--type-2xl-line-height: 1.15;--type-2xl-weight: 700;--type-2xl-letter-spacing: -.025em;--type-3xl-size: 2.75rem;--type-3xl-line-height: 1.08;--type-3xl-weight: 700;--type-3xl-letter-spacing: -.03em;--type-4xl-size: clamp(2.375rem, 5.5vw, 4.5rem);--type-4xl-line-height: 1.05;--type-4xl-weight: 700;--type-4xl-letter-spacing: -.03em;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 36px;--space-2xl: 52px;--space-3xl: 72px;--space-4xl: 100px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px;--elevation-sm: 0 2px 8px rgba(38, 34, 26, .06);--elevation-md: 0 4px 16px rgba(38, 34, 26, .08);--elevation-lg: 0 20px 48px rgba(38, 34, 26, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-surface);font-family:var(--font-body);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:var(--radius-xs)}.nav{position:fixed;top:22px;left:50%;transform:translate(-50%);display:flex;gap:var(--space-xs);z-index:1000;align-items:center;transition:box-shadow .3s ease,padding .3s ease,border-radius .3s ease}.nav-pill{height:42px;border-radius:var(--radius-full);display:flex;align-items:center;white-space:nowrap}.nav-name{padding:0 20px;background:var(--color-accent);color:var(--color-on-accent);font-size:var(--type-base-size);font-weight:600;letter-spacing:-.01em;text-decoration:none;cursor:pointer;box-shadow:var(--elevation-md);transition:opacity .18s}.nav-name:hover{opacity:.88}.nav-menu{padding:0 6px;background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--elevation-sm)}.nav-link{color:var(--color-text-muted);text-decoration:none;padding:0 13px;height:32px;display:flex;align-items:center;font-size:var(--type-sm-size);font-weight:500;border-radius:var(--radius-full);transition:color .18s,background .18s}.nav-link:hover{color:var(--color-text-primary);background:var(--color-overlay)}.nav-link.active{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.nav-link.active:hover{background:var(--color-accent);color:var(--color-on-accent);opacity:.88}.nav--scrolled{background:var(--color-surface-raised);border-radius:var(--radius-full);padding:6px 8px;box-shadow:var(--elevation-sm)}.page-section{max-width:1120px;margin:0 auto;padding:var(--space-4xl) var(--space-2xl)}#about{padding-top:140px;padding-bottom:80px}.about-split{display:grid;grid-template-columns:300px 1fr;gap:var(--space-3xl);align-items:flex-start}.about-photo-wrap{width:300px;height:380px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;box-shadow:var(--elevation-lg)}.about-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.about-right{display:flex;flex-direction:column}.about-bio{font-size:var(--type-body-size);line-height:var(--type-body-line-height);color:var(--color-text-secondary);margin-bottom:18px;max-width:62ch;text-wrap:pretty}.about-bio--last{margin-bottom:var(--space-xl)}.about-load-more{background:none;border:none;padding:0;cursor:pointer;font-size:var(--type-sm-size);font-weight:500;color:var(--color-text-muted);text-decoration:underline;margin-bottom:var(--space-xl);align-self:flex-start}.about-load-more:hover{color:var(--color-text-secondary)}.social-pills{display:flex;gap:10px;flex-wrap:wrap}.social-pill{height:38px;border-radius:var(--radius-full);padding:0 18px;font-size:var(--type-sm-size);font-weight:500;display:inline-flex;align-items:center;gap:var(--space-xs);text-decoration:none;cursor:pointer;transition:all .18s ease;background:var(--color-surface-sunken);color:var(--color-text-muted);border:none}.social-pill:hover{background:color-mix(in srgb,var(--color-surface-sunken) 88%,var(--color-text-primary));color:var(--color-text-primary);transform:translateY(-2px)}.section-rule{display:flex;align-items:center;gap:20px;margin-bottom:40px}.section-label{font-size:var(--type-lg-size);font-weight:var(--type-lg-weight);letter-spacing:var(--type-lg-letter-spacing);text-transform:uppercase;color:var(--color-accent);white-space:nowrap}.section-line{flex:1;height:1px;background:var(--color-accent)}.work-gallery-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:start}.work-gallery-col{display:flex;flex-direction:column;gap:var(--space-md)}.work-thumb{display:block;position:relative;cursor:pointer;transition:transform .3s ease;text-decoration:none;color:inherit}.work-thumb:hover{transform:translateY(-5px)}.work-info{display:flex;align-items:center;justify-content:space-between;padding:0 2px var(--space-sm)}.work-title{font-size:var(--type-base-size);font-weight:700;color:var(--color-text-primary);line-height:1.3;display:block}.work-img-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-sunken);box-shadow:var(--elevation-md);transition:box-shadow .3s ease;padding:3px}.work-img-wrap--video{background:var(--color-surface-sunken);display:flex;align-items:center;justify-content:center;min-height:320px}.work-img-wrap--video video{width:55%;border-radius:var(--radius-sm);display:block}.work-thumb:hover .work-img-wrap{box-shadow:var(--elevation-lg)}.work-thumb img{width:100%;height:auto;display:block;border-radius:var(--radius-sm);transition:transform .45s ease}.work-thumb:hover img{transform:scale(1.04)}.work-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background .3s;pointer-events:none}.work-thumb:hover .work-hover-overlay{background:var(--color-overlay)}.work-desc-band{position:absolute;bottom:0;left:0;right:0;padding:14px var(--space-md);background:var(--color-scrim);border-top:1px solid rgba(255,255,255,.12);transform:translateY(100%);transition:transform .3s ease}.work-thumb:hover .work-desc-band{transform:translateY(0)}.work-desc-band p{font-size:var(--type-xs-size);color:#ffffffe0;line-height:1.6;margin:0}.skill-pills{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-xl)}.skill-pill{height:34px;padding:0 var(--space-md);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--type-xs-size);font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center}.contact-wrap{text-align:center;max-width:1120px;margin:0 auto;padding:70px var(--space-2xl) 110px}.contact-heading{font-size:var(--type-4xl-size);font-weight:var(--type-4xl-weight);letter-spacing:var(--type-4xl-letter-spacing);line-height:var(--type-4xl-line-height);margin-bottom:18px}.contact-sub{font-size:var(--type-base-size);color:var(--color-text-muted);line-height:1.7;max-width:620px;margin:0 auto var(--space-xl)}.email-pill{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 28px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--type-base-size);font-weight:600;border:none;cursor:pointer;text-decoration:none;font-family:var(--font-body);transition:background .2s,transform .18s,box-shadow .2s}.email-pill:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:var(--elevation-md);color:var(--color-on-accent)}.copy-note{font-size:var(--type-xs-size);color:var(--color-accent);margin-top:14px;height:18px;transition:opacity .35s;font-weight:500}.footer{text-align:center;padding:28px var(--space-2xl) var(--space-xl);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;gap:6px}.footer-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-faint);text-decoration:none;transition:color .18s,background .18s}.footer-icon:hover{color:var(--color-on-accent);background:var(--color-overlay)}.work-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.page-btn{height:42px;padding:0 22px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--type-sm-size);font-weight:600;font-family:var(--font-body);border:none;cursor:pointer;transition:background .2s,transform .18s,opacity .2s}.page-btn:hover{background:var(--color-accent);color:var(--color-on-accent);transform:translateY(-2px)}.fade-up{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.fade-up.in{opacity:1;transform:translateY(0)}@media (max-width: 860px){.about-split{grid-template-columns:1fr;gap:var(--space-xl);min-height:auto}.about-photo-wrap{width:min(300px,100%);height:auto;aspect-ratio:300 / 380;margin:0 auto}.work-gallery-2col{grid-template-columns:1fr}.page-section{padding:80px var(--space-lg)}#about{padding-top:110px}.contact-wrap{padding:56px var(--space-lg) 80px}.contact-heading{font-size:clamp(26px,8vw,48px)}.social-label{display:none}.social-pill{padding:0;width:38px;justify-content:center}}