:root{--bg: #131009;--bg-deep: #0d0b07;--panel: #1b1710;--line: rgba(236, 228, 211, .1);--line-strong: rgba(236, 228, 211, .18);--text: #ede5d4;--text-dim: #a89e8a;--text-faint: #6e6656;--amber: #ffb454;--amber-bright: #ffce8a;--amber-dim: rgba(255, 180, 84, .45);--amber-glow: rgba(255, 180, 84, .22);--green: #93d465;--font-display: "Bricolage Grotesque", "Avenir Next", -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-padding-top:88px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;padding:0;font-family:var(--font-display);font-weight:400;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--amber);color:var(--bg)}.container{max-width:1120px;margin:0 auto;padding:0 24px}.container.narrow{max-width:760px}section{padding:104px 0}a{color:var(--amber);text-decoration:none;transition:color .2s ease}a:hover{color:var(--amber-bright)}.section-head{display:flex;align-items:baseline;gap:18px;margin-bottom:52px}.section-num{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;color:var(--amber);letter-spacing:.08em}.section-num:after{content:" /";color:var(--text-faint)}.section-head h2{font-size:clamp(1.75rem,3.5vw,2.375rem);font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text)}.section-rule{flex:1;height:1px;background:linear-gradient(to right,var(--line-strong),transparent);transform:translateY(-6px)}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}}#navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#131009d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:box-shadow .3s ease}#navbar.scrolled{box-shadow:0 4px 24px #0006}.nav-inner{max-width:1120px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-weight:600;font-size:1rem;color:var(--text);letter-spacing:.06em}.nav-led{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}@media(prefers-reduced-motion:no-preference){.nav-led{animation:led-breathe 3.2s ease-in-out infinite}}@keyframes led-breathe{0%,to{opacity:1}50%{opacity:.55}}.nav-logo:hover{color:var(--amber)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);transition:color .2s ease}.nav-links a:hover{color:var(--text)}.nav-links a.nav-resume{color:var(--amber);border:1px solid var(--amber-dim);border-radius:6px;padding:6px 12px}.nav-links a.nav-resume:hover{background:var(--amber);color:var(--bg);box-shadow:0 0 16px var(--amber-glow)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:1px;transition:transform .3s ease,opacity .3s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:64px 0 0;background:#0d0b07f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:99;display:none;flex-direction:column;align-items:center;justify-content:center;gap:32px}.mobile-menu.open{display:flex}.mobile-link{font-family:var(--font-mono);font-size:1.125rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text)}#hero{min-height:100vh;display:flex;align-items:center;padding:140px 24px 96px;position:relative;overflow:hidden;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;background-position:center center}#hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 45%,transparent 30%,var(--bg) 100%);pointer-events:none}.hero-content{position:relative;max-width:1120px;width:100%;margin:0 auto}.hero-status{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.14em;color:var(--text-dim);border:1px solid var(--line-strong);border-radius:100px;padding:8px 18px;margin:0 0 36px;background:#1b171099}.led{width:8px;height:8px;border-radius:50%;flex-shrink:0}.led-green{background:var(--green);box-shadow:0 0 10px var(--green)}@media(prefers-reduced-motion:no-preference){.led-green{animation:led-breathe 2.4s ease-in-out infinite}}#hero h1{font-size:clamp(4rem,13vw,9rem);font-weight:800;letter-spacing:-.035em;line-height:.92;margin:0 0 8px;color:var(--text);text-transform:uppercase}.hero-wave{display:block;width:min(600px,100%);height:80px;margin:8px 0 20px;color:var(--amber);filter:drop-shadow(0 0 6px var(--amber-glow))}@media(prefers-reduced-motion:no-preference){.hero-wave path{stroke-dasharray:1;stroke-dashoffset:1;animation:wave-draw 2.4s cubic-bezier(.4,0,.2,1) .2s forwards}}@keyframes wave-draw{to{stroke-dashoffset:0}}.hero-tagline{font-size:clamp(1.0625rem,2vw,1.25rem);font-weight:400;color:var(--text-dim);line-height:1.6;max-width:560px;margin:0 0 44px}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:13px 30px;border-radius:8px;font-family:var(--font-mono);font-size:.8125rem;font-weight:600;letter-spacing:.04em;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--amber);color:var(--bg);box-shadow:0 0 #ffb45400}.btn-primary:hover{background:var(--amber-bright);color:var(--bg);transform:translateY(-1px);box-shadow:0 4px 24px var(--amber-glow)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--line-strong)}.btn-secondary:hover{color:var(--amber);border-color:var(--amber-dim);transform:translateY(-1px)}#about{background:var(--bg-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pitch-text{max-width:720px}.pitch-text p{font-size:1.0625rem;line-height:1.75;color:var(--text-dim);margin:0 0 20px}.pitch-text p:last-child{margin-bottom:0}.about-grid{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:start}.about-portrait{position:relative}.about-portrait:after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--amber-dim);border-radius:14px;z-index:-1}.portrait{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid var(--line-strong);display:block;filter:saturate(.92)}.about-text p{font-size:1.0625rem;line-height:1.75;color:var(--text-dim);margin:0 0 20px}.about-text p:first-child{margin-top:-6px}.about-facts{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}.about-facts li{display:flex;gap:20px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line);font-size:.9375rem;color:var(--text);line-height:1.5}.fact-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--amber);width:110px;flex-shrink:0}.timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:36px;max-width:860px}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:linear-gradient(to bottom,var(--amber-dim),var(--line) 40%)}.timeline-item{position:relative;padding-bottom:56px}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-36px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--bg);border:2px solid var(--amber);box-shadow:0 0 10px var(--amber-glow)}.timeline-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}.timeline-header h3{font-size:1.1875rem;font-weight:700;margin:0;color:var(--text)}.timeline-meta{font-size:.875rem;color:var(--text-faint)}.timeline-date{display:inline-block;font-family:var(--font-mono);font-size:.71875rem;font-weight:500;color:var(--amber);margin-bottom:14px;letter-spacing:.06em}.timeline-content ul{margin:0;padding-left:20px;list-style:disc}.timeline-content li{font-size:.9375rem;line-height:1.7;color:var(--text-dim);margin-bottom:6px}.timeline-content li::marker{color:var(--text-faint)}.timeline-content li:last-child{margin-bottom:0}.timeline-content a{text-decoration:underline;text-decoration-color:var(--amber-dim);text-underline-offset:3px}.timeline-content a:hover{text-decoration-color:var(--amber)}#skills{background:var(--bg-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skills-hint{font-size:.9375rem;color:var(--text-faint);margin:-32px 0 36px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}.skill-group{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px 24px;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff08}.skill-group h3{font-family:var(--font-mono);font-size:.71875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--amber);margin:0 0 16px}.skill-items{display:flex;flex-direction:column;gap:9px}.skill-items span{font-size:.9375rem;color:var(--text-dim);font-weight:400}.skill-filter{font-family:inherit;font-size:.9375rem;color:var(--text);font-weight:400;background:none;border:none;padding:0;text-align:left;cursor:pointer;width:fit-content;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--amber-dim);text-underline-offset:4px;transition:color .15s ease,text-decoration-color .15s ease}.skill-filter:hover{color:var(--amber);text-decoration-style:solid;text-decoration-color:var(--amber)}#contact{text-align:center}#contact .section-head{justify-content:center}#contact .section-rule{display:none}.contact-text{font-size:1.0625rem;color:var(--text-dim);line-height:1.7;margin:-20px 0 44px}.contact-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.contact-card{display:flex;align-items:center;gap:10px;padding:15px 28px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-family:var(--font-mono);font-size:.8125rem;font-weight:500;letter-spacing:.04em;color:var(--text);box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff08;transition:all .2s ease}.contact-card:hover{color:var(--amber);border-color:var(--amber-dim);box-shadow:0 4px 20px #0006,0 0 20px var(--amber-glow);transform:translateY(-2px)}.contact-card svg{width:20px;height:20px;flex-shrink:0}footer{text-align:center;padding:48px 24px;border-top:1px solid var(--line)}.footer-wave{width:240px;height:24px;color:var(--text-faint);margin-bottom:12px}footer p{font-family:var(--font-mono);font-size:.71875rem;letter-spacing:.04em;color:var(--text-faint);margin:0}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:48px}.about-portrait{max-width:280px}}@media(max-width:640px){.nav-links{display:none}.hamburger{display:flex}section{padding:72px 0}.section-head{gap:12px;margin-bottom:40px}.hero-status{font-size:.5625rem;letter-spacing:.1em}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .btn{justify-content:center}.timeline{padding-left:30px}.timeline-marker{left:-30px}.timeline-header{flex-direction:column;gap:2px}.contact-links{flex-direction:column;align-items:stretch}.contact-card{justify-content:center}}
