:root{--color-bg:#f8f7f5;--color-bg-alt:#f0efed;--color-surface:#fff;--color-surface-2:#f5f4f2;--color-accent:#1c1c1c;--color-accent-hover:#2e2e2e;--color-accent-subtle:#1c1c1c0f;--color-text:#1a1a1a;--color-text-muted:#767676;--color-text-light:#a0a0a0;--color-border:#e5e3df;--color-border-strong:#cfcdc9;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--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:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000012, 0 2px 6px #0000000d;--shadow-lg:0 10px 40px #00000014, 0 4px 16px #0000000d;--shadow-xl:0 20px 60px #0000001a, 0 8px 24px #0000000f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-slower:.6s ease;--navbar-height:72px}[data-theme=dark]{--color-bg:#111;--color-bg-alt:#181818;--color-surface:#1c1c1c;--color-surface-2:#242424;--color-accent:#f0efe9;--color-accent-hover:#fff;--color-accent-subtle:#f0efe912;--color-text:#f0efe9;--color-text-muted:#888;--color-text-light:#555;--color-border:#2a2a2a;--color-border-strong:#3a3a3a;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 16px #0006, 0 2px 6px #0000004d;--shadow-lg:0 10px 40px #00000080, 0 4px 16px #0006;--shadow-xl:0 20px 60px #0009, 0 8px 24px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-base), color var(--transition-base);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);line-height:var(--leading-tight);color:var(--color-text);font-weight:500}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{line-height:var(--leading-relaxed);color:var(--color-text-muted)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img,video{max-width:100%;display:block}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-xl);padding-inline:var(--space-6);margin-inline:auto}@media (min-width:768px){.container{padding-inline:var(--space-12)}}@media (min-width:1200px){.container{padding-inline:var(--space-16)}}.section{padding-block:var(--space-24)}@media (min-width:768px){.section{padding-block:var(--space-32)}}.divider{background-color:var(--color-border);width:100%;height:1px}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-border);color:var(--color-text-muted);background-color:var(--color-surface-2);transition:all var(--transition-fast);white-space:nowrap;align-items:center;display:inline-flex}.badge:hover{background-color:var(--color-accent-subtle);border-color:var(--color-border-strong);color:var(--color-text)}.section-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-light);font-weight:600}.section-title{font-family:var(--font-serif);font-size:var(--text-4xl);color:var(--color-text);font-weight:500;line-height:var(--leading-tight)}@media (min-width:768px){.section-title{font-size:var(--text-5xl)}}.section-header{gap:var(--space-4);margin-bottom:var(--space-16);flex-direction:column;display:flex}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong);transform:translateY(-2px)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);letter-spacing:.02em;font-weight:500;font-family:var(--font-sans);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:none;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--color-bg);border:1px solid var(--color-accent)}.btn-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border-strong);background-color:#0000}.btn-secondary:hover{background-color:var(--color-accent-subtle);border-color:var(--color-accent);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-muted);padding:var(--space-2) var(--space-3);background-color:#0000;border:none}.btn-ghost:hover{color:var(--color-text);background-color:var(--color-accent-subtle)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.badge{border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;align-items:center;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.fade-up{opacity:0;transition:opacity var(--transition-slower), transform var(--transition-slower);transform:translateY(24px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity var(--transition-slower)}.fade-in.visible{opacity:1}.stagger>:first-child{transition-delay:0s}.stagger>:nth-child(2){transition-delay:80ms}.stagger>:nth-child(3){transition-delay:.16s}.stagger>:nth-child(4){transition-delay:.24s}.stagger>:nth-child(5){transition-delay:.32s}.stagger>:nth-child(6){transition-delay:.4s}.stagger>:nth-child(7){transition-delay:.48s}.stagger>:nth-child(8){transition-delay:.56s}.stagger>:nth-child(9){transition-delay:.64s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}::selection{background-color:var(--color-accent);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}