@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=IM+Fell+English:ital@0;1&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #efe8d8;--bg-2: #e6ddc8;--surface: rgba(255,255,255,.55);--surface-hover: rgba(255,255,255,.8);--border: rgba(26,20,14,.1);--border-hi: rgba(26,20,14,.2);--text-1: #1a140e;--text-2: rgba(26,20,14,.65);--text-3: rgba(26,20,14,.4);--page-accent: #8a3520;--page-accent-rgb: 138,53,32;--ac-green: #4a7a3a;--ac-amber: #8a6020;--ac-red: #8a2020;--mono: "DM Mono", monospace;--fell: "IM Fell English", serif;--play: "Playfair Display", serif;--bask: "Libre Baskerville", serif;--radius: 3px}[data-theme=projects]{--bg: #100c08;--bg-2: #161009;--surface: rgba(255,255,255,.03);--surface-hover: rgba(255,255,255,.055);--border: rgba(210,190,160,.07);--border-hi: rgba(210,190,160,.14);--text-1: #d8ccb8;--text-2: rgba(216,204,184,.65);--text-3: rgba(216,204,184,.38);--page-accent: #a04828;--page-accent-rgb: 160,72,40}[data-theme=writing]{--bg: #0e0b07;--bg-2: #141009;--surface: rgba(255,255,255,.03);--surface-hover: rgba(255,255,255,.055);--border: rgba(210,190,160,.07);--border-hi: rgba(210,190,160,.14);--text-1: #d4c8b0;--text-2: rgba(212,200,176,.65);--text-3: rgba(212,200,176,.38);--page-accent: #987838;--page-accent-rgb: 152,120,56}[data-theme=about]{--bg: #0c0a09;--bg-2: #121009;--surface: rgba(255,255,255,.03);--surface-hover: rgba(255,255,255,.055);--border: rgba(210,190,160,.07);--border-hi: rgba(210,190,160,.14);--text-1: #ccc0a8;--text-2: rgba(204,192,168,.65);--text-3: rgba(204,192,168,.38);--page-accent: #886840;--page-accent-rgb: 136,104,64}[data-theme=recipes]{--bg: #f2ece0;--bg-2: #e8e0d0;--surface: rgba(255,255,255,.6);--surface-hover: rgba(255,255,255,.85);--border: rgba(26,20,14,.1);--border-hi: rgba(26,20,14,.2);--text-1: #1a140e;--text-2: rgba(26,20,14,.65);--text-3: rgba(26,20,14,.4);--page-accent: #4a6e38;--page-accent-rgb: 74,110,56;--ac-2: #8a3520;--ac-3: #5a4228}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text-1);font-family:var(--mono);font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden}body:not([data-theme=projects]):not([data-theme=writing]):not([data-theme=about]):after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;mix-blend-mode:multiply}[data-theme=projects]:before,[data-theme=writing]:before,[data-theme=about]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.018) 3px,rgba(0,0,0,.018) 4px)}a{color:inherit;text-decoration:none}.blobs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}body:not([data-theme=projects]):not([data-theme=writing]):not([data-theme=about]) .blobs{display:none}.blob{position:absolute;border-radius:50%;filter:blur(140px);opacity:.06;will-change:transform}.blob-1{width:600px;height:600px;top:-260px;left:-180px;animation:d1 44s ease-in-out infinite alternate}.blob-2{width:480px;height:480px;bottom:-120px;right:-100px;animation:d2 52s ease-in-out infinite alternate}.blob-3{width:360px;height:360px;top:40%;left:50%;opacity:.04;animation:d3 34s ease-in-out infinite alternate}[data-theme=projects] .blob-1{background:#602010}[data-theme=projects] .blob-2{background:#7a3018}[data-theme=projects] .blob-3{background:#401808}[data-theme=writing] .blob-1{background:#504010}[data-theme=writing] .blob-2{background:#604a18}[data-theme=writing] .blob-3{background:#382e08}[data-theme=about] .blob-1{background:#402c10}[data-theme=about] .blob-2{background:#503820}[data-theme=about] .blob-3{background:#2a1c08}@keyframes d1{0%{transform:translate(0)}to{transform:translate(65px,50px)}}@keyframes d2{0%{transform:translate(0)}to{transform:translate(-55px,35px)}}@keyframes d3{0%{transform:translate(0)}to{transform:translate(-60px,-45px)}}.shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 36px 100px}.taskbar{display:flex;align-items:center;border-bottom:2px solid var(--text-1);margin-bottom:48px;padding:14px 0;position:relative}[data-theme=projects] .taskbar,[data-theme=writing] .taskbar,[data-theme=about] .taskbar{border-bottom:1px solid var(--border-hi)}.taskbar-brand{font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.05em;color:var(--text-3);margin-right:auto;display:flex;align-items:center;transition:color .2s}.taskbar-brand:hover{color:var(--text-2)}.taskbar-brand .b-accent{color:var(--text-2);font-weight:500}.taskbar-brand .b-bracket{display:none}.nav-items{display:flex;align-items:center;gap:0}.nav-item{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.07em;color:var(--text-3);padding:4px 16px;border-left:1px solid var(--border);transition:color .15s;display:flex;align-items:center}.nav-item:first-child{border-left:none}.nav-item:hover{color:var(--text-2)}.nav-item.active{color:var(--text-1)}.window{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}body:not([data-theme=projects]):not([data-theme=writing]):not([data-theme=about]) .window:after{display:none}.window:after{content:"";position:absolute;top:0;right:0;width:10px;height:10px;background:var(--bg);clip-path:polygon(100% 0,0 0,100% 100%);z-index:2;pointer-events:none}.window-chrome{display:flex;align-items:center;gap:10px;padding:9px 18px;border-bottom:1px solid var(--border);background:transparent;position:relative}.window-chrome:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--page-accent);opacity:.7}.window-title{font-family:var(--mono);font-size:10px;font-weight:400;color:var(--text-2);letter-spacing:.1em;text-transform:lowercase}.chrome-dots,.chrome-dot{display:none}.page-header{padding:40px 40px 32px}.page-eyebrow{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);margin-bottom:16px;display:flex;align-items:center;gap:10px}.page-eyebrow:after{content:"";flex:1;max-width:80px;height:1px;background:var(--border-hi)}.page-title{font-family:var(--fell);font-size:clamp(44px,5.5vw,72px);font-weight:400;font-style:italic;letter-spacing:-.5px;color:var(--text-1);line-height:1;margin-bottom:16px}.page-title em{font-style:normal;color:var(--page-accent)}.page-sub{font-family:var(--bask);font-size:14px;color:var(--text-2);max-width:520px;line-height:1.85;font-style:italic}.section-label{font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);margin-bottom:12px}.btn{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.1em;padding:10px 22px;border:1px solid var(--border-hi);border-radius:1px;background:transparent;color:var(--text-2);cursor:pointer;transition:all .15s}.btn:hover{background:var(--surface-hover);color:var(--text-1)}.btn-primary{background:var(--page-accent);border-color:var(--page-accent);color:#fff}.btn-primary:hover{opacity:.88;color:#fff}[data-theme=projects] .btn-primary,[data-theme=writing] .btn-primary,[data-theme=about] .btn-primary{background:transparent;border-color:rgba(var(--page-accent-rgb),.5);color:var(--page-accent)}[data-theme=projects] .btn-primary:hover,[data-theme=writing] .btn-primary:hover,[data-theme=about] .btn-primary:hover{background:rgba(var(--page-accent-rgb),.1);opacity:1}.tag{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.07em;padding:2px 8px;border:1px solid var(--border);border-radius:1px;color:var(--text-3)}.tag.accent{border-color:rgba(var(--page-accent-rgb),.35);color:var(--page-accent)}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--ac-green);box-shadow:0 0 4px var(--ac-green);animation:pulse 3s ease-in-out infinite;flex-shrink:0}.status-dot.warn{background:var(--ac-amber);box-shadow:0 0 4px var(--ac-amber)}.status-dot.alert{background:var(--ac-red);box-shadow:0 0 4px var(--ac-red)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .45s ease both}.delay-1{animation-delay:.07s}.delay-2{animation-delay:.14s}.delay-3{animation-delay:.21s}.delay-4{animation-delay:.28s}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:720px){.grid-2,.grid-3{grid-template-columns:1fr}}.footer{margin-top:60px;padding-top:20px;border-top:1px solid var(--border-hi);display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.08em;color:var(--text-3);flex-wrap:wrap;gap:10px}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--text-3);transition:color .15s}.footer-links a:hover{color:var(--text-2)}.prose{max-width:720px;font-size:17px;line-height:1.9;color:var(--text-2);font-family:var(--bask)}.prose h1,.prose h2,.prose h3{font-family:var(--fell);font-weight:400;font-style:italic;color:var(--text-1);margin:2.2em 0 .6em;line-height:1.15;letter-spacing:-.2px}.prose h1{font-size:40px;margin-top:0}.prose h2{font-size:29px}.prose h3{font-size:22px}.prose p{margin-bottom:1.3em}.prose a{color:var(--page-accent);border-bottom:1px solid rgba(var(--page-accent-rgb),.25);transition:border-color .15s}.prose a:hover{border-color:var(--page-accent)}.prose code{font-family:var(--mono);font-size:13px;background:rgba(var(--page-accent-rgb),.06);border:1px solid var(--border);border-radius:2px;padding:1px 6px;color:var(--text-2)}.prose pre{background:#0000000f;border:1px solid var(--border);border-left:3px solid var(--page-accent);border-radius:2px;padding:20px;overflow-x:auto;margin:1.5em 0}[data-theme=writing] .prose pre{background:#0000004d}.prose pre code{background:none;border:none;padding:0;color:var(--text-1)}.prose blockquote{border-left:3px solid var(--border-hi);padding-left:22px;margin:1.5em 0;color:var(--text-3);font-style:italic}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1.3em}.prose li{margin-bottom:.5em}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.prose strong{color:var(--text-1);font-weight:700}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;margin-left:8px;color:var(--text-2);flex-direction:column;justify-content:center;gap:5px}.nav-toggle-bar{display:block;width:20px;height:1.5px;background:currentColor;border-radius:1px;transition:transform .2s,opacity .2s}@media (max-width:600px){.shell{padding:0 20px 80px}.taskbar-brand{font-size:12px}.nav-toggle{display:flex}.nav-items{display:flex;flex-direction:column;position:absolute;top:100%;left:-20px;right:-20px;background:var(--bg);border-bottom:2px solid var(--text-1);z-index:200;overflow:hidden;max-height:0;transition:max-height .25s ease;gap:0}.nav-items.open{max-height:400px}.nav-item{border-left:none;border-bottom:1px solid var(--border);padding:14px 20px;font-size:13px;letter-spacing:.08em;justify-content:flex-start}.nav-item:last-child{border-bottom:none}.nav-item.active{border-left:3px solid var(--page-accent);padding-left:17px}[data-theme=projects] .nav-items,[data-theme=writing] .nav-items,[data-theme=about] .nav-items{background:var(--bg);border-bottom-color:var(--border-hi)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}}