.portfolio-shell{--blue:#38bdf8;--blue-deep:#2563eb;color:#f5f7fa;isolation:isolate;touch-action:none;min-height:100dvh;font-family:var(--font-sans), sans-serif;background:radial-gradient(circle at 72% 42%,#2563eb26,#0000 32%),radial-gradient(circle at 18% 85%,#38bdf81a,#0000 27%),#030507;position:fixed;inset:0;overflow:hidden}.portfolio-shell a{color:inherit;text-decoration:none}.portfolio-shell button{color:inherit;font:inherit}.portfolio-background{display:contents}.glass{-webkit-backdrop-filter:blur(22px)saturate(135%);background:linear-gradient(135deg,#ffffff13,#ffffff06);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1f,0 28px 70px #00000070}.portfolio-grid,.portfolio-noise,.ambient{pointer-events:none;position:absolute;inset:0}.portfolio-grid{z-index:-3;opacity:.52;background-image:linear-gradient(#38bdf80b 1px,#0000 1px),linear-gradient(90deg,#38bdf80b 1px,#0000 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 58% 48%,#000 15%,#0000 72%);mask-image:radial-gradient(circle at 58% 48%,#000 15%,#0000 72%)}.portfolio-noise{z-index:100;opacity:.035;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.ambient{z-index:-2;filter:blur(80px);background:#2563eb2e;border-radius:50%;width:34vw;height:34vw}.ambient-one{inset:5% auto auto 48%}.ambient-two{background:#38bdf81f;inset:auto auto -24% -8%}.availability{z-index:60;top:max(22px, env(safe-area-inset-top));right:max(28px, env(safe-area-inset-right));color:#ffffff9e;font:500 10px/1 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;display:flex;position:absolute}.availability span{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 18px #10b981}.portfolio-layout{grid-template-columns:minmax(310px,430px) minmax(500px,1fr);align-items:center;gap:clamp(34px,5vw,92px);width:min(1440px,100%);height:100%;margin:0 auto;padding:clamp(64px,7vh,96px) clamp(28px,6vw,92px) clamp(86px,10vh,118px);display:grid}.expertise-card{z-index:40;border-radius:32px;flex-direction:column;gap:clamp(18px,2.4vh,30px);padding:clamp(25px,3.2vw,42px);display:flex}.eyebrow,.project-meta,.project-stack,.proof-list,.panel-index,.gesture-cue,.orbit-controls{font-family:var(--font-mono), monospace}.eyebrow{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:500}.expertise-card h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,4vw,62px);line-height:.94}.role{color:var(--blue);margin:15px 0 0;font-size:clamp(14px,1.2vw,18px);font-weight:600}.proof-list{gap:17px;display:grid}.proof-list p{color:#ffffffad;align-items:center;gap:14px;margin:0;font-size:12px;line-height:1.45;display:flex}.proof-list svg{width:19px;height:19px;color:var(--blue);stroke-width:1.6px;flex:none}.proof-list span{flex:1}.profile-actions{grid-template-columns:1fr;gap:10px;display:grid}.profile-actions a{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-size:12px;font-weight:600;transition:background .18s,color .18s,transform .18s;display:flex}.profile-actions a:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px)}.profile-actions svg{width:17px}.orbit-stage{perspective:1400px;height:min(68vh,670px);transform-style:preserve-3d;position:relative}.project-card{z-index:10;will-change:transform, opacity;border-radius:30px;flex-direction:column;width:min(390px,36vw);height:min(570px,63vh);transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .52s,filter .52s,border-color .52s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.project-card[data-orbit=active]{z-index:30;border-color:#38bdf861;transform:translate(-50%,-50%)scale(1)}.project-card[data-orbit=previous]{z-index:20;opacity:.43;filter:blur(2.5px);transform:translate(-130%,-58%)rotateY(16deg)scale(.77)}.project-card[data-orbit=next]{z-index:20;opacity:.43;filter:blur(2.5px);transform:translate(30%,-58%)rotateY(-16deg)scale(.77)}.project-card[data-orbit=far-previous]{opacity:.14;filter:blur(7px);transform:translate(-82%,-98%)rotateY(28deg)scale(.52)}.project-card[data-orbit=far-next]{opacity:.14;filter:blur(7px);transform:translate(-18%,-2%)rotateY(-28deg)scale(.52)}.card-hit-area{z-index:15;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.project-visual{background:#071019;border-radius:22px;flex:none;height:auto;min-height:0;margin:0;position:absolute;inset:10px;overflow:hidden}.project-visual img{object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.project-card[data-orbit=active]:hover .project-visual img{transform:scale(1.045)}.visual-shade{background:0 0;position:absolute;inset:0}.system-visual{color:#7dd3fcb8;background:linear-gradient(#38bdf812 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#38bdf812 1px,#0000 1px) 0 0/30px 30px,radial-gradient(circle,#2563eb38,#0000 55%);place-items:center;display:grid;position:absolute;inset:0}.system-visual>span{font:500 9px/1 var(--font-mono), monospace;letter-spacing:.2em;position:absolute;bottom:20px}.system-ring{aspect-ratio:1;border:1px solid #38bdf833;border-radius:50%;width:55%;position:absolute}.system-ring-two{border-style:dashed;width:32%}.system-node{background:var(--blue);width:9px;height:9px;box-shadow:0 0 20px var(--blue);border-radius:50%;position:absolute}.system-node-one{transform:translate(80px,-56px)}.system-node-two{transform:translate(-62px,82px)}.project-copy{z-index:1;text-shadow:0 2px 14px #000000d9;flex:none;margin-top:auto;padding:13px 24px 22px;position:relative}.project-meta{color:var(--blue);letter-spacing:.1em;justify-content:space-between;font-size:10px;display:flex}.project-copy h2{letter-spacing:-.035em;margin:12px 0 5px;font-size:clamp(22px,2vw,29px);line-height:1.02}.project-copy>p{color:#ffffff8f;margin:0;font-size:12px}.project-stack{color:#ffffff57;text-transform:uppercase;margin-top:14px;font-size:9px}.view-cue{color:var(--blue);opacity:0;align-items:center;gap:6px;margin-top:13px;font-size:11px;transition:opacity .24s;display:flex}.project-card[data-orbit=active]:hover .view-cue{opacity:1}.orbit-controls,.portfolio-nav{z-index:60;bottom:max(25px, env(safe-area-inset-bottom));border-radius:999px;align-items:center;display:flex;position:absolute}.orbit-controls{color:#ffffff73;gap:12px;padding:7px;font-size:9px;left:50%;transform:translate(-50%)}.orbit-controls button,.portfolio-nav a,.panel-close{color:#ffffffb3;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;transition:color .18s,background .18s,transform .18s;display:grid}.orbit-controls button:hover,.portfolio-nav a:hover,.panel-close:hover{color:#02060a;background:var(--blue);transform:scale(1.04)}.orbit-controls button:disabled{opacity:.2;cursor:default}.orbit-controls button:disabled:hover{color:#ffffffb3;background:0 0;transform:none}.progress-dots{align-items:center;gap:5px;display:flex}.progress-dots i{background:#ffffff29;border-radius:10px;width:5px;height:5px;transition:width .28s,background .28s}.progress-dots i.active{background:var(--blue);width:24px;box-shadow:0 0 14px #38bdf8b3}.portfolio-nav{right:max(28px, env(safe-area-inset-right));padding:7px}.portfolio-nav svg{width:18px}.gesture-cue{z-index:50;bottom:max(43px, calc(env(safe-area-inset-bottom) + 18px));left:max(28px, env(safe-area-inset-left));color:#ffffff57;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute}.project-panel{z-index:90;overscroll-behavior:contain;background:linear-gradient(135deg,#0a1119e6,#030507d1);border-color:#38bdf842;border-radius:34px;position:absolute;inset:clamp(12px,3vw,40px);overflow:auto}.panel-header{z-index:4;justify-content:space-between;align-items:center;padding:20px 22px 0;display:flex;position:sticky;top:0}.panel-close{background:#ffffff0f}.panel-index{color:#ffffff6b;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.panel-layout{grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr);gap:clamp(30px,5vw,80px);min-height:calc(100% - 70px);padding:20px clamp(24px,5vw,76px) clamp(30px,6vw,76px);display:grid}.panel-media{background:#071019;border-radius:25px;align-self:stretch;min-height:440px;position:relative;overflow:hidden}.panel-media img{object-fit:cover}.panel-system{background:linear-gradient(#38bdf812 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#38bdf812 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle,#2563eb47,#0000 55%);position:absolute;inset:0}.panel-system span{border:1px solid #38bdf84d;border-radius:50%;position:absolute;inset:20%}.panel-system span:nth-child(2){border-style:dashed;inset:34%}.panel-system span:nth-child(3){background:#38bdf829;inset:47%;box-shadow:0 0 55px #38bdf847}.panel-content{align-self:center;max-width:610px;padding:30px 0}.panel-content h1{letter-spacing:-.055em;margin:0;font-size:clamp(40px,5.5vw,82px);line-height:.95}.panel-summary{color:#ffffffa8;max-width:52ch;margin:24px 0 0;font-size:clamp(16px,1.4vw,21px);line-height:1.5}.panel-stack{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.panel-stack span{color:#bae6fdb8;font:500 9px/1 var(--font-mono), monospace;text-transform:uppercase;background:#38bdf80e;border:1px solid #38bdf829;border-radius:999px;padding:8px 11px}.project-markdown{color:#ffffff85;margin-top:28px;font-size:14px;line-height:1.7}.project-markdown h3{color:#fff}.project-markdown a{color:var(--blue);text-decoration:underline}.panel-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.panel-actions a{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:12px;display:inline-flex}.panel-actions a:first-child{background:var(--blue);color:#031018;border-color:#0000}@media (max-width:900px){.portfolio-layout{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);gap:18px;padding-inline:24px}.expertise-card{padding:26px}.proof-list{gap:12px}.proof-list p{font-size:10px}.panel-layout{grid-template-columns:1fr}.panel-media{min-height:46vh}}@media (min-width:768px) and (max-height:560px){.portfolio-layout{padding-block:48px 58px}.expertise-card{border-radius:22px;gap:10px;padding:18px}.expertise-card h1{font-size:clamp(30px,4vw,40px)}.role{margin-top:9px;font-size:13px}.proof-list,.profile-actions,.gesture-cue{display:none}.orbit-stage{height:calc(100dvh - 106px)}.project-card{width:min(300px,34vw);height:min(300px,100dvh - 106px)}.project-visual{flex:auto;height:auto}.project-copy{padding:7px 18px 12px}.project-copy h2{margin:7px 0 3px;font-size:18px}.project-stack,.view-cue{display:none}.availability{top:10px}.orbit-controls,.portfolio-nav{bottom:8px}}@media (max-width:767px){.portfolio-shell{touch-action:none}.portfolio-layout{padding:0;display:block}.availability{top:max(12px, env(safe-area-inset-top));padding:8px 10px;font-size:8px;right:14px}.expertise-card{z-index:45;top:max(54px, calc(env(safe-area-inset-top) + 45px));border-radius:23px;gap:11px;padding:18px 19px;position:absolute;left:14px;right:14px}.eyebrow{margin-bottom:7px;font-size:8px}.expertise-card h1{font-size:clamp(27px,8vw,36px);line-height:.95}.role{margin-top:8px;font-size:12px}.proof-list{gap:7px}.proof-list p{gap:8px;font-size:8px;line-height:1.3}.proof-list svg{width:14px;height:14px}.profile-actions{gap:7px}.profile-actions a{min-height:38px;font-size:10px}.profile-actions svg{width:14px}.orbit-stage{height:auto;position:absolute;inset:min(46vh,330px) 0 82px}.project-card{border-radius:24px;width:min(76vw,315px);height:min(43dvh,390px)}.project-card[data-orbit=previous]{opacity:.55;transform:translate(-138%,-57%)rotateY(12deg)scale(.76)}.project-card[data-orbit=next]{opacity:.55;transform:translate(38%,-57%)rotateY(-12deg)scale(.76)}.project-card[data-orbit=far-previous]{transform:translate(-90%,-105%)scale(.5)}.project-card[data-orbit=far-next]{transform:translate(-10%,5%)scale(.5)}.project-card[data-orbit]{filter:none}.project-visual{border-radius:17px;flex:61%;height:auto}.project-copy{padding:8px 19px 16px}.project-copy h2{margin-top:8px;font-size:21px}.project-stack{margin-top:9px}.view-cue,.gesture-cue{display:none}.orbit-controls{bottom:max(14px, env(safe-area-inset-bottom));gap:8px;left:14px;transform:none}.orbit-controls button{width:40px;height:40px}.progress-dots{display:none}.portfolio-nav{right:14px;bottom:max(14px, env(safe-area-inset-bottom));padding:5px}.portfolio-nav a{width:40px;height:40px}.project-panel{border-radius:25px;inset:8px}.panel-header{padding:12px 12px 0}.panel-index{text-align:right;max-width:65%;font-size:8px}.panel-layout{flex-direction:column;gap:24px;padding:14px 14px 30px;display:flex}.panel-media{border-radius:19px;flex:0 0 36dvh;min-height:260px}.panel-content{padding:0 5px}.panel-content h1{font-size:clamp(36px,12vw,58px)}.panel-summary{margin-top:17px;font-size:15px}}@media (max-width:767px) and (max-height:720px){.expertise-card{gap:7px;padding:12px 15px;top:42px}.expertise-card h1{font-size:26px}.role{margin-top:5px;font-size:10px}.proof-list{gap:4px}.proof-list p{font-size:7px;line-height:1.2}.proof-list svg{width:12px;height:12px}.profile-actions a{min-height:32px;font-size:9px}.orbit-stage{inset:295px 0 70px}.project-card{height:min(39dvh,300px)}.project-visual{flex-basis:56%}.project-copy h2{font-size:18px}.project-stack{display:none}}@media (prefers-reduced-motion:reduce){.project-card,.project-visual img,.progress-dots i{transition-duration:.12s}.project-card:not([data-orbit=active]){opacity:0;filter:none;pointer-events:none}}