:root{--color-bg: #fafafa;--color-text: #1a1a1a;--color-text-muted: #555;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-border: #e5e5e5;--font-sans: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: ui-monospace, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 2.75rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--tracking-tight: -.025em;--tracking-tighter: -.04em;--max-width-prose: 65ch;--max-width-content: 800px;--gradient-bg: radial-gradient(ellipse 120% 80% at 50% 0%, rgba(220, 230, 255, .4) 0%, rgba(248, 250, 255, .9) 45%, #fafafa 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .08) 100%);--glass-bg: rgba(255, 255, 255, .55);--glass-border: 1px solid rgba(255, 255, 255, .5);--blur-md: 16px;--shadow-glass: 0 8px 32px rgba(0, 0, 0, .06);--radius-glass: 20px}@media(prefers-color-scheme:dark){:root{--color-bg: #0a0a0f;--color-text: #f0f0f0;--color-text-muted: #a0a0a0;--color-accent: #60a5fa;--color-accent-hover: #93c5fd;--color-border: #333;--gradient-bg: radial-gradient(ellipse 120% 80% at 50% 0%, rgba(50, 60, 120, .25) 0%, rgba(15, 15, 25, .95) 50%, #0a0a0f 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%);--glass-bg: rgba(20, 22, 35, .6);--glass-border: 1px solid rgba(255, 255, 255, .08);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4)}}*,*: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:1.6;color:var(--color-text);background:var(--gradient-bg);background-attachment:fixed;min-height:100vh}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:var(--glass-border);border-radius:var(--radius-glass);box-shadow:var(--shadow-glass)}.glass-header{border:none;border-radius:0;box-shadow:none}.glass-footer{border-radius:var(--radius-glass) var(--radius-glass) 0 0;border-bottom:none}.glass-pad{padding:var(--space-6)}.container{width:100%;max-width:var(--max-width-content);margin-inline:auto;padding-inline:var(--space-6)}@media(max-width:640px){.container{padding-inline:var(--space-4)}}.section{padding-block:var(--space-16)}main .section:first-child{padding-top:var(--space-20)}main .section:last-child{padding-bottom:var(--space-20)}.hero-inner{display:flex;flex-direction:column;gap:var(--space-8);align-items:center}.hero-photo{flex-shrink:0;width:100%;max-width:var(--max-width-prose);margin-inline:auto}.hero-photo img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-glass);display:block;border:var(--glass-border);box-shadow:var(--shadow-glass)}.hero-content{width:100%;max-width:var(--max-width-prose);margin-inline:auto}.hero-title{font-size:var(--text-4xl);font-weight:700;letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin:0 0 var(--space-2)}@media(min-width:768px){.hero-title{font-size:var(--text-5xl)}}.hero-tagline{font-size:var(--text-xl);color:var(--color-text-muted);margin:0 0 var(--space-6);font-weight:500;line-height:var(--leading-snug)}.hero-bio{font-size:var(--text-lg);line-height:var(--leading-normal);max-width:var(--max-width-prose);margin:0 0 var(--space-4)}.hero-hats{font-size:var(--text-base);color:var(--color-text-muted)}.hero-meta{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.hero-meta strong{color:var(--color-text);font-weight:600}.section-title{font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 var(--space-6);color:var(--color-text)}.subsection-title{font-size:var(--text-xl);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin:0 0 var(--space-4);color:var(--color-text)}.site-header{padding-block:var(--space-2)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-name{font-size:var(--text-base);font-weight:500;letter-spacing:.01em}.site-name a{color:var(--color-text);text-decoration:none;transition:color .2s ease}.site-name a:hover{color:var(--color-accent)}.nav-links{display:flex;gap:var(--space-3);list-style:none;margin:0;padding:0}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--color-accent)}.work-grid{display:grid;gap:var(--space-12)}.work-subsection{margin-bottom:var(--space-8)}.work-subsection:last-child{margin-bottom:0}.work-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6)}.work-item-title{font-size:var(--text-base);font-weight:600;letter-spacing:.01em;margin:0 0 var(--space-1)}.work-item-title a{color:var(--color-text);text-decoration:none}.work-item-title a:hover{color:var(--color-accent)}.work-item-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.work-cards-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:768px){.work-cards-grid{grid-template-columns:repeat(2,1fr)}}.project-card{display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:var(--glass-border);border-radius:var(--radius-glass);box-shadow:var(--shadow-glass);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .25s ease,transform .2s ease}.project-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.project-card:hover .project-card-image-wrap img{transform:scale(1.03)}@media(prefers-color-scheme:dark){.project-card:hover{box-shadow:0 12px 40px #00000080}}.project-card-image-wrap{aspect-ratio:16 / 10;background:#0000000f;overflow:hidden;border-radius:var(--radius-glass) var(--radius-glass) 0 0}.project-card-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.project-card-body{padding:var(--space-4);flex:1;display:flex;flex-direction:column}.project-card-title{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin:0 0 var(--space-2)}.project-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3);flex:1}.project-card-link{font-size:var(--text-sm);color:var(--color-accent);text-decoration:none;font-weight:500;transition:color .2s ease}.project-card-link:hover{text-decoration:underline}.albums-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-top:var(--space-6)}@media(min-width:768px){.albums-grid{grid-template-columns:repeat(2,1fr)}}.album-embed-wrap{min-height:352px;width:100%;max-width:340px}.album-embed-wrap iframe{width:100%;height:352px;border:0;border-radius:var(--radius-glass);display:block}.album-embed-caption{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-2) 0 0}.project-detail-back{font-size:var(--text-sm);margin-bottom:var(--space-6)}.project-detail-back a{display:inline-flex;align-items:center;gap:var(--space-1)}.project-detail-back a:before{content:"← "}.project-detail-hero{margin-bottom:var(--space-10)}.project-detail-hero img{width:100%;max-height:400px;object-fit:cover;display:block;border-radius:var(--radius-glass)}.project-detail-back a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}.project-detail-back a:hover{text-decoration:underline}.mt-8{margin-top:var(--space-8)}.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-4)}.contact-list a{color:var(--color-accent);text-decoration:none;font-weight:500;padding:var(--space-1) 0;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.contact-list a:hover{border-bottom-color:var(--color-accent)}.contact-list a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.contact-note{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);max-width:var(--max-width-prose)}.site-footer{padding-block:var(--space-8);font-size:var(--text-sm);color:var(--color-text-muted);border-top:1px solid var(--color-border)}.site-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-footer p{margin:0}.site-footer-links{display:flex;gap:var(--space-4);list-style:none;margin:0;padding:0}.site-footer-links a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.site-footer-links a:hover{color:var(--color-accent)}.site-footer-links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}