.portfolio-section{position:relative;z-index:4;margin-top:100dvh;min-height:100dvh;padding:64px clamp(20px,6vw,110px) 48px;color:#e8e8eb;font-family:'Segoe UI',sans-serif;background:linear-gradient(180deg,transparent,rgba(3,5,8,.76) 22%)}
.portfolio-inner{max-width:1320px;margin:auto;opacity:var(--test-visibility,1);transform:translateY(var(--test-rise,0px))}
.portfolio-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.portfolio-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:600;color:#9dabb7}.portfolio-heading h2{font-size:clamp(32px,4.5vw,60px);font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:12px 0 0}.portfolio-heading h2 span{color:#91cbe8}.portfolio-index{font:12px monospace;color:#8c98a3;letter-spacing:.2em;padding-bottom:8px}
.project-card{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:clamp(24px,4vw,64px);align-items:center}.project-gallery{min-width:0;border:1px solid #ffffff24;border-radius:18px;overflow:hidden;background:#0b121b;box-shadow:0 24px 70px #0005;touch-action:pan-y}.project-gallery:focus-visible{outline:2px solid #91cbe8;outline-offset:5px}.project-slides{aspect-ratio:4/3;overflow:hidden}.project-slide{margin:0;width:100%;height:100%;animation:project-reveal .4s ease both}.project-slide img{display:block;width:100%;height:100%;object-fit:contain}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 6px;border-top:1px solid #ffffff12}.gallery-controls>span{font-size:11px;color:#abb8c5}.gallery-arrows{display:flex;gap:8px}.gallery-arrows button{width:40px;height:36px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff06;color:#e6eff6;font-size:22px;cursor:pointer}.gallery-arrows button:hover{background:#91cbe820;border-color:#91cbe8}.gallery-dots{display:flex;justify-content:center;gap:3px;padding:0 16px 6px}.gallery-dots button{border:0;background:none;cursor:pointer;width:30px;height:30px;padding:10px 5px}.gallery-dots span{display:block;height:3px;border-radius:5px;background:#ffffff35;transition:background .2s}.gallery-dots button[aria-pressed=true] span{background:#91cbe8} .project-copy h3{font-size:clamp(32px,3.5vw,52px);font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:16px 0 22px}.project-copy h3 span{color:#91cbe8}.project-copy>p{color:#b9c0c7;font-size:14px;line-height:1.85;margin:0 0 24px;max-width:390px}.project-features{list-style:none;padding:0;margin:0;display:grid;gap:13px;font-size:12px;color:#c3cbd2}.project-features li{padding-left:18px;position:relative}.project-features li:before{content:'↗';position:absolute;left:0;color:#91cbe8}.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}.project-tags span{font-size:10px;color:#9faeb9;border:1px solid #ffffff20;border-radius:20px;padding:7px 11px}.upcoming-projects{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.upcoming-projects>div{display:flex;gap:20px;align-items:center;border-top:1px solid #ffffff22;padding:20px 0}.upcoming-projects>div>span{font:12px monospace;color:#7c8b97}.upcoming-projects p{margin:0;color:#a5adb4;font-size:13px}.upcoming-projects small{display:block;font-size:10px;color:#697781;margin-top:6px}
@keyframes project-reveal{from{opacity:.3;transform:translateX(14px)}to{opacity:1;transform:none}}@media(max-width:800px){.project-card{grid-template-columns:1fr}.project-copy h3 br{display:none}.project-copy h3 span:before{content:' '}.project-copy>p{max-width:none}.portfolio-section{padding-top:42px}.project-copy h3{margin:12px 0 16px}.project-tags{margin-top:22px}}@media(max-width:420px){.gallery-controls{padding:10px 12px 3px}.gallery-controls>span{font-size:10px}.upcoming-projects{gap:16px}.upcoming-projects>div{gap:12px}}@media(prefers-reduced-motion:reduce){.project-slide{animation:none}.portfolio-inner{transform:none}}

.project-copy h3{font-size:clamp(26px,3vw,46px);white-space:nowrap}.project-copy h3 span:before{content:none}.project-slides{position:relative}.project-slide img{transform-origin:var(--zoom-x,50%) var(--zoom-y,50%);transition:transform .28s ease}.project-slides.is-zoomed .project-slide:not([hidden]) img{transform:scale(var(--image-zoom,1))}@media(hover:hover) and (pointer:fine){.project-slides{cursor:default}.project-slides.is-zoomed{cursor:default}}@media(prefers-reduced-motion:reduce){.project-slide img{transition:none}}

.project-divider{margin:64px 0 32px;padding-top:24px;border-top:1px solid #ffffff22;color:#8c98a3;font:12px monospace;letter-spacing:.2em}.project-copy p+p{margin-top:-8px}@media(max-width:800px){.project-divider{margin-top:44px}}

.portfolio-jump{position:fixed;z-index:11;top:34px;left:50%;transform:translateX(-50%) scale(var(--hero-scale,1));opacity:var(--hero-visibility,1);display:flex;align-items:center;justify-content:center;gap:22px;min-height:62px;padding:16px 28px;border:1px solid #fff9;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035));color:#f5f7fa;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);text-shadow:0 1px 8px #0008;box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff08,0 8px 32px #0005;font:600 16px 'Segoe UI',sans-serif;cursor:pointer;transition:box-shadow .2s,background .2s}.portfolio-jump>span:last-child{font-size:24px;line-height:1}.portfolio-jump:hover{background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 #ffffff50,0 8px 32px #0006}.portfolio-jump:focus-visible{outline:2px solid white;outline-offset:5px}@media(max-width:1100px){.portfolio-jump{top:auto;bottom:130px;min-height:48px;padding:12px 20px;font-size:14px}}@media(max-height:650px) and (max-width:1100px){.portfolio-jump{bottom:110px}}

.portfolio-heading{gap:28px;align-items:center}.portfolio-heading h2{max-width:760px;font-size:clamp(28px,3.4vw,48px);line-height:1.15;margin-top:0}.portfolio-open-source{display:flex;align-items:center;gap:18px;flex-shrink:0}.portfolio-open-source>span{font-size:12px;color:#bac4cd}.github-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 17px;border:1px solid #ffffff55;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.035));color:#f0f4f8;text-decoration:none;font:600 13px 'Segoe UI',sans-serif;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff08,0 8px 24px #0004;transition:background .2s,border-color .2s,box-shadow .2s}.github-link:disabled{opacity:.7;cursor:default}.github-link[href]:hover{background:linear-gradient(135deg,rgba(255,255,255,.23),rgba(255,255,255,.07));border-color:#ffffff80;box-shadow:inset 0 1px 0 #ffffff50,0 10px 28px #0005}.github-link[href]:active{background:rgba(255,255,255,.1)}.github-link:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:1200px){.portfolio-open-source{align-items:flex-end;flex-direction:column;gap:10px}}@media(max-width:700px){.portfolio-heading{align-items:flex-start;flex-direction:column;gap:20px}.portfolio-open-source{align-items:center;flex-direction:row;flex-wrap:wrap;gap:14px}}

.project-hidden-preview{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border:1px solid #ffffff24;border-radius:18px;background:radial-gradient(ellipse at 50% 45%,#91cbe80d,transparent 65%),#0b121b;box-shadow:0 24px 70px #0005;color:#a2b2bf}.project-hidden-preview::before{content:"";position:absolute;width:46%;aspect-ratio:1;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 36px #ffffff03,0 0 0 72px #ffffff02}.project-hidden-preview>svg{position:relative;opacity:.75}.project-hidden-number{position:absolute;left:24px;top:22px;color:#788793;font:12px monospace;letter-spacing:.2em}.project-card-hidden .project-copy h3{color:#a7b3bd;margin:0}