:root{--bg:#0a0a0b;--fg:#f5f3f0;--muted:#8a8782;--accent:#ff7a18;--accent-soft:#ff9d4d;--accent-contrast:var(--accent-contrast);--line:rgba(255,255,255,.08);--border-soft:rgba(255,255,255,.15);--panel:rgba(255,255,255,.03);--panel-2:var(--panel-2);--tag-border:rgba(255,255,255,.1);--grid-line:var(--grid-line);--vignette-edge:rgba(10,10,11,.55);--nav-bg:rgba(10,10,11,.6);--h1-shadow:rgba(0,0,0,.5);--card-hover:rgba(255,122,24,.4);--portrait-glow:rgba(255,122,24,.1);--ease:cubic-bezier(.2,.8,.2,1);--gutter:max(8vw,(100% - 1200px)/2);color-scheme:dark}:root[data-theme=light]{--bg:#faf8f5;--fg:#1c1917;--muted:#6e6a63;--accent:#c14e00;--accent-soft:#e05f00;--accent-contrast:#fff8f2;--line:rgba(28,25,23,.1);--border-soft:rgba(28,25,23,.18);--panel:rgba(28,25,23,.03);--panel-2:rgba(28,25,23,.02);--tag-border:rgba(28,25,23,.12);--grid-line:rgba(28,25,23,.07);--vignette-edge:rgba(250,248,245,.6);--nav-bg:rgba(250,248,245,.65);--h1-shadow:rgba(0,0,0,0);--card-hover:rgba(193,78,0,.45);--portrait-glow:rgba(193,78,0,.14);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:5rem}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}::selection{background:var(--accent);color:var(--accent-contrast)}#scene{position:fixed;inset:0;z-index:0}.grid{position:fixed;inset:0;z-index:1;opacity:.3;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle 420px at var(--mx,50%) var(--my,50%),#000 20%,transparent 75%);mask-image:radial-gradient(circle 420px at var(--mx,50%) var(--my,50%),#000 20%,transparent 75%)}.spotlight{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle 380px at var(--mx,50%) var(--my,50%),rgba(255,122,24,.12),transparent 70%)}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 30% 50%,transparent,var(--vignette-edge) 100%)}.glow{position:fixed;width:16px;height:16px;border-radius:50%;z-index:5;pointer-events:none;background:var(--accent);mix-blend-mode:screen;transform:translate(-50%,-50%);box-shadow:0 0 28px 8px #ff7a188c;left:-100px;top:-100px}:root[data-theme=light] .glow{mix-blend-mode:multiply;opacity:.55;box-shadow:0 0 28px 8px #c14e0059}@media(hover:none),(pointer:coarse){.glow,.spotlight{display:none}.grid{-webkit-mask-image:radial-gradient(circle 420px at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(circle 420px at 50% 40%,#000 20%,transparent 75%)}}.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.1rem var(--gutter);background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}.nav.scrolled{border-bottom-color:var(--line)}.nav .brand{font-weight:600;font-size:.95rem;letter-spacing:-.01em;color:var(--fg);text-decoration:none}.nav .brand em{font-style:normal;color:var(--accent)}.nav ul{display:flex;gap:2rem;list-style:none}.nav a:not(.brand){color:var(--muted);text-decoration:none;font-size:.85rem;letter-spacing:.03em;transition:color .2s;white-space:nowrap}.nav a:not(.brand):hover{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:1.8rem}.theme-toggle{width:2rem;height:2rem;border-radius:100px;cursor:pointer;background:none;border:1px solid var(--line);color:var(--muted);font-size:.9rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle:before{content:"☀"}:root[data-theme=light] .theme-toggle:before{content:"☾"}.nav a.lang-switch{height:2rem;padding:0 .7rem;border-radius:100px;border:1px solid var(--line);color:var(--muted);font-size:.72rem;letter-spacing:.08em;display:inline-flex;align-items:center;text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transition:color .2s,border-color .2s}.nav a.lang-switch:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:640px){.nav{padding:1rem 6vw;gap:.8rem}.nav .brand{font-size:.85rem}.nav ul{gap:.8rem}.nav-right{gap:.7rem}.nav a:not(.brand){font-size:.78rem}.nav a.lang-switch{height:1.7rem;padding:0 .5rem}.theme-toggle{width:1.7rem;height:1.7rem;font-size:.8rem}}@media(max-width:480px){html{scroll-padding-top:7rem}.nav{flex-wrap:wrap;row-gap:.7rem}.nav-right{display:contents}.nav .brand{margin-right:auto}.nav a.lang-switch{order:1}.theme-toggle{order:2}.nav ul{order:3;width:100%;gap:1.1rem}.hero{padding-top:8rem}}.hero{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:7rem var(--gutter) 4rem}.eyebrow{font-size:.8rem;letter-spacing:.35em;text-transform:uppercase;color:var(--accent);margin-bottom:1.8rem;overflow:hidden}.eyebrow span{display:inline-block;transform:translateY(110%);animation:up .8s .1s forwards var(--ease)}h1{font-size:clamp(2.8rem,8vw,6.5rem);font-weight:600;line-height:.92;letter-spacing:-.03em;margin-bottom:1rem;text-shadow:0 4px 40px var(--h1-shadow)}h1 .word{display:inline-block;overflow:hidden;vertical-align:bottom}h1 .word span{display:inline-block;transform:translateY(110%)}h1 .word:nth-child(1) span{animation:up .9s .25s forwards var(--ease)}h1 .word:nth-child(2) span{animation:up .9s .38s forwards var(--ease);color:var(--accent)}.role{font-size:clamp(1rem,2.4vw,1.6rem);font-weight:500;color:var(--fg);margin-bottom:1.1rem;opacity:0;transform:translateY(20px);animation:rise 1s .5s forwards var(--ease)}.sub{font-size:clamp(.95rem,1.6vw,1.2rem);color:var(--muted);max-width:46ch;line-height:1.6;margin-bottom:2.3rem;opacity:0;transform:translateY(20px);animation:rise 1s .6s forwards var(--ease)}.cta{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:rise 1s .72s forwards var(--ease)}.btn{font-size:.95rem;padding:.9rem 1.8rem;border-radius:100px;border:1px solid var(--border-soft);background:var(--panel);color:var(--fg);cursor:pointer;transition:.25s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:500}.btn.primary:hover{background:var(--accent-soft);transform:translateY(-2px)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.stack{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:2.8rem;max-width:50ch;opacity:0;animation:rise 1s .88s forwards var(--ease)}.tag{font-size:.72rem;padding:.35rem .8rem;border-radius:6px;border:1px solid var(--tag-border);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transition:.2s;cursor:default}.tag:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.social{position:absolute;left:var(--gutter);bottom:2rem;display:flex;gap:1.4rem;opacity:0;animation:rise 1s 1s forwards var(--ease)}.social a{color:var(--muted);text-decoration:none;font-size:.82rem;letter-spacing:.05em;transition:.2s}.social a:hover{color:var(--accent)}@media(max-width:640px){.social{position:static;margin-top:2.5rem;flex-wrap:wrap;gap:1rem 1.4rem}.hero{padding:6rem 6vw 3rem}}@keyframes up{to{transform:translateY(0)}}@keyframes rise{to{opacity:1;transform:translateY(0)}}.section{position:relative;z-index:2;padding:8rem var(--gutter);background:var(--bg);border-top:1px solid var(--line)}@media(max-width:640px){.section{padding:5rem 6vw}}.section .kicker{font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem}.section .kicker .num{color:var(--muted);margin-right:.8em}.section h2{font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:600;letter-spacing:-.02em;line-height:1.05;margin-bottom:3rem;max-width:20ch}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.card{border:1px solid var(--line);border-radius:14px;padding:2.2rem 2rem;background:var(--panel-2);transition:border-color .3s,transform .3s}.card:hover{border-color:var(--card-hover);transform:translateY(-4px)}.card .icon{font-size:1.3rem;color:var(--accent);margin-bottom:1.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.card h3{font-size:1.15rem;font-weight:600;margin-bottom:.8rem;letter-spacing:-.01em}.card p{font-size:.92rem;color:var(--muted);line-height:1.65}.card ul{list-style:none;margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.45rem}.card li{font-size:.7rem;padding:.3rem .7rem;border-radius:6px;border:1px solid var(--line);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.card-link{margin-top:1.2rem}.card-link a{font-size:.88rem;color:var(--accent);text-decoration:none}.card-link a:hover{text-decoration:underline}.about{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:4rem;align-items:start}@media(max-width:840px){.about{grid-template-columns:1fr;gap:2.5rem}}.about .lead{font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.7;color:var(--fg);margin-bottom:1.6rem}.about p{color:var(--muted);line-height:1.7}.about p+p{margin-top:1rem}.about p a{color:var(--accent);text-decoration:none}.about p a:hover{text-decoration:underline}.about-side{display:grid;gap:1.2rem;align-self:start;max-width:320px}.portrait{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:0 14px 44px var(--portrait-glow)}.facts{border:1px solid var(--line);border-radius:14px;padding:1.8rem;background:var(--panel-2)}.facts dl{display:grid;gap:1.3rem}.facts dt{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}.facts dd{font-size:.98rem;color:var(--fg)}.about .stack{margin-top:2.2rem;opacity:1;animation:none}.contact-mail{display:inline-block;font-size:clamp(1.4rem,4.5vw,3rem);font-weight:600;letter-spacing:-.02em;color:var(--fg);text-decoration:none;margin:.5rem 0 2.4rem;border-bottom:2px solid var(--line);padding-bottom:.3rem;transition:.25s}.contact-mail:hover{color:var(--accent);border-bottom-color:var(--accent)}.contact-rows{display:flex;gap:3rem;flex-wrap:wrap;color:var(--muted)}.contact-rows .label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.contact-rows a{color:var(--fg);text-decoration:none;font-size:.95rem;transition:.2s}.contact-rows a:hover{color:var(--accent)}.contact-rows .links{display:flex;gap:1.3rem;flex-wrap:wrap}footer{position:relative;z-index:2;background:var(--bg);border-top:1px solid var(--line);padding:2rem var(--gutter);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}footer a{color:var(--muted);text-decoration:none;transition:.2s}footer a:hover{color:var(--accent)}footer nav{display:flex;gap:1.5rem}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.eyebrow span,h1 .word span{transform:none}.role,.sub,.cta,.stack,.social,.reveal{opacity:1;transform:none}.glow{display:none}.spotlight{background:radial-gradient(circle 420px at 50% 45%,rgba(255,122,24,.1),transparent 70%)}.grid{-webkit-mask-image:radial-gradient(circle 460px at 50% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(circle 460px at 50% 45%,#000 20%,transparent 75%)}}
