@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;600&display=swap";
@font-face{font-family:Lightbound;src:url(/fonts/lightbound.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg:#0d0d0d;--color-surface:#1a1414;--color-text:#f2f2f3;--color-accent:#ba3d3b;--color-divider:#f2f2f338;--color-accent-400:#ba3d3b;--color-accent-600:#9e3432;--color-accent-700:#792826;--color-accent-900:#2a1211;--font-heading:"Barlow Condensed", system-ui, sans-serif;--font-body:"Barlow", system-ui, sans-serif;--space-1:3.4px;--space-2:6.8px;--space-3:10.2px;--space-4:13.6px;--space-6:20.4px;--space-8:27.2px;--radius-sm:2px;--radius-md:4px;--radius-lg:7px;--shadow-sm:0 1px 2px #00000024;--shadow-md:0 3px 10px #00000029;--shadow-lg:0 12px 32px #00000038}.light-section{--color-bg:#f2f2f3;--color-text:#1d1f20;--color-accent:#ba3d3b;--color-divider:#1d1f202e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.015em;margin:0 0 var(--space-2);font-weight:600;line-height:1.12}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{letter-spacing:.08em;text-transform:uppercase;font-size:13px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--color-accent)}img{max-width:100%;display:block}figure{margin:0}figcaption{margin-top:var(--space-1);color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:11px}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.blueprint{border:1px solid var(--color-divider);border-radius:0;position:relative}.blueprint>.corner{width:11px;height:11px;color:color-mix(in srgb, var(--color-text) 55%, transparent);position:absolute}.blueprint>.corner:before,.blueprint>.corner:after{content:"";background:currentColor;position:absolute}.blueprint>.corner:before{width:1px;height:100%;top:0;left:5px}.blueprint>.corner:after{width:100%;height:1px;top:5px;left:0}.blueprint>.corner.tl{top:-6px;left:-6px}.blueprint>.corner.tr{top:-6px;right:-6px}.blueprint>.corner.bl{bottom:-6px;left:-6px}.blueprint>.corner.br{bottom:-6px;right:-6px}.duotone{position:relative;overflow:hidden}.duotone:after{content:"";pointer-events:none;background:var(--color-accent);mix-blend-mode:color;position:absolute;inset:0}.btn{cursor:pointer;font-family:var(--font-heading);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{opacity:.9}.btn-primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-600);border-color:var(--color-accent-600)}.btn-primary:active{background:var(--color-accent-700);border-color:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider);color:var(--color-text)}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.btn-ghost:active{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.tag{letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.tag-outline{border:1.5px solid var(--color-accent);color:var(--color-accent)}.tag-accent{background:color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--color-accent)}.tag-neutral{background:color-mix(in srgb, var(--color-text) 10%, transparent);color:color-mix(in srgb, var(--color-text) 80%, transparent)}.card{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-divider);background:0 0;flex-direction:column;display:flex}.card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-size:10px}.card-title{font-family:var(--font-heading);font-size:17px;font-weight:600;line-height:1.2}.card-body{opacity:.8;flex:1;margin:0;font-size:13px}.card-meta{color:color-mix(in srgb, var(--color-text) 50%, transparent);align-items:center;gap:6px;font-size:11px;display:flex}.nav{z-index:50;background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-divider);align-items:center;gap:clamp(10px,2vw,26px);padding:10px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.nav-brand{font-family:var(--font-heading);letter-spacing:-.01em;color:inherit;margin-right:auto;font-size:22px;font-weight:600;text-decoration:none}.nav a{color:inherit;font-size:14px;text-decoration:none;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent)}.nav-links{align-items:center;gap:clamp(10px,2vw,26px);display:flex}.nav-hamburger{border:1px solid var(--color-divider);color:var(--color-text);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:6px 9px;line-height:0;display:none}@media (max-width:760px){.nav{flex-wrap:wrap;position:sticky}.nav-links{background:var(--color-bg);border-bottom:1px solid var(--color-divider);flex-direction:column;order:10;align-items:stretch;gap:0;max-height:0;transition:max-height .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-links.nav-links-open{max-height:420px}.nav-links a{border-top:1px solid var(--color-divider);padding:14px clamp(16px,4vw,48px);font-size:15px}.nav-links a.nav-cv-link{border-top:none;align-self:flex-start;margin:12px clamp(16px,4vw,48px)}.nav-hamburger{display:inline-flex}}@keyframes om-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes om-marquee-rev{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes om-blink{0%,55%{opacity:1}56%,to{opacity:.12}}[data-reveal]{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards fadeInUp;transform:translateY(26px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-doodles{pointer-events:none;z-index:1;position:absolute;inset:0}.hero-doodle{position:absolute;transform:translate(-50%,-50%)}.hero-doodle svg{width:100%;height:100%;overflow:visible}@keyframes doodle-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.doodle-spin{animation:6s linear infinite doodle-spin}@keyframes doodle-spin-slow{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}.doodle-spin-slow{animation:9s linear infinite doodle-spin-slow}@keyframes doodle-wiggle{0%,to{transform:translate(-50%,-50%)rotate(-10deg)}50%{transform:translate(-50%,-50%)rotate(10deg)}}.doodle-wiggle{animation:2.2s ease-in-out infinite doodle-wiggle}@keyframes doodle-bounce{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-12px)}}.doodle-bounce{animation:1.8s ease-in-out infinite doodle-bounce}@keyframes doodle-pulse{0%,to{opacity:.85;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.doodle-pulse{animation:2s ease-in-out infinite doodle-pulse}.marquee{gap:28px;width:max-content;padding-right:28px;display:flex}.marquee-container{border-block:1px solid var(--color-divider);padding:12px 0;overflow:hidden}.marquee-forward{animation:22s linear infinite om-marquee}.marquee-reverse{animation:26s linear infinite om-marquee-rev}@media (max-width:900px){h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}.hero-doodles{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
