:root{--bg: #0c0c0e;--bg-soft: #15100f;--fg: #f4eef2;--muted: #9b8e9a;--line: rgba(255, 255, 255, .09);--accent: #ff6b4a;--accent-2: #ff3d9a;--max: 1100px;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:0;display:block;transition:opacity .6s ease}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;transition:opacity .8s var(--ease),visibility .8s}#loader.done{opacity:0;visibility:hidden}.loader-name{font-family:Space Grotesk,sans-serif;letter-spacing:.5em;font-size:clamp(.8rem,2vw,1.1rem);color:var(--muted);padding-left:.5em}.loader-bar{width:min(220px,60vw);height:2px;background:var(--line);overflow:hidden}.loader-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width 1.1s var(--ease)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.2rem,5vw,3rem);mix-blend-mode:difference}.nav-logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:.04em}.nav-logo span{color:var(--accent-2)}.nav-links{display:flex;gap:1.6rem}.nav-links a{font-size:.82rem;color:var(--fg);opacity:.75;transition:opacity .3s;letter-spacing:.02em}.nav-links a:hover{opacity:1}.nav-cv{font-size:.82rem;border:1px solid var(--fg);padding:.4rem .9rem;border-radius:100px;transition:background .3s,color .3s}.nav-cv:hover{background:var(--fg);color:var(--bg)}#scroller{position:relative;z-index:2;height:100vh;height:100dvh;overflow-y:scroll;-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity;scrollbar-width:none}#scroller::-webkit-scrollbar{display:none}.snap{scroll-snap-align:start}section{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:6rem clamp(1.4rem,6vw,4rem) 5rem}.section{justify-content:flex-start}.hero{align-items:flex-start}.hero-inner{max-width:var(--max)}.eyebrow{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-2);margin-bottom:1.4rem}.hero-title{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:.92;font-size:clamp(3.2rem,13vw,10rem);letter-spacing:-.03em}.hero-title span{display:block}.hero-title span:last-child{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin-top:1.6rem;max-width:30ch;color:var(--muted);font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.5;min-height:3.2em}.hero-cta{display:flex;gap:1rem;margin-top:2.2rem;flex-wrap:wrap}.btn{font-size:.9rem;font-weight:500;padding:.85rem 1.6rem;border-radius:100px;transition:transform .3s var(--ease),background .3s,color .3s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--fg);color:var(--bg)}.btn-ghost{border:1px solid var(--line);color:var(--fg)}.btn-ghost:hover{border-color:var(--fg)}.hero-hint{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--muted);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.scroll-lottie{width:46px;height:46px}.section-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:2.6rem}.section-head .num{font-family:Space Grotesk,sans-serif;color:var(--accent);font-size:.9rem;letter-spacing:.1em}.section-head h2{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(1.8rem,5vw,3rem);letter-spacing:-.02em}.about-text{max-width:56ch;font-size:clamp(1.1rem,2.6vw,1.6rem);line-height:1.55;color:var(--fg)}.about-stats{display:flex;flex-wrap:wrap;gap:2.6rem;margin-top:3rem}.stat .stat-num{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,3.2rem);font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat .stat-label{color:var(--muted);font-size:.85rem;margin-top:.2rem}.certs{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2.4rem;max-width:var(--max)}.certs-label{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);width:100%;margin-bottom:.2rem}.cert{display:inline-flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:.55rem .9rem;background:#ffffff04}.cert-name{font-size:.85rem;font-weight:600}.cert-org{font-size:.72rem;color:var(--muted);margin-top:.1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;max-width:var(--max)}.skill{border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;background:#ffffff04;transition:transform .4s var(--ease),border-color .4s,background .4s}.skill:hover{transform:translateY(-4px);border-color:#ff6b4a80;background:#ff6b4a14}.skill .s-name{font-weight:600;font-size:1rem}.skill .s-level{color:var(--muted);font-size:.78rem;margin-top:.25rem}.timeline{max-width:var(--max);position:relative}.tl-item{position:relative;padding:0 0 2.4rem 2rem;border-left:1px solid var(--line)}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #ff6b4a29}.tl-period{color:var(--accent-2);font-size:.8rem;letter-spacing:.08em}.tl-title{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600;margin-top:.3rem}.tl-org{color:var(--muted);font-size:.95rem;margin-bottom:.8rem}.tl-points{list-style:none;display:grid;gap:.4rem}.tl-points li{color:var(--fg);opacity:.82;font-size:.92rem;padding-left:1.1rem;position:relative}.tl-points li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.projects{display:grid;gap:1.2rem;max-width:var(--max)}.project{display:grid;grid-template-columns:1fr;gap:1rem;border:1px solid var(--line);border-radius:18px;padding:1.8rem;background:var(--bg-soft);position:relative;overflow:hidden;transition:transform .5s var(--ease),border-color .5s}.project:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 0%),var(--pa, var(--accent)) 0%,transparent 40%);opacity:0;transition:opacity .5s;pointer-events:none}.project:hover{transform:translateY(-4px);border-color:#ffffff2e}.project:hover:before{opacity:.08}.p-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.p-titlewrap{display:flex;flex-direction:column;gap:.2rem}.p-name{font-family:Space Grotesk,sans-serif;font-size:clamp(1.4rem,4vw,2rem);font-weight:700}.p-link{font-size:.78rem;color:var(--pa, var(--accent));opacity:.85;width:fit-content;transition:opacity .3s}.p-link:hover{opacity:1;text-decoration:underline}.p-meta{color:var(--muted);font-size:.8rem;text-align:right;white-space:nowrap}.p-type{color:var(--pa, var(--accent))}.p-blurb{color:var(--fg);opacity:.85;line-height:1.55;max-width:60ch}.p-highlights{list-style:none;display:grid;gap:.35rem;margin-top:.4rem}.p-highlights li{color:var(--muted);font-size:.88rem;padding-left:1.1rem;position:relative}.p-highlights li:before{content:"→";position:absolute;left:0;color:var(--pa, var(--accent))}.p-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin-top:.4rem}.p-shot{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#000;transition:transform .4s var(--ease),border-color .4s}.p-shot:hover{transform:translateY(-3px);border-color:var(--pa, var(--accent))}.p-shot img{display:block;width:100%;height:150px;object-fit:cover;object-position:top}.p-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.p-tag{font-size:.72rem;color:var(--fg);border:1px solid var(--line);padding:.25rem .65rem;border-radius:100px;background:#ffffff05}.contact{align-items:flex-start}.contact-mail{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(1.35rem,5vw,3rem);letter-spacing:-.02em;line-height:1.1;background:linear-gradient(90deg,var(--fg),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-word;transition:opacity .3s}.contact-mail:hover{opacity:.7}.contact-meta{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:1.6rem;color:var(--muted);font-size:.95rem}.contact-cta{margin-top:2.4rem}.footer{margin-top:auto;padding-top:3rem;color:var(--muted);font-size:.78rem}.reveal{opacity:0;transform:translateY(28px)}@media (max-width: 720px){.nav-links{display:none}.nav{padding:.9rem 1.2rem}section{padding:5rem 1.3rem 4rem}.section-head{margin-bottom:1.8rem}.about-stats{gap:1.4rem;margin-top:2rem}.stat{flex:1 1 28%}.skills-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.skill{padding:.9rem}.project{padding:1.3rem;border-radius:14px}.p-top{flex-direction:column;gap:.3rem}.p-meta{text-align:left}.hero-hint{font-size:.62rem;bottom:1.4rem}.hero-sub{min-height:auto}}@media (max-width: 380px){.skills-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}