.surname-vector{display:block;width:3.85em;height:auto;max-width:100%;color:var(--text);overflow:visible}.surname:has(svg),.loader-name>span:has(svg){-webkit-text-stroke:0!important;-webkit-text-fill-color:initial!important;padding:.02em 0 .06em;line-height:1}.loader-name .surname-vector{width:3.85em}
.burger-lines{width:18px;height:16px;position:relative;display:block}.burger-lines i{position:absolute;left:0;width:18px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .4s cubic-bezier(.22,.61,.36,1),opacity .2s;transform-origin:center}.burger-lines i:nth-child(1){top:1px}.burger-lines i:nth-child(2){top:7px}.burger-lines i:nth-child(3){top:13px}.menu-toggle[aria-expanded=true] i:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:nth-child(2){opacity:0;transform:scaleX(.4)}.menu-toggle[aria-expanded=true] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.project-page .header{position:sticky;top:20px;max-width:1220px;margin:20px auto 0;padding:17px 24px;border-radius:50px;gap:24px;background:var(--header)}.project-page .header .brand{font-size:1rem;gap:12px}.project-page .nav-actions{gap:14px}.project-page .header .nav-actions>a{font-size:.82rem}.project-detail{max-width:1320px}.project-pagination{z-index:auto}.project-page .header #navigation a[href$="#projects"]{color:var(--accent)}
@media(min-width:1100px){.project-page .header{max-width:none;margin-inline:4vw}.project-detail{max-width:none;padding-inline:4vw}.project-detail>h1,.project-lead{max-width:1000px}.showcase{max-width:1200px;margin-inline:auto}}
@media(max-width:760px){.header #navigation{display:flex;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px) scale(.98);transform-origin:top;transition:opacity .3s,transform .4s cubic-bezier(.22,.61,.36,1),visibility .4s}.header #navigation.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.project-page .header{margin:14px 18px 0;top:14px;padding:12px 16px;gap:10px}.project-page .header .brand{font-size:.9rem;gap:8px}.project-page .nav-actions{gap:8px}.project-detail{padding-inline:24px}.surname-vector{width:3.85em}}
#skill-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:45px;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:45px 45px;padding:25px 0}.skill-inspector{align-self:start;position:sticky;top:125px;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--solid);min-height:320px}.skill-inspector>small,.matrix-row h3{font-size:.65rem;letter-spacing:.16em;color:var(--muted)}.skill-inspector h3{font-size:1.6rem;margin:25px 0 14px}.skill-inspector p{font-size:.88rem}.skill-inspector .tags{margin:22px 0}.skill-inspector footer{display:block;min-height:0;margin:24px 0 0!important;padding:18px 0 0;font-size:.63rem;letter-spacing:.1em}.matrix-row{border-top:1px solid var(--border);padding:24px 0 28px}.matrix-row h3{margin-bottom:20px}.matrix-row h3 span{color:var(--accent);margin-right:12px}.matrix-pills{display:flex;flex-wrap:wrap;gap:10px}.matrix-pill{padding:10px 17px;border:1px solid var(--border);border-radius:30px;background:var(--bg);color:var(--text);font-size:.8rem;transition:opacity .2s,background .2s,border-color .2s}.matrix-pill[aria-pressed=true]{background:var(--accent-strong);color:var(--bg);border-color:var(--accent)}[data-theme=light] .matrix-pill[aria-pressed=true]{color:var(--text)}.matrix-pill.is-related{border-color:var(--accent)}.matrix-pill.is-dim{opacity:.4}.matrix-reset{border:0;background:none;color:var(--accent);padding:0;margin-top:14px;font-size:.75rem}
@media(max-width:760px){#skill-grid{grid-template-columns:1fr;gap:20px}.skill-inspector{position:static;min-height:0;padding:22px}.skill-inspector h3{margin:12px 0}.skill-inspector footer{margin-top:16px!important}.matrix-row{padding:20px 0}.matrix-pill{padding:9px 13px;font-size:.75rem}}
@keyframes route-enter{from{opacity:.45;filter:blur(8px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:none}}.route-enter{animation:route-enter .8s ease-out both}
@media(prefers-reduced-motion:reduce){.route-enter{animation:none}.burger-lines i,.header #navigation,.matrix-pill{transition:none}}

.route-enter{animation-duration:1.8s}.matrix-pill.is-dim{opacity:.55}

@media(max-width:760px){.matrix-row .skill-inspector{margin-top:20px;min-width:0}.skill-inspector .tags{gap:7px}.skill-inspector .tag{white-space:normal}.matrix-pill{min-height:44px;touch-action:manipulation}.skill-inspector footer{overflow-wrap:anywhere}}
@media(max-width:760px){#skill-grid>.skill-inspector{display:none}.matrix-row>.skill-inspector{display:block}}
/* Reference-inspired stack explorer, using the site's existing theme tokens. */
#skill-grid{grid-template-columns:300px minmax(0,1fr);gap:30px;background:none;align-items:start}
.skill-inspector{padding:30px;border-radius:26px;min-height:510px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--solid)),var(--solid));display:flex;flex-direction:column}
.skill-inspector h3{font-size:1.8rem;letter-spacing:-.045em;line-height:1.25}.skill-inspector footer{margin-top:auto!important;padding-top:24px}.orbit-caption{display:block;margin-top:4px}
.stack-orbit{position:relative;display:grid;place-items:center;width:142px;aspect-ratio:1;margin:28px 0;color:var(--accent);border:1px solid var(--border);border-radius:50%;background:color-mix(in srgb,var(--accent) 7%,var(--bg))}
.stack-orbit:after{content:'';position:absolute;inset:15px;border:1px dashed color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%}.stack-orbit>i{position:absolute;inset:-5px;border:2px solid transparent;border-left-color:var(--accent);border-bottom-color:var(--border);border-radius:50%;animation:stack-orbit-turn 16s linear infinite}.stack-orbit>i:before,.stack-orbit>i:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);top:17%;left:10%}.stack-orbit>i:after{top:auto;left:auto;right:10%;bottom:17%;opacity:.6}.stack-orbit>span{font:600 34px/1 monospace}
@keyframes stack-orbit-turn{to{transform:rotate(360deg)}}
.matrix-row{padding:26px 28px;margin-bottom:16px;border:1px solid var(--border);border-radius:22px;background:var(--solid);transition:border-color .3s,box-shadow .3s}.matrix-row:focus-within,.matrix-row:hover{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.matrix-row h3{font-size:1.12rem;letter-spacing:-.025em;color:var(--text);margin:0}.matrix-row h3 span{font-size:.75rem;letter-spacing:0}.matrix-subtitle{font-size:.83rem;margin:7px 0 23px 29px}.matrix-pill{border-radius:11px;padding:11px 15px;font-weight:500}.matrix-pill.is-dim{opacity:.65}
.education-card{display:grid!important;grid-template-columns:240px minmax(0,1fr);gap:42px;align-items:center;padding:42px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 10%,var(--solid)),var(--solid));border-radius:26px}.education-card>div{max-width:100%;width:auto}.education-card .education-orbit{display:grid;place-items:center}.education-orbit .stack-orbit{width:210px;margin:12px}.education-orbit .stack-orbit>div{display:flex;flex-direction:column;align-items:center;gap:9px}.education-orbit small{font-size:.55rem;letter-spacing:.25em;color:var(--muted)}.education-orbit strong{font:700 28px/1.2 Manrope,sans-serif;color:var(--text)}.education-card h3{margin-top:15px}.education-card .cgpa{margin-top:22px;max-width:350px}
/* Match the main header's frost, including touch devices. */
.header.glass,.project-page .header.glass{backdrop-filter:blur(30px) saturate(130%);-webkit-backdrop-filter:blur(30px) saturate(130%);background:var(--header)}
@media(max-width:760px){#skill-grid{grid-template-columns:1fr;gap:18px}#skill-grid>.skill-inspector{display:flex;min-height:0;padding:24px}.skill-inspector .stack-orbit{width:100px;margin:20px 0}.skill-inspector h3{font-size:1.5rem}.matrix-row{padding:22px 18px}.matrix-row .skill-inspector{min-height:0;padding:20px}.matrix-row .skill-inspector .stack-orbit,.matrix-row .skill-inspector .orbit-caption{display:none}.matrix-subtitle{margin-left:0}.education-card{grid-template-columns:1fr;padding:28px 22px;gap:22px}.education-orbit .stack-orbit{width:165px}.education-card h3{font-size:1.65rem}.education-card .cgpa{max-width:100%}}
@media(prefers-reduced-motion:reduce){.stack-orbit>i{animation:none}.matrix-row{transition:none}}
.education-card>.cgpa{grid-column:2;margin:0;justify-self:start;width:100%;border-left:0;padding-left:0}.education-card .education-orbit{grid-row:1 / span 2}@media(max-width:760px){.education-card .education-orbit{grid-row:auto}.education-card>.cgpa{grid-column:1}}
/* Keep the degree, description and GPA in a single desktop row. */
.education-card{grid-template-columns:210px minmax(0,1fr) 175px;gap:30px}.education-card .education-orbit{grid-row:1;grid-column:1}.education-card>.cgpa{grid-column:3;grid-row:1;border-left:1px solid var(--border);padding:20px 0 20px 24px;align-self:center}.education-card>.cgpa strong{font-size:2.6rem}
@media(max-width:900px){.education-card{grid-template-columns:minmax(0,1fr) 135px;gap:22px}.education-card .education-orbit{grid-column:1 / -1;grid-row:1}.education-card>div:not(.education-orbit):not(.cgpa){grid-column:1;grid-row:2}.education-card>.cgpa{grid-column:2;grid-row:2;padding-left:18px}.education-orbit .stack-orbit{width:145px}.education-card h3{font-size:1.35rem}.education-card>.cgpa strong{font-size:2rem}}
@media(max-width:440px){.education-card{grid-template-columns:minmax(0,1fr) 96px;gap:14px;padding:24px 18px}.education-card>.cgpa{padding-left:12px}.education-card h3{font-size:1.15rem}.education-card p{font-size:.82rem}.education-card>.cgpa strong{font-size:1.8rem}}
/* Shared card border treatment, matching the stack explorer. */
:is(.matrix-row,.skill-inspector,.experience-item,.project-card,.cert-card,.education-card,.contact-panel,.showcase-slide,.project-pagination a,.portrait-card,.current-role,.about-photo,.photo-label,#contact-form){transition:border-color .3s ease,box-shadow .3s ease!important}
@media(hover:hover) and (pointer:fine){:is(.matrix-row,.skill-inspector,.experience-item,.project-card,.cert-card,.education-card,.contact-panel,.showcase-slide,.project-pagination a,.portrait-card,.current-role,.about-photo,.photo-label,#contact-form):hover{border-color:var(--accent)!important;box-shadow:inset 3px 0 var(--accent)!important}}
:is(.matrix-row,.skill-inspector,.experience-item,.project-card,.cert-card,.education-card,.contact-panel,.showcase-slide,.project-pagination a,.portrait-card,.current-role,.about-photo,.photo-label,#contact-form):focus-within{border-color:var(--accent)!important;box-shadow:inset 3px 0 var(--accent)!important}
@media(hover:none){.matrix-row:hover:not(:focus-within){border-color:var(--border);box-shadow:none}}
@media(prefers-reduced-motion:reduce){:is(.matrix-row,.skill-inspector,.experience-item,.project-card,.cert-card,.education-card,.contact-panel,.showcase-slide,.project-pagination a,.portrait-card,.current-role,.about-photo,.photo-label,#contact-form){transition:none!important}}

:is(.matrix-row,.skill-inspector,.experience-item,.project-card,.cert-card,.education-card,.contact-panel,.showcase-slide,.project-pagination a,.portrait-card,.current-role,.about-photo,.photo-label,#contact-form){border-width:1px;border-style:solid}

::view-transition-group(root){animation:none}