.header{position:sticky;top:0;z-index:20;background:#0b0df2;background:rgba(11,13,18,.94);border-bottom:1px solid transparent;backdrop-filter:blur(16px)}.header.scrolled{border-color:var(--border)}.nav-wrap{min-height:88px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{font-size:34px;font-weight:800;letter-spacing:-3px}.brand span{color:var(--accent)}nav{display:flex;gap:24px}nav a,.cv-link{font-size:12px;font-weight:600;color:var(--muted)}nav a:hover,nav a[aria-current],.socials a:hover{color:var(--text)}nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:10px}.cv-link{padding:10px 16px;border:1px solid var(--border);border-radius:6px;color:var(--text)}.hero{padding-top:60px;display:grid;gap:36px}.eyebrow,.section-label,.role,.visual-heading,.visual-foot,.hero-bottom,.layer-number,time,.date{font-size:11px;letter-spacing:.12em;font-weight:600}.eyebrow{color:var(--accent);margin-bottom:18px}.role{color:var(--muted);letter-spacing:.02em;margin-bottom:30px}.hero h1 span{color:var(--accent)}.hero-description{max-width:460px;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:12px 22px;border-radius:6px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:#83a8ff;color:#0b162c}.primary:hover{background:#a4bfff}.secondary{border:1px solid var(--border);background:#131720}.socials{display:flex;gap:26px;margin-top:26px;font-size:12px;color:var(--muted)}.architecture{position:relative;padding:24px;background:radial-gradient(ellipse at 60% 40%,#182a4c66,transparent 70%);align-self:center}.visual-heading{display:flex;justify-content:space-between;color:#8d97ac;font-size:9px;margin-bottom:30px}.layer{border:1px solid #38445d;border-radius:10px;background:linear-gradient(125deg,#202c42,#10151f);padding:20px 24px;max-width:320px;margin:auto;box-shadow:0 20px 35px #0002;transform:rotate(-5deg)}.layer strong{display:block;font-size:25px;font-weight:500;letter-spacing:-1px;color:#dbe6ff;margin:12px 0}.layer-number{color:#94b2f7;font-size:9px}.layer-caption{font-size:11px;color:var(--muted)}.layer-back{transform:translateX(14px) rotate(-5deg)}.layer-data{transform:translateX(28px) rotate(-5deg)}.connector{height:22px;width:1px;background:var(--accent);margin:auto;opacity:.6}.mock-lines{display:flex;gap:6px;margin-bottom:12px}.mock-lines i{height:3px;width:40px;background:#547cb5}.mock-lines i:nth-child(2){width:70px;background:#344157}.visual-foot{text-align:center;font-size:8px;color:var(--muted);margin-top:30px}.visual-foot span{color:var(--accent);padding:0 10px}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;padding-block:24px;color:var(--muted);font-size:9px;margin-top:32px}.section-label{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px;border-top:1px solid var(--border);padding-top:22px;margin-bottom:50px}.section-label span:first-child{color:var(--accent)}.lead{font-size:20px;color:var(--text);line-height:1.6}.text-link{display:inline-block;font-size:13px;font-weight:700;margin-top:14px;border-bottom:1px solid #4b5973;padding-bottom:6px}.text-link:hover{color:var(--accent)}.section-title{margin-bottom:40px}.section-title p{font-size:13px}.project{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel)}.project-image{display:block;overflow:hidden;background:#1a2130}.project-image img{width:100%;transition:transform .5s}.project-image:hover img{transform:scale(1.025)}.image-top{display:flex;justify-content:space-between;padding:14px 22px;font-size:9px;letter-spacing:.1em;color:#c1c9d9}.project-info{padding:28px}.project-info p{font-size:13px}.project-info .eyebrow{font-size:9px}.project-info h3{display:flex;justify-content:space-between}.project-info h3 span{font-size:24px;color:var(--accent)}.tags{list-style:none;display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:22px 0 10px}.tags li{border:1px solid #303747;padding:3px 9px;border-radius:4px;font-size:10px;color:#bcc8df}.project-grid{display:grid;gap:24px;margin-top:24px}.skills{display:grid;gap:0}.skills>div{padding:28px 16px 28px 0;border-top:1px solid var(--border)}.skill-code{font-family:monospace;color:var(--accent);font-size:22px;display:block;margin-bottom:18px}.skills h3{font-size:17px;letter-spacing:-.02em;margin-bottom:12px}.skills p,.skills small{font-size:12px;margin-bottom:4px}.career-grid{display:grid;gap:50px;margin-top:50px}.column-title{font-size:13px;letter-spacing:0;margin-bottom:35px}.timeline{border-left:1px solid var(--border);padding:0 0 30px 24px;position:relative}.timeline:before{content:'';position:absolute;left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--accent)}time,.date{display:block;color:var(--muted);font-size:9px;margin-bottom:13px}.timeline h4{margin-bottom:8px}.timeline strong{font-size:12px;font-weight:500;color:#c5cede}.timeline p{font-size:13px;margin:12px 0 0}.career-grid details{font-size:12px;color:var(--muted);padding:12px 24px}summary{cursor:pointer;color:var(--text)}.contact{text-align:center}.contact .section-label{text-align:left}.contact>.eyebrow{font-size:9px;margin-top:65px}.contact h2{font-size:clamp(44px,6vw,74px)}.contact h2 span{color:var(--accent)}.contact>p{font-size:14px}.contact .button{margin-top:20px}.email{display:block;font-size:13px;margin-top:20px;overflow-wrap:anywhere}.contact .socials{justify-content:center}footer{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px}footer p,footer>a:last-child{font-size:10px;margin:0;color:var(--muted)}.menu-toggle{background:transparent;border:1px solid var(--border);border-radius:5px;color:var(--text);padding:8px 12px}.reveal{opacity:1}.motion-ready .reveal{transition:opacity .65s,transform .65s}.motion-ready .reveal.pending{opacity:0;transform:translateY(16px)}