nav[data-astro-cid-dmqpwcec]{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border);padding:var(--space-sm) 0;backdrop-filter:blur(12px);background-color:#ffffffeb}.nav-inner[data-astro-cid-dmqpwcec]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--gutter)}.nav-brand[data-astro-cid-dmqpwcec]{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.03em;color:var(--ink);text-decoration:none}.nav-brand[data-astro-cid-dmqpwcec]:hover{opacity:1;color:var(--ink)}.nav-links[data-astro-cid-dmqpwcec]{display:flex;gap:var(--space-lg);font-size:var(--text-sm);letter-spacing:.02em}.nav-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]{color:var(--ink-muted);position:relative;padding-bottom:2px;text-decoration:none;transition:color var(--transition)}.nav-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--accent);transition:width var(--transition)}.nav-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover{color:var(--ink);opacity:1}.nav-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover:after{width:100%}.nav-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec].active{color:var(--ink)}.nav-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec].active:after{width:100%}.nav-toggle[data-astro-cid-dmqpwcec]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]{display:block;width:20px;height:1.5px;background-color:var(--ink);transition:var(--transition)}@media(max-width:768px){.nav-toggle[data-astro-cid-dmqpwcec]{display:flex}.nav-links[data-astro-cid-dmqpwcec]{display:none;position:absolute;top:100%;left:0;right:0;background:#fffffff7;backdrop-filter:blur(12px);flex-direction:column;padding:var(--space-lg) var(--gutter);gap:var(--space-md);border-bottom:1px solid var(--border)}.nav-links[data-astro-cid-dmqpwcec].is-open{display:flex}}footer[data-astro-cid-sz7xmlte]{background-color:var(--ink);color:#fff;padding:var(--space-xl) 0;text-align:center}.footer-inner[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.footer-contact[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--accent-light);font-weight:500;font-size:var(--text-sm)}.footer-contact[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:#fff;opacity:1}.social-icons[data-astro-cid-sz7xmlte]{display:flex;gap:var(--space-md)}.social-icon[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff1a;color:#fff;transition:var(--transition)}.social-icon[data-astro-cid-sz7xmlte]:hover{background-color:var(--accent);transform:translateY(-2px);opacity:1}.footer-copyright[data-astro-cid-sz7xmlte]{font-size:var(--text-xs);color:#fff6;margin-top:var(--space-sm)}:root{--ink: #1a1a2e;--ink-light: #3d3d5c;--ink-muted: #6b6b8d;--surface: #ffffff;--surface-warm: #faf8f5;--surface-cool: #f0f2f8;--border: #e2e2ec;--border-strong: #c8c8d8;--accent: #2563eb;--accent-dark: #1d4ed8;--accent-light: #dbeafe;--teal: #0d9488;--teal-light: #ccfbf1;--coral: #e85d4a;--coral-light: #fef2f0;--amber: #d97706;--amber-light: #fef3c7;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-serif: "DM Serif Display", serif;--font-mono: "IBM Plex Mono", monospace;--text-xs: clamp(.75rem, .7rem + .15vw, .8rem);--text-sm: clamp(.8rem, .75rem + .2vw, .9rem);--text-base: clamp(.95rem, .9rem + .2vw, 1.05rem);--text-lg: clamp(1.1rem, 1rem + .4vw, 1.3rem);--text-xl: clamp(1.3rem, 1.1rem + .7vw, 1.7rem);--text-2xl: clamp(1.8rem, 1.4rem + 1.2vw, 2.5rem);--text-3xl: clamp(2.2rem, 1.6rem + 1.8vw, 3rem);--text-4xl: clamp(2.8rem, 2rem + 2.5vw, 3.5rem);--space-xs: .35rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 2.75rem;--space-2xl: 3.5rem;--max-width: 1000px;--max-text: 680px;--gutter: clamp(1.25rem, 3vw, 2rem);--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgba(26, 26, 46, .06);--shadow-md: 0 4px 16px rgba(26, 26, 46, .08);--shadow-lg: 0 8px 32px rgba(26, 26, 46, .12);--transition: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background-color:var(--surface);line-height:1.6}img,picture,video,canvas,svg{display:block;max-width:100%}a{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover{opacity:.7}h1,h2,h3,h4,h5,h6{color:var(--ink);line-height:1.2}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}.serif-display{font-family:var(--font-serif);font-size:var(--text-4xl);line-height:1.15;font-weight:400}.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em}.light-text{font-weight:300;letter-spacing:.02em}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--ink-muted);text-transform:uppercase;margin-bottom:var(--space-md);display:block}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-lg);color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);padding:.75em 1.5em;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-light);opacity:1}.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn-outline:hover{background:var(--ink);color:#fff;opacity:1}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-dark);opacity:1}.btn-ghost{background:transparent;color:var(--ink);padding:.75em 0;border-bottom:1.5px solid var(--ink);border-radius:0}.btn-ghost:hover{color:var(--accent);border-color:var(--accent);opacity:1}.tag{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:.3em .8em;border-radius:100px;border:1px solid var(--border);color:var(--ink-light)}.tag-teal{border-color:var(--teal);color:var(--teal);background:var(--teal-light)}.tag-coral{border-color:var(--coral);color:var(--coral);background:var(--coral-light)}.tag-accent{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.tag-amber{border-color:var(--amber);color:var(--amber);background:var(--amber-light)}.page-title{font-size:var(--text-3xl);margin-bottom:var(--space-md)}.page-intro{font-size:var(--text-base);color:var(--ink-light);line-height:1.7;max-width:var(--max-text);margin-bottom:var(--space-xl)}.subsection-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-lg)}.section-intro{font-size:var(--text-base);color:var(--ink-light);line-height:1.7;max-width:var(--max-text);margin-bottom:var(--space-lg)}.filter-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.filter-btn{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:.4em 1em;border:1px solid var(--border);border-radius:100px;background:transparent;color:var(--ink-muted);cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-xl) 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{opacity:0}.fade-in.is-visible{animation:fadeIn .6s ease forwards}@media(max-width:768px){.section-title{font-size:var(--text-xl)}.serif-display{font-size:var(--text-3xl)}}@media(max-width:480px){:root{--space-xl: 1.5rem;--space-2xl: 2rem}.serif-display{font-size:var(--text-2xl)}.section-title{font-size:var(--text-lg)}}
