:root{font-family:Space Grotesk,Noto Sans SC,sans-serif;color:#f3efe7;background:radial-gradient(circle at top left,rgba(221,127,78,.18),transparent 26%),radial-gradient(circle at top right,rgba(66,163,160,.18),transparent 24%),linear-gradient(180deg,#0d1617,#132221 45%,#0b1314);text-rendering:optimizeLegibility;font-synthesis:none;font-weight:400;line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}a,button,input{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.page-shell{position:relative;overflow:hidden;min-height:100vh}.ambient{position:fixed;z-index:0;width:38rem;height:38rem;border-radius:999px;filter:blur(80px);opacity:.38}.ambient-left{top:-14rem;left:-8rem;background:#d5692647}.ambient-right{top:8rem;right:-12rem;background:#4ba7a438}.topbar,.layout{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem clamp(1.2rem,3vw,3rem) 1rem}.topbar h1{margin:.2rem 0 0;font-size:clamp(1.5rem,3vw,2rem)}.eyebrow{margin:0;color:#95cbc3;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}.topbar-actions{display:flex;gap:.75rem}.ghost-button,.secondary-button,.filter-chip,.command-item,.link-button{transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.ghost-button,.secondary-button,.filter-chip{border:1px solid rgba(240,235,225,.14);background:#ffffff0a;color:#f3efe7}.ghost-button{display:inline-flex;align-items:center;gap:.75rem;border-radius:999px;padding:.78rem 1rem}.ghost-button span{color:#b8c6c1;font-size:.82rem}.layout{display:grid;gap:1.4rem;padding:0 1.2rem 4rem;max-width:1360px;margin:0 auto}.card{border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,#0f1b1ce6,#0b1617c7),#0d191bb8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 80px #00000042;padding:clamp(1.35rem,2vw,2.05rem)}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:1.5rem;padding-top:clamp(1.8rem,4vw,3rem)}.hero-copy h2{margin:.7rem 0 1.1rem;max-width:17ch;font-size:clamp(1.7rem,3.3vw,3.25rem);line-height:1.12;letter-spacing:-.02em}.hero-meta{display:flex;flex-wrap:wrap;gap:.8rem;color:#cfd6d0;font-size:.98rem}.cta-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}.primary-button,.secondary-button{border-radius:999px;padding:.92rem 1.25rem}.primary-button{background:linear-gradient(135deg,#df8252,#eba56b);color:#151615;font-weight:700}.secondary-button{color:#f3efe7}.hero-side{display:grid;gap:1rem}.profile-visuals{display:grid;gap:.9rem}.hero-panel{display:grid;gap:1rem;align-content:start;padding:1rem;border-radius:22px;background:#ffffff09}.hero-panel-title,.contact-label,.project-year,.timeline-period{color:#91b9b4;font-size:.92rem}.visual-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.visual-badge{border-radius:999px;background:#f1b3871f;color:#f1b387;padding:.32rem .72rem;font-size:.8rem}.avatar-card,.photo-card{overflow:hidden;border-radius:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.avatar-card{display:grid;gap:.9rem;padding:1rem}.avatar-image,.photo-image{display:block;width:100%;object-fit:cover}.avatar-image{aspect-ratio:1 / 1.1;border-radius:20px}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.photo-card{padding:.75rem}.photo-image{aspect-ratio:1 / 1.2;border-radius:18px}.photo-label{margin:.75rem 0 0;color:#d5ddd8;font-size:.92rem}.visual-note{margin-top:0}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.metric-card{display:grid;gap:.28rem;padding:1rem;border-radius:20px;background:#ffffff0a}.metric-card strong{font-size:clamp(1.45rem,3vw,2.3rem)}.signal-list,.detail-list{display:grid;gap:.7rem;margin:0;padding-left:1.2rem;color:#d6ddd8}.section-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem}.compact-card{align-self:stretch}.section-heading{margin-bottom:1.1rem}.section-heading h3{margin:.3rem 0 0;font-size:clamp(1.5rem,2.4vw,2.25rem)}.with-inline-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.two-column-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;color:#d8dfda}.two-column-copy p,.project-description,.timeline-content p,.skill-item p,.helper-text{margin:0;color:#c9d3cd}.now-grid,.project-list,.skill-groups{display:grid;gap:1rem}.now-item{display:grid;gap:.4rem;padding:1rem;border-radius:20px;background:#ffffff0a}.now-item span{color:#91b9b4;font-size:.88rem}.filter-row,.tag-row,.social-row{display:flex;flex-wrap:wrap;gap:.65rem}.filter-chip{border-radius:999px;padding:.62rem .95rem}.filter-chip.active,.ghost-button:hover,.secondary-button:hover,.filter-chip:hover,.command-item:hover,.link-button:hover{transform:translateY(-1px);background:#ffffff14}.project-card,.skill-group,.timeline-item,.contact-grid{border-radius:22px;background:#ffffff09}.project-card,.skill-group,.contact-grid{padding:1.1rem}.project-card{min-height:100%}.project-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.project-head h4,.timeline-content h4,.skill-group h4{margin:.25rem 0 0;font-size:1.25rem}.impact-chip,.tag{border-radius:999px;background:#68bbb41f;color:#a9ded7;padding:.42rem .72rem;font-size:.82rem}.timeline{display:grid;gap:1rem}.timeline-item{display:grid;grid-template-columns:128px 1fr;gap:1rem;padding:1rem}.timeline-role{color:#a6d3cc;margin-bottom:.85rem}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.pagination-text{margin-top:0}.pagination-actions{display:flex;gap:.75rem}.pagination-button{padding:.72rem 1rem}.pagination-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.skill-group{display:grid;gap:.95rem}.skill-item{display:grid;gap:.45rem}.skill-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.contact-card{margin-bottom:1rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.link-button{padding:0;background:transparent;color:#f1b387;font-size:1.1rem}.helper-text{margin-top:.45rem;font-size:.9rem}.social-row a{border-bottom:1px solid rgba(241,179,135,.4);color:#f1b387}.command-palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:start center;padding:7rem 1rem 1rem;background:#05090a8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.command-palette{width:min(720px,100%);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;background:#0b1415f5;box-shadow:0 30px 120px #0000006b}.command-input{width:100%;border:0;outline:0;padding:1rem 1.1rem;background:transparent;color:#f3efe7;border-bottom:1px solid rgba(255,255,255,.06)}.command-results{display:grid;gap:.35rem;padding:.7rem}.command-item,.command-empty{width:100%;border-radius:16px;padding:.9rem 1rem;background:#ffffff08;color:#f3efe7;text-align:left}.command-empty{margin:0}@media (max-width: 1080px){.hero,.section-grid,.contact-grid{grid-template-columns:1fr}.hero-copy h2{max-width:none}.with-inline-actions{align-items:start;flex-direction:column}}@media (max-width: 720px){.topbar{align-items:start;flex-direction:column}.topbar-actions,.cta-row,.two-column-copy{grid-template-columns:1fr}.metrics-grid{display:grid;grid-template-columns:1fr}.topbar-actions{width:100%}.ghost-button{justify-content:space-between;width:100%}.timeline-item{grid-template-columns:1fr}.project-head,.skill-header,.pagination-bar{flex-direction:column;align-items:start}.photo-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.ambient,.topbar-actions,.command-palette-backdrop{display:none!important}.page-shell,.card{background:#fff;color:#111;box-shadow:none}}