:root{--primary:#f08946;--accent:#27b4a3;--bg:#0a1118;--surface:#111a24;--surface-2:#182433;--text:#ecf2fb;--text-muted:#97a8c0;--border:#273649;--danger:#d75266;--shadow-soft:0 16px 34px rgba(0,0,0,0.3);--shadow-strong:0 26px 56px rgba(0,0,0,0.4)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(240,137,70,.2) 0,rgba(240,137,70,0) 35%),radial-gradient(circle at 92% 18%,rgba(39,180,163,.18) 0,rgba(39,180,163,0) 36%),radial-gradient(circle at 45% 100%,rgba(132,164,210,.16) 0,rgba(132,164,210,0) 40%),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 46px),var(--bg);font-family:Sora,Avenir Next,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.portfolio-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding-bottom:3rem}.portfolio-header{position:-webkit-sticky;position:sticky;top:.55rem;z-index:40;width:100%;margin-inline:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:1rem;gap:1rem;padding:.72rem .8rem;border:1px solid rgba(39,54,73,.85);border-radius:18px;background:rgba(10,17,24,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);transition:width .46s cubic-bezier(.22,1,.36,1),margin .46s cubic-bezier(.22,1,.36,1),top .46s cubic-bezier(.22,1,.36,1),border-radius .46s cubic-bezier(.22,1,.36,1),padding .46s cubic-bezier(.22,1,.36,1),background .36s ease,box-shadow .36s ease}.portfolio-header.portfolio-header-scrolled{top:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;padding-left:clamp(.8rem,2vw,1.8rem);padding-right:clamp(.8rem,2vw,1.8rem);background:rgba(10,17,24,.94);box-shadow:0 16px 34px rgba(0,0,0,.34)}.brand{font-family:Bodoni\ 72,Didot,Times New Roman,serif;letter-spacing:.03em;font-size:1.14rem}.header-nav{justify-self:center;display:flex;flex-wrap:wrap;gap:.42rem;padding:.25rem;border:1px solid var(--border);border-radius:999px;background:rgba(24,36,51,.5)}.header-nav a{border:1px solid transparent;border-radius:999px;padding:.36rem .72rem;color:var(--text-muted);font-size:.84rem;transition:color .18s ease,border-color .18s ease,background .18s ease}.header-nav a:hover{color:var(--text);border-color:var(--border);background:rgba(255,255,255,.04)}.header-actions{display:flex;align-items:center;gap:.34rem;flex-wrap:wrap;justify-content:flex-end}.lang-switch{display:flex;gap:.32rem}.action-pill,.lang-button,.retry-button{border-radius:999px;border:1px solid var(--border);padding:.44rem .78rem;font-size:.78rem;font-weight:600;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,opacity .18s ease}.lang-button,.retry-button{cursor:pointer}.lang-button{background:var(--surface);color:var(--text-muted)}.lang-button.active{background:linear-gradient(135deg,#f6a26e,var(--primary));border-color:#be6732;color:#2c1608}.action-pill{display:inline-flex;align-items:center;color:var(--text);background:linear-gradient(145deg,rgba(19,30,43,.9),rgba(13,21,31,.9))}.ghost-pill{border-style:dashed;color:#c0d5f4;background:rgba(26,40,56,.7)}.retry-button{color:#2c1608;border-color:#be6732;background:linear-gradient(135deg,#f6a26e,var(--primary))}.retry-button.is-error{border-color:var(--danger);box-shadow:0 0 0 3px rgba(215,82,102,.2)}.action-pill:hover,.lang-button:hover,.retry-button:hover{transform:translateY(-1px)}.action-pill:focus-visible,.header-nav a:focus-visible,.lang-button:focus-visible,.retry-button:focus-visible{outline:none;border-color:#f08946;box-shadow:0 0 0 3px rgba(240,137,70,.24)}.action-pill.is-disabled,.lang-button:disabled,.retry-button:disabled{opacity:.5;cursor:not-allowed}.action-pill.is-loading,.retry-button[data-loading=true]{position:relative;overflow:hidden}.action-pill.is-loading:after,.retry-button[data-loading=true]:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 85%);animation:shimmer 1.05s linear infinite}.action-pill.is-error{border-color:var(--danger);color:var(--danger)}.hero-grid{margin-top:2.4rem;display:grid;grid-template-columns:1.15fr .85fr;grid-gap:1rem;gap:1rem;align-items:stretch}.hero-copy{display:grid;grid-gap:.75rem;gap:.75rem;align-content:start}.hero-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.05rem}.hero-tag{letter-spacing:.13em;font-size:.72rem;color:#c2cce0}.hero-tag,.hero-title{margin:0;text-transform:uppercase}.hero-title{font-size:clamp(2.2rem,6.4vw,5.4rem);line-height:.9;letter-spacing:.03em}.hero-subtitle,.hero-title{font-family:Bodoni\ 72,Didot,Times New Roman,serif}.hero-subtitle{margin:0;font-size:clamp(1.12rem,2.1vw,1.68rem);color:#d6deee}.hero-lead{margin:0;max-width:62ch;color:var(--text-muted)}.marquee-wrap{margin-top:.2rem;overflow:hidden;border-radius:999px;border:1px solid var(--border);background:rgba(17,26,36,.85);box-shadow:var(--shadow-soft)}.marquee-lane{display:flex;gap:.45rem;width:max-content;padding:.5rem;animation:glide 18s linear infinite}.word-chip{flex:0 0 auto;border:1px solid rgba(39,180,163,.34);border-radius:999px;padding:.2rem .52rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#85e4d7;background:rgba(39,180,163,.1)}.hero-panel{border:1px solid var(--border);border-radius:24px;padding:1.1rem;background:linear-gradient(155deg,rgba(22,34,48,.92),rgba(13,20,30,.96)),repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,rgba(255,255,255,0) 1px 12px);box-shadow:var(--shadow-strong);display:grid;grid-gap:.85rem;gap:.85rem;align-content:start}.panel-tag{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:#f6b88d}.panel-subtitle{margin:-.15rem 0 0;color:var(--text-muted);font-size:.88rem}.stack-groups{display:grid;grid-gap:.75rem;gap:.75rem}.stack-group h5{margin:0;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:#85e4d7}.stack-chip-row{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.32rem}.stack-chip{border:1px solid rgba(240,137,70,.35);border-radius:999px;padding:.2rem .48rem;font-size:.71rem;color:#ffcaa8;background:rgba(240,137,70,.11)}.orbit{position:relative;width:100%;max-width:240px;aspect-ratio:1/1;justify-self:center;margin-bottom:.2rem}.core,.ring{position:absolute;border-radius:50%}.ring-outer{inset:0;border:1px solid rgba(240,137,70,.55);animation:spin 14s linear infinite}.ring-inner{inset:18%;border:1px solid rgba(39,180,163,.65);animation:spin-reverse 10s linear infinite}.core{inset:38%;background:linear-gradient(145deg,#f08946,#27b4a3);box-shadow:0 0 28px rgba(240,137,70,.4)}.experience-section,.projects-section-wrap{margin-top:2.8rem}.section-tag{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#c2cce0}.experience-section h3,.projects-section-wrap h3{margin:.38rem 0 0;font-family:Bodoni\ 72,Didot,Times New Roman,serif;font-size:clamp(1.3rem,2.2vw,1.85rem)}.education-card{margin-top:.95rem;border:1px solid var(--border);border-radius:18px;padding:.95rem;background:linear-gradient(160deg,rgba(21,32,45,.95),rgba(16,24,36,.95));box-shadow:var(--shadow-soft)}.education-card h4{margin:.35rem 0 0;font-family:Bodoni\ 72,Didot,Times New Roman,serif;font-size:1.08rem}.education-period{margin:.48rem 0 0;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:#85e4d7}.timeline{margin-top:1rem;position:relative;display:grid;grid-gap:.8rem;gap:.8rem}.timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:1px;background:rgba(151,168,192,.35)}.timeline-item{position:relative;padding-left:1.6rem}.timeline-dot{position:absolute;left:0;top:.9rem;width:.95rem;height:.95rem;border-radius:50%;border:2px solid #27b4a3;background:var(--surface);box-shadow:0 0 0 3px rgba(39,180,163,.2)}.experience-card{border:1px solid var(--border);border-radius:18px;padding:.95rem;background:linear-gradient(160deg,rgba(21,32,45,.95),rgba(16,24,36,.95));box-shadow:var(--shadow-soft)}.experience-card header{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.experience-card h4{margin:0;font-family:Bodoni\ 72,Didot,Times New Roman,serif;font-size:1.1rem}.experience-card header span{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#85e4d7}.org-name{margin:.45rem 0 0;color:#bcc8da;font-size:.9rem}.experience-card ul{margin:.7rem 0 0;padding-left:1rem;color:var(--text-muted);display:grid;grid-gap:.34rem;gap:.34rem}.project-deck{margin-top:1rem}.state-card{border:1px solid var(--border);border-radius:18px;padding:1rem;background:linear-gradient(160deg,rgba(21,32,45,.95),rgba(16,24,36,.95));box-shadow:var(--shadow-soft)}.state-card h4{margin:0;font-family:Bodoni\ 72,Didot,Times New Roman,serif;font-size:1.28rem}.state-card p{margin:.5rem 0 0;color:var(--text-muted)}.state-card-error{border-color:rgba(215,82,102,.6)}.skeleton-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.56rem;gap:.56rem}.skeleton-card{display:block;height:132px;border-radius:14px;background:linear-gradient(110deg,rgba(39,54,73,.44) 20%,rgba(109,130,157,.58) 50%,rgba(39,54,73,.44) 80%);background-size:220% 100%;animation:shimmer 1.2s linear infinite}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.project-card{border:1px solid var(--border);border-radius:18px;padding:.95rem;background:linear-gradient(160deg,rgba(21,32,45,.96),rgba(16,24,36,.98)),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,rgba(255,255,255,0) 1px 10px);box-shadow:var(--shadow-soft);display:grid;grid-gap:.72rem;gap:.72rem;transform-style:preserve-3d}.project-card-featured{grid-column:span 2;box-shadow:var(--shadow-strong)}.project-card h4{margin:0;font-family:Bodoni\ 72,Didot,Times New Roman,serif;font-size:1.1rem;word-break:break-word}.project-card header{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.project-card header span{font-size:.73rem;text-transform:uppercase;letter-spacing:.06em;color:#85e4d7}.project-card p{margin:0;color:var(--text-muted)}.meta-row{display:flex;gap:.42rem;flex-wrap:wrap}.meta-row span{border:1px solid var(--border);border-radius:999px;padding:.2rem .52rem;font-size:.72rem;color:#d5e2f6;background:rgba(255,255,255,.04)}.tag-row{display:flex;gap:.36rem;flex-wrap:wrap}.tag{border:1px solid rgba(39,180,163,.38);border-radius:999px;padding:.19rem .45rem;font-size:.7rem;color:#85e4d7;background:rgba(39,180,163,.11)}.tag-muted{border-color:rgba(240,137,70,.38);color:#ffcaa8;background:rgba(240,137,70,.12)}.link-row{display:flex;gap:.38rem;flex-wrap:wrap}.portfolio-footer{margin-top:2.4rem;border-top:1px solid rgba(39,54,73,.85);padding-top:.95rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.7rem}.portfolio-footer p{margin:0;font-size:.84rem;color:var(--text-muted)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes glide{0%{transform:translateX(0)}to{transform:translateX(-25%)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@media (max-width:1020px){.hero-grid,.portfolio-header{grid-template-columns:1fr}.header-nav{justify-self:start}.portfolio-header{top:.4rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card-featured{grid-column:span 2}.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.portfolio-shell{width:min(1180px,calc(100% - 1rem))}.project-grid,.skeleton-grid{grid-template-columns:1fr}.project-card-featured{grid-column:span 1}.experience-card header,.portfolio-footer,.project-card header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start}}