@font-face{font-family:Crimson Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url("../assets/crimson-pro-normal.c37c6w7l.woff2") format("woff2")}@font-face{font-family:Crimson Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url("../assets/crimson-pro-italic.b6hhfvw7.woff2") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("../assets/inter-normal.nrmw37g5.woff2") format("woff2")}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--space-11: 6rem;--space-12: 8rem;--bg-body: oklch(14% .01 160);--bg-card: oklch(18% .01 160);--bg-code: oklch(16% .01 160);--bg-quote: oklch(20% .01 160 / .3);--bg-card-hover: oklch(20% .01 160);--bg-tint: oklch(55% .02 160 / .08);--bg-glass: oklch(14% .01 160 / .85);--bg-hover: oklch(22% .01 160);--bg-accent: oklch(24% .01 160);--text-main: oklch(90% .01 160);--text-secondary: oklch(80% .01 160);--text-muted: oklch(60% .01 160);--text-inverse: oklch(14% .01 160);--h1-color: oklch(98% .005 160);--h2-color: oklch(94% .005 160);--h3-color: oklch(90% .005 160);--h4-color: var(--accent-cool);--h5-color: var(--accent-primary);--h6-color: var(--text-muted);--accent-primary: oklch(65% .04 160);--accent-secondary: oklch(70% .06 80);--accent-tertiary: oklch(60% .03 160);--accent-cool: oklch(75% .04 220);--accent-warm: oklch(70% .06 40);--accent-indigo: oklch(55% .05 240);--accent-highlight: oklch(28% .01 160);--accent-border: oklch(30% .01 160);--accent-link: var(--accent-cool);--accent-link-hover: oklch(100% 0 0);--text-100: oklch(98% .005 160);--text-200: oklch(94% .01 160);--text-300: oklch(90% .01 160);--text-400: oklch(80% .01 160);--text-500: oklch(70% .01 160);--text-600: oklch(60% .01 160);--text-700: oklch(40% .02 160);--text-800: oklch(25% .02 160);--text-900: oklch(14% .03 160);--color-success: oklch(65% .1 120);--color-warning: oklch(65% .15 45);--color-info: oklch(65% .08 220);--color-error: oklch(65% .1 10);--accent-sage: var(--accent-primary);--accent-gold: var(--accent-secondary);--accent-clay: var(--accent-warm);--border: oklch(100% 0 0 / .06);--border-hover: oklch(100% 0 0 / .12);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: clamp(2.5rem, 8vw, 3.5rem);--text-5xl: clamp(3rem, 10vw, 4.5rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-xwide: .05em;--tracking-xxwide: .1em;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.8;--measure: 75ch;--container-max: 1100px;--font-serif: "Crimson Pro", "Iowan Old Style", "Palatino Linotype", serif;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--glow-hover: 0 20px 40px oklch(0% 0 0 / .3);--ease-mechanical: cubic-bezier(.16, 1, .3, 1);--transition-base: .45s var(--ease-mechanical);--transition-slow: .75s var(--ease-mechanical)}[data-theme=light]{--bg-body: oklch(97% .01 80);--bg-card: oklch(100% 0 0);--bg-code: oklch(95% .01 80);--bg-quote: oklch(95% .01 80 / .5);--bg-card-hover: oklch(99% .005 80);--bg-tint: oklch(65% .04 80 / .05);--bg-glass: oklch(97% .01 80 / .9);--bg-hover: oklch(98% .005 80);--bg-accent: oklch(92% .01 80);--text-main: oklch(15% .02 80);--text-secondary: oklch(35% .02 80);--text-muted: oklch(55% .02 80);--text-inverse: oklch(97% .01 80);--h1-color: oklch(10% .02 80);--h2-color: oklch(20% .02 80);--h3-color: oklch(30% .02 80);--h4-color: oklch(40% .02 80);--h5-color: oklch(50% .02 80);--h6-color: oklch(60% .02 80);--accent-primary: oklch(45% .04 160);--accent-secondary: oklch(40% .06 80);--accent-tertiary: oklch(50% .03 160);--accent-cool: oklch(40% .04 220);--accent-warm: oklch(45% .06 40);--accent-indigo: oklch(40% .05 240);--accent-highlight: oklch(90% .01 80);--accent-border: oklch(85% .01 80);--accent-link: var(--accent-cool);--accent-link-hover: oklch(0% 0 0);--text-100: oklch(10% .02 80);--text-200: oklch(20% .02 80);--text-300: oklch(30% .02 80);--text-400: oklch(40% .02 80);--text-500: oklch(50% .02 80);--text-600: oklch(60% .02 80);--text-700: oklch(75% .01 80);--text-800: oklch(85% .01 80);--text-900: oklch(95% .01 80);--border: oklch(0% 0 0 / .08);--border-hover: oklch(0% 0 0 / .15);--glow-hover: 0 20px 40px oklch(10% .02 80 / .1)}::selection{background-color:color-mix(in oklch,var(--accent-primary),transparent 70%);color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--accent-border);border-radius:10px;transition:var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}*{scrollbar-width:thin;scrollbar-color:var(--accent-border) var(--bg-body)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}body{background-color:var(--bg-body);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;font-variant-ligatures:common-ligatures;transition:background-color var(--transition-base),color var(--transition-base);min-height:100vh;font-size:var(--text-base);line-height:var(--leading-normal)}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:.015;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}[data-theme=light] body:before{opacity:.025}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-wrap:balance}h1{font-size:var(--text-4xl);color:var(--h1-color);margin-bottom:var(--space-8)}h2{font-size:var(--text-3xl);color:var(--h2-color);margin:var(--space-10) 0 var(--space-6)}h3{font-size:var(--text-2xl);color:var(--h3-color);margin:var(--space-8) 0 var(--space-4)}h4{font-size:var(--text-xl);color:var(--h4-color);margin:var(--space-6) 0 var(--space-4)}h5{font-size:var(--text-lg);color:var(--h5-color);margin:var(--space-4) 0 var(--space-3)}h6{font-size:var(--text-sm);color:var(--h6-color);margin:var(--space-3) 0 var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}p{max-width:var(--measure);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}hr{border:none;height:1px;background:linear-gradient(to right,transparent,var(--border) 50%,transparent);position:relative;margin:var(--space-12) 0;overflow:visible}hr:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:6px;background-color:var(--accent-primary);border:1px solid var(--bg-body)}a,button,.bento-card,.list-item{transition:var(--transition-base)}a:hover,button:hover{color:var(--accent-primary)}.bento-card:hover,.list-item:hover{transform:translateY(-4px);box-shadow:var(--glow-hover)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.hero-section{text-align:left;padding:var(--space-11) var(--space-6) var(--space-10) var(--space-6);max-width:var(--container-max);margin:0 auto;position:relative;border-bottom:1px solid var(--border)}.hero-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-xxwide);color:var(--accent-primary);margin-bottom:var(--space-3);display:block;opacity:.8}.hero-section h1.hero-title{font-size:var(--text-5xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6);font-weight:800;color:var(--h1-color);font-family:var(--font-main)}.hero-title span.accent-ink{color:var(--accent-primary);font-style:italic;font-family:var(--font-serif);font-weight:400;display:block;padding-left:var(--space-4)}.hero-section p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:var(--measure);opacity:.9}.hero-search-container{display:flex;justify-content:flex-start;margin-top:var(--space-8)}.hero-search{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border);padding:var(--space-4) var(--space-6);border-radius:var(--space-1);width:auto;min-width:320px;cursor:pointer;color:var(--text-muted);font-size:var(--text-sm);font-family:var(--font-main);transition:var(--transition-base);position:relative;overflow:hidden}.hero-search:hover{border-color:var(--accent-primary);background:var(--bg-card-hover);color:var(--text-main);transform:translateY(-2px)}.hero-search kbd{background:var(--bg-accent);color:var(--text-muted);padding:2px 6px;border-radius:3px;font-size:10px;font-family:var(--font-mono);margin-left:auto;border:1px solid var(--border)}@media(max-width:768px){.hero-section{padding:var(--space-9) 0 var(--space-8) 0}.hero-section h1{font-size:var(--text-4xl)}}.section-label{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-xxwide);color:var(--accent-primary);margin:var(--space-10) auto var(--space-6) auto;font-family:var(--font-mono);max-width:var(--container-max);padding:0 var(--space-6)}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8) var(--space-6);margin:var(--space-6) auto var(--space-11) auto;max-width:var(--container-max);padding:0 var(--space-6)}@media(min-width:1024px){.bento-grid .bento-card:nth-child(2n){transform:translateY(var(--space-4))}}.bento-card{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-7);text-decoration:none;transition:var(--transition-base);position:relative;display:flex;flex-direction:column;min-height:240px;border-radius:2px}.bento-card:hover{border-color:var(--accent-primary);background:var(--bg-card-hover);transform:translateY(-4px)!important;box-shadow:var(--glow-hover)}.meta-badge{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent-sage);margin-bottom:var(--space-3);display:block}.bento-card h2{font-size:var(--text-xl);margin:var(--space-2) 0 var(--space-3);color:var(--h2-color);line-height:var(--leading-tight);font-family:var(--font-serif)}.card-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);line-height:var(--leading-normal);opacity:.9;flex-grow:1}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:var(--tracking-xwide)}.arrow-icon{transition:var(--transition-base)}.bento-card:hover .arrow-icon{transform:translate(var(--space-1))}.latest-list{margin:var(--space-6) auto var(--space-10) auto;max-width:var(--container-max);padding:0 var(--space-6)}.list-item{display:flex;gap:var(--space-6);padding:var(--space-8) 0;border-bottom:1px solid var(--border);text-decoration:none;transition:var(--transition-base);position:relative;background:transparent;max-width:100%}.list-item:hover{padding-left:var(--space-4);background:var(--bg-card-hover);transform:translateY(-2px);border-radius:2px}.list-content{flex-grow:1}.list-title{font-size:var(--text-xl);margin:0 0 var(--space-2) 0;color:var(--h2-color);font-family:var(--font-serif);transition:color var(--transition-base);font-weight:var(--font-weight-medium)}.list-desc{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-3);line-height:var(--leading-normal)}.list-meta{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);display:flex;align-items:center;gap:var(--space-4)}.list-item:hover .list-title{color:var(--accent-primary)}.chevron{transition:var(--transition-base);opacity:.3}.list-item:hover .chevron{transform:translate(var(--space-1));opacity:1;color:var(--accent-primary)}@media(max-width:768px){.bento-grid{grid-template-columns:1fr}}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1}