:root{color-scheme:dark;--bg: #101318;--bg-soft: #161b22;--card: rgba(24, 28, 34, .76);--card-strong: rgba(22, 25, 30, .9);--card-light: rgba(248, 246, 242, .97);--text: #f4f2ee;--muted: rgba(244, 242, 238, .74);--muted-dark: rgba(17, 20, 24, .64);--line: rgba(255, 255, 255, .1);--line-dark: rgba(17, 20, 24, .1);--accent: #77d2c5;--accent-strong: #4da79a;--shadow: 0 28px 90px rgba(2, 6, 10, .42);--radius-xl: 2rem;--radius-lg: 1.5rem;--radius-md: 1.1rem;--content: min(1120px, calc(100vw - 1.5rem) )}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(132,102,102,.35),transparent 18rem),radial-gradient(circle at 90% 12%,rgba(91,126,168,.28),transparent 18rem),linear-gradient(180deg,#0d1117,#12161d 52%,#0f1318);color:var(--text);font-family:Plus Jakarta Sans,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;opacity:.2;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 78%)}a{color:inherit;text-decoration:none}.site-shell{position:relative}.hero{position:relative;min-height:100svh;padding:1rem 0 2rem}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080b0f29,#080b0f99),url(/assets/hero-atmosphere.svg) center / cover no-repeat}.hero-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0c101a,#0a0c10b8)}.hero-frame,.panel-section{position:relative;z-index:1;width:min(100%,1120px);padding-inline:.75rem;margin:0 auto}.hero-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100svh - 3rem);gap:1rem}.hero-nav{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.45rem;padding:.45rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0f121873;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-nav a{padding:.75rem 1rem;border-radius:999px;color:#f4f2eedb;font-size:.9rem;font-weight:600;transition:background .18s ease,color .18s ease,transform .18s ease}.hero-nav a:hover,.hero-nav a:focus-visible{background:#ffffff14;color:var(--text);transform:translateY(-1px)}.profile-card{width:min(100%,33rem);border:1px solid rgba(255,255,255,.14);border-radius:2.15rem;overflow:hidden;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.profile-card__main{padding:2rem 1.35rem 1.65rem;text-align:center;background:linear-gradient(180deg,#1b1f25d1,#13161be6),linear-gradient(135deg,rgba(255,255,255,.1),transparent 48%)}.avatar-ring{display:inline-grid;place-items:center;width:7.8rem;height:7.8rem;margin-bottom:1rem;padding:.2rem;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,#ffffffeb,#ffffff59)}.avatar-photo{width:100%;height:100%;border-radius:999px;object-fit:cover;object-position:center 28%;transform:scale(2.85);transform-origin:center 33%;display:block}.card-label,.eyebrow{margin:0;color:#f4f2eeb8;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.profile-card h1,.section-head h2,.timeline-card h3,.project-card h3,.security-card h3,.contact-card h2{margin:0;letter-spacing:-.04em}.profile-card h1{margin-top:1rem;font-family:Fraunces,serif;font-size:clamp(2.5rem,8vw,3.6rem);line-height:.95}.role-line{margin:.95rem auto 0;max-width:24rem;color:var(--text);font-size:1rem;font-weight:600;line-height:1.65}.intro-copy,.section-head p,.timeline-card p,.project-card p,.security-card p,.contact-card p{color:var(--muted);line-height:1.8}.intro-copy{margin:1rem 0 0;font-size:.96rem}.hero-actions,.contact-stack{display:flex;flex-direction:column;gap:.8rem;margin-top:1.4rem}.credential-list{display:grid;gap:.55rem;margin-top:1rem}.credential-list span{display:block;padding:.72rem .9rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;color:#f4f2eee0;font-size:.83rem;font-weight:600;line-height:1.45}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.85rem 1.2rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button--solid{background:linear-gradient(135deg,#75d3c2,#5ca79c);color:#112126}.button--ghost{border-color:#ffffff26;background:#ffffff0a;color:var(--text)}.profile-card__dock{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.2rem 1.15rem;background:var(--card-light);color:#111418}.dock-links{display:flex;justify-content:center;gap:.8rem}.dock-links a{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;border:1px solid var(--line-dark);background:#1114180a;transition:transform .18s ease,background .18s ease}.dock-links a:hover,.dock-links a:focus-visible{transform:translateY(-1px);background:#11141814}.dock-links svg{width:1.18rem;height:1.18rem;fill:currentColor}.dock-meta{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;color:var(--muted-dark);font-size:.83rem;font-weight:700}.panel-section{padding:1rem 0 4.5rem}.panel-section--compact{padding-bottom:5rem}.section-head{max-width:38rem;margin-bottom:1.4rem}.section-head h2,.contact-card h2{margin-top:.55rem;font-family:Fraunces,serif;font-size:clamp(2rem,6vw,3.1rem);line-height:1.02}.project-grid,.experience-layout,.security-grid{display:grid;gap:1rem}.project-card,.timeline-card,.strength-card,.security-card,.contact-card{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);background:linear-gradient(180deg,#171b22eb,#0f1218f2);box-shadow:var(--shadow)}.project-card,.timeline-card,.strength-card,.security-card{padding:1.35rem}.project-card__meta{display:flex;justify-content:space-between;gap:.8rem;align-items:center;color:#77d2c5eb;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.project-card__meta a{color:#f4f2eed1}.project-card__meta a:hover,.project-card__meta a:focus-visible{color:var(--text)}.project-card h3,.timeline-card h3,.security-card h3{margin-top:.7rem;font-size:1.35rem;line-height:1.08}.project-card__summary{margin-top:.8rem}.project-points,.strength-list{display:grid;gap:.85rem;margin:1rem 0 0;padding:0;list-style:none;color:var(--muted)}.project-points li,.strength-list li{position:relative;padding-left:1rem;line-height:1.75}.project-points li:before,.strength-list li:before{content:"";position:absolute;left:0;top:.75rem;width:.38rem;height:.38rem;border-radius:999px;background:var(--accent)}.tag-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.tag-row span{padding:.5rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f4f2eed1;font-size:.82rem;font-weight:600}.timeline-card{display:grid;gap:1.4rem}.timeline-top{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:var(--accent);font-size:.86rem}.timeline-card article+article{padding-top:1.35rem;border-top:1px solid var(--line)}.strength-list strong{display:block;color:var(--text);font-size:1rem;margin-bottom:.22rem}.strength-list span{color:var(--muted)}.security-card span{color:#77d2c5eb;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.contact-card{padding:1.4rem}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .46s ease,transform .46s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}#projects,#experience,#security,#contact{scroll-margin-top:2rem}@media (max-width: 520px){.hero{padding:.85rem 0 1.75rem}.hero-frame{gap:.85rem;min-height:calc(100svh - 2.2rem)}.hero-nav{width:min(100%,21.5rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-nav a{text-align:center;padding:.72rem .8rem;font-size:.86rem}.profile-card{border-radius:1.8rem}.profile-card__main{padding:1.8rem 1.15rem 1.5rem}.card-label{max-width:17rem;margin-inline:auto;line-height:1.45;letter-spacing:.14em}.profile-card h1{font-size:clamp(2.2rem,13vw,3rem)}.role-line{font-size:.96rem;line-height:1.55}.intro-copy{font-size:.93rem;line-height:1.72}.credential-list span{text-align:center}}@media (min-width: 700px){.hero{padding:1.2rem 0 3rem}.profile-card__main{padding:2.5rem 2.25rem 1.9rem}.hero-actions{flex-direction:row;justify-content:center}.hero-actions .button{min-width:11rem}.credential-list,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card--featured{grid-column:1 / -1}.experience-layout{grid-template-columns:1.1fr .9fr}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.hero{padding:1.5rem 0 3.5rem}.hero-frame{min-height:calc(100svh - 4rem)}.panel-section{padding:1.5rem 0 5.5rem}.project-grid{grid-template-columns:1.25fr 1fr 1fr}.project-card--featured{grid-column:1 / 3;grid-row:span 2}}@media (min-width: 700px) and (max-height: 820px){.hero-frame{gap:.8rem;min-height:calc(100svh - 2.2rem)}.profile-card{width:min(100%,31rem)}.profile-card__main{padding:1.65rem 1.75rem 1.35rem}.avatar-ring{width:6rem;height:6rem;margin-bottom:.8rem}.profile-card h1{font-size:3rem;margin-top:.8rem}.role-line{margin-top:.7rem;font-size:.94rem}.intro-copy{margin-top:.8rem;font-size:.9rem;line-height:1.65}.hero-actions{margin-top:1rem}.profile-card__dock{padding:.9rem 1rem 1rem}}