@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Funnel+Display:wght@300;400;500;600;700&display=swap";:root{--bg: #f5f2ed;--bg2: #eae7e1;--fg: #0a0a0a;--fg2: #555550;--border: #cccccc;--accent: #a63c2a;--accent-rgb: 166, 60, 42;--accent2: #ff3c3c;--label: #a63c2a;--font-disp: "Bebas Neue", sans-serif;--font-mono: "DM Mono", monospace;--font-body: "Funnel Display", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 7rem;--transition: .25s ease;--transition-slow: .7s ease}[data-theme=dark]{--bg: #0f1320;--bg2: #161b2e;--fg: #f0ede8;--fg2: #888880;--border: #222840}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-weight:300;overflow-x:hidden;transition:background var(--transition),color var(--transition);line-height:1.5}p{font-size:1.2rem}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,video{max-width:100%;display:block}button{cursor:pointer;background:none;border:none;font:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--fg2)}::selection{background:rgba(var(--accent-rgb),.25);color:var(--fg)}.section-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--label);margin-bottom:1rem}.section-label:before{content:"// "}.section-h2{font-family:var(--font-disp);font-size:clamp(3rem,6vw,5.5rem);line-height:.92;letter-spacing:.02em;margin-bottom:1.5rem}.tag{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);border-radius:2px;color:var(--fg2);padding:.22rem .5rem;transition:border-color var(--transition),color var(--transition),background var(--transition)}.tag:hover{background:rgba(var(--accent-rgb),.06)}strong{font-weight:500}.slash{color:var(--accent)}.mono-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--label)}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}.reveal-delay-6{transition-delay:.48s}:root:not([data-theme=dark]) main>:nth-child(2n){background:var(--bg2)}[data-theme=dark] main>:nth-child(odd){background:var(--bg2)}nav.svelte-1h32yp1{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 3rem;border-bottom:1px solid transparent;transition:border-color .4s,background .4s,backdrop-filter .4s}nav.scrolled.svelte-1h32yp1{border-color:var(--border);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo.svelte-1h32yp1{font-family:var(--font-disp);font-size:1.5rem;letter-spacing:.08em;display:flex;align-items:center;gap:.3rem;transition:opacity .35s ease}.links.svelte-1h32yp1{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:2.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.links.svelte-1h32yp1 a:where(.svelte-1h32yp1){color:var(--fg2);transition:color var(--transition);position:relative}.links.svelte-1h32yp1 a:where(.svelte-1h32yp1):after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.links.svelte-1h32yp1 a:where(.svelte-1h32yp1):hover{color:var(--fg)}.links.svelte-1h32yp1 a:where(.svelte-1h32yp1):hover:after{transform:scaleX(1)}.links.svelte-1h32yp1 a.active:where(.svelte-1h32yp1){color:var(--accent)}.links.svelte-1h32yp1 a.active:where(.svelte-1h32yp1):after{transform:scaleX(1)}.right.svelte-1h32yp1{display:flex;align-items:center;gap:1.5rem;margin-left:auto}.theme-toggle.svelte-1h32yp1{border:1px solid var(--border);color:var(--fg2);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem .8rem;transition:color var(--transition),border-color var(--transition);background:none;cursor:pointer}.theme-toggle.svelte-1h32yp1:hover{color:var(--accent);border-color:var(--accent)}.burger.svelte-1h32yp1{display:none;position:absolute;left:1.5rem;background:none;border:none;color:var(--accent);cursor:pointer;padding:.3rem;opacity:0;transform:scale(.8);transition:opacity .35s ease,transform .35s ease,color var(--transition);pointer-events:none}.burger.visible.svelte-1h32yp1{opacity:1;transform:scale(1);pointer-events:auto}.mobile-overlay.svelte-1h32yp1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:color-mix(in srgb,var(--bg) 95%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center}.mobile-links.svelte-1h32yp1{display:flex;flex-direction:column;gap:2rem;text-align:center;list-style:none;padding:0}.mobile-links.svelte-1h32yp1 a:where(.svelte-1h32yp1){font-family:var(--font-disp);font-size:2rem;letter-spacing:.08em;color:var(--fg2);transition:color var(--transition)}.mobile-links.svelte-1h32yp1 a:where(.svelte-1h32yp1):hover,.mobile-links.svelte-1h32yp1 a.active:where(.svelte-1h32yp1){color:var(--accent)}.mobile-theme.svelte-1h32yp1{margin-top:1rem}@media(max-width:900px){nav.svelte-1h32yp1{padding:1.2rem 1.5rem}.links.svelte-1h32yp1{display:none}.burger.svelte-1h32yp1{display:block}.logo.svelte-1h32yp1{position:absolute;left:1.5rem;transform:translate(0);transition:left .5s cubic-bezier(.25,.1,.25,1),transform .5s cubic-bezier(.25,.1,.25,1),font-size .5s cubic-bezier(.25,.1,.25,1)}nav.scrolled.svelte-1h32yp1 .logo:where(.svelte-1h32yp1){left:50%;transform:translate(-50%);font-size:1.1rem}}main.svelte-12qhfyh{min-height:100vh}
