@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&family=Newsreader:opsz,wght@6..72,350;6..72,450;6..72,600&display=swap";.theme-toggle[data-astro-cid-x3pjskd3]{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:700;display:inline-flex;align-items:center;min-height:42px;padding:.55rem .6rem .55rem .72rem;border:1px solid var(--glass-border);border-radius:3px;background:var(--glass-bg);color:var(--text-muted);box-shadow:var(--shadow-terminal);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);font:600 .64rem/1 var(--font-terminal);letter-spacing:.045em;text-transform:lowercase;transition:color var(--transition-medium),background var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium),transform var(--transition-medium)}.theme-toggle[data-astro-cid-x3pjskd3]:before{content:"";position:absolute;top:-1px;left:10px;width:25px;height:1px;background:var(--accent-amber)}.theme-toggle[data-astro-cid-x3pjskd3]:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-amber) 45%,transparent);background:var(--glass-hover);transform:translateY(-2px)}.theme-toggle[data-astro-cid-x3pjskd3]:active{transform:translateY(0)}.theme-toggle__prompt[data-astro-cid-x3pjskd3]{margin-right:.45rem;color:var(--accent-sage)}.theme-toggle__separator[data-astro-cid-x3pjskd3]{color:var(--text-dim)}.theme-toggle__value[data-astro-cid-x3pjskd3]{min-width:2.65rem;color:var(--accent-amber)}.theme-toggle__glyph[data-astro-cid-x3pjskd3]{position:relative;width:1.45rem;height:1.45rem;margin-left:.45rem;display:grid;place-items:center;border-left:1px solid var(--glass-border);color:var(--accent-amber)}.theme-toggle[data-astro-cid-x3pjskd3] svg[data-astro-cid-x3pjskd3]{position:absolute;width:.92rem;height:.92rem;margin-left:.4rem;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity var(--transition-medium),transform var(--transition-medium)}.theme-toggle__moon[data-astro-cid-x3pjskd3]{opacity:0;transform:rotate(-35deg) scale(.6)}html[data-theme=dark] .theme-toggle__sun[data-astro-cid-x3pjskd3]{opacity:0;transform:rotate(35deg) scale(.6)}html[data-theme=dark] .theme-toggle__moon[data-astro-cid-x3pjskd3]{opacity:1;transform:rotate(0) scale(1)}@media (max-width: 520px){.theme-toggle[data-astro-cid-x3pjskd3]{width:42px;min-height:42px;justify-content:center;padding:0}.theme-toggle__prompt[data-astro-cid-x3pjskd3],.theme-toggle__command[data-astro-cid-x3pjskd3],.theme-toggle__separator[data-astro-cid-x3pjskd3],.theme-toggle__value[data-astro-cid-x3pjskd3]{display:none}.theme-toggle__glyph[data-astro-cid-x3pjskd3]{width:1.45rem;margin-left:0;border-left:0}.theme-toggle[data-astro-cid-x3pjskd3] svg[data-astro-cid-x3pjskd3]{margin-left:0}}@media (prefers-reduced-motion: reduce){.theme-toggle[data-astro-cid-x3pjskd3],.theme-toggle[data-astro-cid-x3pjskd3] svg[data-astro-cid-x3pjskd3]{transition:none}}:root{color-scheme:light;--bg-void: #f3f0e8;--bg-primary: #ebe7dc;--bg-secondary: #faf8f1;--bg-tertiary: #ddd7ca;--bg-elevated: #fffdf7;--bg-card: rgba(255, 253, 247, .82);--accent-amber: #92551d;--accent-gold: #7b5b12;--accent-cream: #5d4933;--accent-sage: #526149;--accent-rust: #8b3d24;--accent-steel: #50616c;--accent-ember: #a94a22;--text-primary: #171813;--text-secondary: #41423b;--text-muted: #68685f;--text-dim: #9b998f;--text-on-accent: #fffaf0;--status-success: #526149;--status-warning: #92551d;--status-error: #8b3d24;--status-info: #50616c;--glow-amber: 0 14px 38px rgba(116, 68, 20, .18), 0 0 0 1px rgba(146, 85, 29, .13);--glow-gold: 0 18px 50px rgba(123, 91, 18, .16), 0 0 0 1px rgba(123, 91, 18, .1);--glow-cream: 0 14px 35px rgba(77, 64, 47, .12);--glow-sage: 0 12px 32px rgba(82, 97, 73, .16);--glow-soft: 0 0 100px rgba(146, 85, 29, .08);--glass-bg: rgba(255, 253, 247, .72);--glass-border: rgba(48, 45, 37, .16);--glass-hover: rgba(255, 255, 252, .94);--glass-active: rgba(146, 85, 29, .09);--page-background: radial-gradient(circle at 14% 8%, rgba(146, 85, 29, .08), transparent 28rem), linear-gradient(rgba(23, 24, 19, .026) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 24, 19, .026) 1px, transparent 1px), var(--bg-void);--page-grid-size: 32px;--nav-fade: rgba(243, 240, 232, .94);--button-sheen: rgba(255, 255, 255, .36);--scanline-color: rgba(31, 30, 25, .035);--noise-opacity: .022;--shadow-terminal: 0 22px 55px rgba(49, 43, 32, .13), 0 1px 0 rgba(255, 255, 255, .8) inset;--shadow-card: 0 28px 58px rgba(49, 43, 32, .13);--my-take-bg: linear-gradient(135deg, rgba(146, 85, 29, .09), rgba(255, 253, 247, .88));--diagram-surface: #11110f;--neural-opacity: .3;--font-terminal: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-editorial: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--section-padding: clamp(6rem, 15vh, 12rem);--content-width: 1200px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-glitch: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: .15s var(--ease-in-out);--transition-medium: .3s var(--ease-out-quart);--transition-slow: .6s var(--ease-out-expo);--transition-cinematic: 1.2s var(--ease-out-expo);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--z-background: -1;--z-base: 0;--z-elevated: 10;--z-sticky: 100;--z-overlay: 500;--z-modal: 1000;--z-cursor: 9999}:root[data-theme=dark]{color-scheme:dark;--bg-void: #0d0d0b;--bg-primary: #151513;--bg-secondary: #1e1e1a;--bg-tertiary: #2a2a24;--bg-elevated: #333330;--bg-card: rgba(30, 30, 26, .85);--accent-amber: #d4a574;--accent-gold: #c9943a;--accent-cream: #e8dcc8;--accent-sage: #8a9a7c;--accent-rust: #a85a32;--accent-steel: #7c8a94;--accent-ember: #e07b4a;--text-primary: #f5f2eb;--text-secondary: #c9c4b8;--text-muted: #7a756a;--text-dim: #4a4640;--text-on-accent: #0d0d0b;--status-success: #8a9a7c;--status-warning: #d4a574;--status-error: #a85a32;--status-info: #7c8a94;--glow-amber: 0 0 30px rgba(212, 165, 116, .4), 0 0 60px rgba(212, 165, 116, .2);--glow-gold: 0 0 40px rgba(201, 148, 58, .35), 0 0 80px rgba(201, 148, 58, .15);--glow-cream: 0 0 25px rgba(232, 220, 200, .25);--glow-sage: 0 0 20px rgba(138, 154, 124, .3);--glow-soft: 0 0 100px rgba(212, 165, 116, .1);--glass-bg: rgba(30, 30, 26, .7);--glass-border: rgba(212, 165, 116, .12);--glass-hover: rgba(42, 42, 36, .85);--glass-active: rgba(212, 165, 116, .08);--page-background: radial-gradient(circle at 14% 8%, rgba(212, 165, 116, .045), transparent 32rem), var(--bg-void);--nav-fade: rgba(13, 13, 11, .9);--button-sheen: rgba(255, 255, 255, .1);--scanline-color: rgba(0, 0, 0, .02);--noise-opacity: .03;--shadow-terminal: 0 20px 60px rgba(0, 0, 0, .4);--shadow-card: 0 30px 60px rgba(0, 0, 0, .3);--my-take-bg: linear-gradient(135deg, rgba(212, 165, 116, .09), rgba(30, 30, 26, .75));--diagram-surface: #11110f;--neural-opacity: .7}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-display);font-weight:300;background:var(--page-background);background-size:auto,var(--page-grid-size) var(--page-grid-size),var(--page-grid-size) var(--page-grid-size),auto;background-attachment:fixed;color:var(--text-primary);line-height:1.7;overflow-x:hidden;min-height:100vh;letter-spacing:.01em;transition:color .24s var(--ease-in-out),background-color .24s var(--ease-in-out)}::selection{background:var(--accent-amber);color:var(--text-on-accent)}::-moz-selection{background:var(--accent-amber);color:var(--text-on-accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-amber)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent-amber);outline-offset:3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(3rem,10vw,6rem);font-weight:600}h2{font-size:clamp(2rem,6vw,3.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{color:var(--text-secondary);font-weight:300}.mono,code,pre{font-family:var(--font-terminal);font-weight:400}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 5%}.section{position:relative;padding:var(--section-padding) 5%;overflow:hidden}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-medium)}.glass:hover{background:var(--glass-hover);border-color:color-mix(in srgb,var(--accent-amber) 32%,transparent)}.gradient-text{background:linear-gradient(135deg,var(--accent-cream),var(--accent-amber),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-cool{background:linear-gradient(135deg,var(--accent-sage),var(--accent-steel));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-amber{box-shadow:var(--glow-amber)}.glow-gold{box-shadow:var(--glow-gold)}.glow-sage{box-shadow:var(--glow-sage)}.highlight{color:var(--accent-amber)}.highlight-gold{color:var(--accent-gold)}.highlight-sage{color:var(--accent-sage)}.highlight-cream{color:var(--accent-cream)}.section-header{margin-bottom:4rem}.section-tag{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-terminal);font-size:.75rem;font-weight:400;color:var(--accent-amber);margin-bottom:1.25rem;padding:.5rem 1.25rem;background:color-mix(in srgb,var(--accent-amber) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent-amber) 22%,transparent);border-radius:var(--radius-xl);letter-spacing:.05em}.section-tag:before{content:"";width:6px;height:6px;background:var(--accent-amber);border-radius:50%;animation:pulse-amber 2s ease-in-out infinite}.tag-number{color:var(--accent-gold);font-weight:500}@keyframes pulse-amber{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #d4a57466}50%{opacity:.6;transform:scale(1.2);box-shadow:0 0 0 8px #d4a57400}}.section-title{font-family:var(--font-display);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-family:var(--font-terminal);font-size:.85rem;font-weight:500;letter-spacing:.03em;border-radius:var(--radius-md);transition:all var(--transition-medium);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,var(--button-sheen),transparent);transform:translate(-100%);transition:transform .6s ease}.btn:hover:before{transform:translate(100%)}.btn-primary{background:linear-gradient(135deg,var(--accent-amber),var(--accent-gold));color:var(--text-on-accent);border:none}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--glow-amber)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--glass-hover);border-color:var(--accent-amber);color:var(--accent-amber)}.btn-icon{width:16px;height:16px;transition:transform var(--transition-fast)}.btn:hover .btn-icon{transform:translate(4px)}.terminal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-terminal)}.terminal-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--bg-tertiary);border-bottom:1px solid var(--glass-border)}.terminal-dot{width:12px;height:12px;border-radius:50%;transition:all var(--transition-fast)}.terminal-dot.red{background:var(--accent-rust)}.terminal-dot.yellow{background:var(--accent-amber)}.terminal-dot.green{background:var(--accent-sage)}.terminal:hover .terminal-dot{filter:brightness(1.2)}.terminal-title{font-family:var(--font-terminal);font-size:.7rem;font-weight:400;color:var(--text-muted);margin-left:.75rem;letter-spacing:.02em}.terminal-body{padding:1.5rem;font-family:var(--font-terminal);font-size:.85rem;font-weight:400;line-height:1.9}.terminal-line{margin-bottom:.35rem}.terminal-prompt{color:var(--accent-sage);margin-right:.5rem}.terminal-command{color:var(--accent-amber)}.terminal-output{color:var(--text-secondary)}.p10k-prompt{display:inline-flex;align-items:center;font-family:var(--font-terminal);font-size:.8rem}.p10k-segment{padding:.2rem .6rem;position:relative}.p10k-segment:after{content:"";position:absolute;right:-8px;top:0;border:10px solid transparent;border-left-color:inherit}.p10k-user{background:var(--accent-sage);color:var(--text-on-accent)}.p10k-path{background:var(--bg-tertiary);color:var(--accent-cream)}.p10k-git{background:var(--accent-amber);color:var(--text-on-accent)}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition-medium)}.card:hover{background:var(--glass-hover);border-color:color-mix(in srgb,var(--accent-amber) 34%,transparent);transform:translateY(-6px);box-shadow:var(--shadow-card)}.photo-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden}.photo-frame:before{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;background:linear-gradient(135deg,var(--accent-amber),var(--accent-gold),var(--accent-cream),var(--accent-amber)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-rotate 4s linear infinite}@keyframes border-rotate{to{filter:hue-rotate(30deg)}}.photo-frame .scanline{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--accent-amber),transparent);animation:scan 2.5s ease-in-out infinite;opacity:.8}@keyframes scan{0%,to{top:0;opacity:0}10%{opacity:.8}90%{opacity:.8}to{top:100%;opacity:0}}.photo-corner{position:absolute;width:20px;height:20px;border-color:var(--accent-amber);border-style:solid;opacity:.7}.photo-corner.tl{top:8px;left:8px;border-width:2px 0 0 2px}.photo-corner.tr{top:8px;right:8px;border-width:2px 2px 0 0}.photo-corner.bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.photo-corner.br{bottom:8px;right:8px;border-width:0 2px 2px 0}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-overlay);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--scanline-color) 2px,var(--scanline-color) 4px);opacity:.4}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--bg-tertiary);z-index:var(--z-sticky)}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-amber),var(--accent-gold));width:0%;transition:width .05s linear}.cursor-blink{display:inline-block;width:2px;height:1.1em;background:var(--accent-amber);margin-left:3px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tag{display:inline-block;font-family:var(--font-terminal);font-size:.7rem;font-weight:400;padding:.3rem .6rem;background:color-mix(in srgb,var(--accent-amber) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent-amber) 18%,transparent);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);letter-spacing:.02em}.tag:hover{border-color:var(--accent-amber);color:var(--accent-amber);background:color-mix(in srgb,var(--accent-amber) 12%,transparent)}.status{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-terminal);font-size:.7rem;letter-spacing:.03em}.status-dot{width:6px;height:6px;border-radius:50%;animation:pulse-status 2s ease-in-out infinite}.status-dot.active{background:var(--accent-sage)}.status-dot.warning{background:var(--accent-amber)}.status-dot.error{background:var(--accent-rust)}@keyframes pulse-status{0%,to{opacity:1;box-shadow:0 0 0 0 currentColor}50%{opacity:.7;box-shadow:0 0 0 4px transparent}}.data-stream{position:absolute;width:1px;background:linear-gradient(180deg,transparent,var(--accent-amber),transparent);opacity:.15;animation:stream-fall linear infinite}@keyframes stream-fall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.glitch-container{position:relative}.glitch-container:before,.glitch-container:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch-container:hover:before{animation:glitch-1 .3s infinite;color:var(--accent-amber);opacity:.8;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.glitch-container:hover:after{animation:glitch-2 .3s infinite;color:var(--accent-sage);opacity:.8;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(3px,3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(-3px,3px)}}.vibrate{animation:vibrate .1s linear infinite}@keyframes vibrate{0%,to{transform:translate(0)}25%{transform:translate(.5px,-.5px)}50%{transform:translate(-.5px,.5px)}75%{transform:translate(.5px,.5px)}}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-overlay);opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}@media (max-width: 1024px){:root{--section-padding: clamp(4rem, 10vh, 8rem)}}@media (max-width: 768px){:root{--section-padding: clamp(3rem, 8vh, 6rem)}.section{padding-left:4%;padding-right:4%}h1{font-size:clamp(2rem,8vw,3.5rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scanlines,.noise,.vibrate{display:none}}.main-content{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.main-content.loaded{opacity:1;transform:translateY(0)}
