:root{--slate-050:#F4F8F7;--slate-100:#E9F1EF;--slate-150:#E7EEEC;--slate-200:#D7E4E2;--slate-300:#C9D8D6;--slate-350:#B8C6C2;--slate-400:#9FB4B0;--slate-450:#8CA3A0;--slate-500:#7A8E8A;--slate-550:#5E7370;--teal-300:#5EEAD4;--teal-400:#2DD4BF;--teal-700:#146B63;--navy-800:#16324A;--navy-900:#12222F;--navy-925:#0E1D2E;--navy-950:#0A1420;--blue-600:#2D6A9F;--blue-800:#1A3A5C;--gray-050:#F0F0F0;--gray-300:#CCCCCC;--gray-500:#888888;--gray-600:#555555;--gray-800:#343434;--sand-400:#DF975D;--white:#FFFFFF;--black:#000000;--black-a02:rgba(0, 0, 0, 0.02);--black-a08:rgba(0, 0, 0, 0.08);--black-a10:rgba(0, 0, 0, 0.1);--black-a15:rgba(0, 0, 0, 0.15);--black-a20:rgba(0, 0, 0, 0.2);--black-a30:rgba(0, 0, 0, 0.3);--white-a60:rgba(255, 255, 255, 0.6);--white-a80:rgba(255, 255, 255, 0.8);--teal-400-a35:rgba(45, 212, 191, 0.35);--teal-400-a08:rgba(45, 212, 191, 0.08);--navy-950-a15:rgba(10, 20, 32, 0.15);--navy-975-a55:rgba(4, 10, 14, 0.55);--slate-150-a09:rgba(231, 238, 236, 0.09)}:root{--surface-page:var(--navy-950);--surface-panel:var(--navy-900);--surface-panel-deep:var(--navy-925);--surface-content:var(--slate-100);--surface-card:var(--slate-050);--surface-field:var(--slate-200);--surface-field-focus:var(--slate-300);--surface-accent:var(--teal-400);--surface-inverse:var(--navy-950);--surface-inverse-hover:var(--navy-900);--surface-slot:var(--black-a02);--ink-primary:var(--slate-150);--ink-secondary:var(--slate-350);--ink-muted:var(--slate-400);--ink-subtle:var(--slate-500);--ink-on-light:var(--gray-800);--ink-on-light-strong:var(--navy-950);--ink-heading-on-light:var(--navy-800);--ink-maximum:var(--black);--ink-on-accent:var(--navy-950);--ink-on-inverse:var(--slate-050);--ink-on-dark:var(--white);--ink-on-image:var(--white-a80);--accent:var(--teal-400);--accent-strong:var(--teal-700);--link:var(--teal-400);--link-on-light:var(--navy-800);--link-on-light-accent:var(--teal-700);--link-on-accent:var(--navy-950);--data-ink-bright:var(--slate-450);--data-ink-mid:var(--slate-550);--chip-accent-surface:var(--teal-400);--chip-accent-ink:var(--navy-950);--surface-accent-subtle:var(--teal-400-a08);--border-subtle:var(--black-a10);--border-hairline:var(--navy-950-a15);--border-hairline-on-dark:var(--slate-150-a09);--border-panel:var(--teal-400-a35);--border-accent:var(--teal-400);--border-placeholder:var(--navy-950);--border-slot:var(--black-a30);--border-on-dark:var(--white-a60);--border-on-dark-strong:var(--white);--border-divider:var(--navy-800);--border-card:var(--gray-300);--border-field:var(--navy-950);--border-image-frame:var(--sand-400);--border-quote:var(--navy-950);--scrollbar-thumb:var(--gray-500);--scrollbar-thumb-hover:var(--gray-600);--glow-halo:var(--gray-050);--glow-accent:var(--teal-700);--shadow-ambient:var(--navy-975-a55);--shadow-soft:var(--black-a08);--shadow-subtle:var(--black-a10);--shadow-medium:var(--black-a15);--shadow-strong:var(--black-a20);--shadow-hover:var(--black-a30);--gradient-accent-panel:linear-gradient(to bottom, var(--teal-400) 0%,
        var(--slate-200) 30%, var(--teal-400) 100%);--gradient-accent-deep:linear-gradient(to bottom, var(--teal-400) 15%,
        var(--teal-700) 30%, var(--teal-700) 75%, var(--teal-400) 100%);--gradient-surface-dark:linear-gradient(to bottom, var(--navy-950) 0%,
        var(--navy-900) 50%, var(--teal-700) 100%);--gradient-card-teal:linear-gradient(to bottom, var(--teal-400) 0%,
        var(--slate-100) 22%, var(--slate-100) 78%, var(--teal-400) 100%);--gradient-image-placeholder:linear-gradient(135deg, var(--blue-800),
        var(--blue-600))}:root{--font-display:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--text-xs:0.75rem;--text-sm:0.8rem;--text-md:0.95rem;--text-base:1rem;--text-lg:1.1rem;--text-xl:1.2rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-3-5xl:1.6875rem;--text-4xl:1.7rem;--text-5xl:2rem;--text-5-5xl:2.375rem;--text-6xl:2.5rem;--text-7xl:3rem;--text-hero:3.5rem;--text-fluid-lg:clamp(1rem, 0.9rem + 0.5vw, 1.25rem);--text-fluid-2xl:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--text-fluid-hero:clamp(2.5rem, 1.5rem + 6vw, 8.5rem);--space-1:5px;--space-2:10px;--space-3:15px;--space-4:20px;--space-5:25px;--space-6:30px;--space-8:40px;--space-10:50px;--space-12:60px;--space-15:75px;--space-16:80px;--space-20:100px;--space-30:150px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:15px;--radius-3xl:20px;--radius-4xl:50px;--radius-round:50%;--shadow-card:0 2px 5px var(--shadow-subtle);--shadow-card-hover:0 2px 5px var(--shadow-hover);--shadow-panel:0 2px 8px var(--shadow-soft);--shadow-lift:0 4px 12px var(--shadow-strong);--shadow-lift-soft:0 4px 12px var(--shadow-medium);--shadow-media:0 4px 20px var(--shadow-medium);--container-xs:500px;--container-sm:600px;--container-md:750px;--container-lg:900px;--container-xl:1100px;--container-2xl:1200px}.work-content{max-width:1480px;margin:0 auto;padding:0 var(--space-4) var(--space-8)}#work-hero{text-align:center;padding:var(--space-12) var(--space-4) var(--space-8)}#work-hero h1{font-size:2.8em;color:var(--ink-primary);margin-bottom:.4em}#work-hero .hero-subtitle{font-size:1.1em;line-height:1.6;color:var(--ink-muted);max-width:var(--container-md);margin:0 auto}#work-portfolio{padding:var(--space-4) 0 var(--space-12)}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.work-card{background:var(--surface-panel-deep)}.work-card h2{font-size:1.3em;color:var(--ink-primary);margin:.6em 0 .4em}.work-card p{font-size:1em;line-height:1.6;color:var(--ink-muted);flex-grow:1}.work-card-link{display:inline-block;margin-top:.5em;font-weight:600;color:var(--link);text-decoration:none}.work-card-link:hover{text-decoration:underline}.work-card-slot{width:100%;max-width:560px;aspect-ratio:560/350;margin:0 auto 1em;border-radius:var(--radius-md);overflow:hidden}.work-card-slot img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}