.selected-work{background:radial-gradient(at 50% 35%,#7191a124,#0000 42%),linear-gradient(#0b0d0f,#050607 80%);min-height:760px;padding-bottom:48px;position:relative;overflow:hidden}.selected-work:before{content:"";pointer-events:none;border:1px solid #b9c9cb1f;border-radius:50%;width:78%;height:52%;position:absolute;top:29%;left:50%;transform:translate(-50%);box-shadow:0 0 100px #506e801f}.selected-heading{z-index:2;justify-content:space-between;align-items:end;gap:32px;max-width:1080px;margin:24px auto 0;display:flex;position:relative}.selected-heading h2{letter-spacing:-.07em;text-transform:uppercase;margin:0;font-size:clamp(44px,7vw,94px);line-height:.9}.selected-heading h2 i{font-family:var(--serif);text-transform:none;letter-spacing:-.04em;font-weight:400}.selected-heading p{max-width:245px;color:var(--muted);margin:0 0 6px;font-size:12px;line-height:1.6}.work-stage{z-index:1;cursor:grab;touch-action:pan-y pinch-zoom;height:500px;margin-top:10px;position:relative}.work-stage:active{cursor:grabbing}.work-stage canvas{display:block!important}.work-reflection{filter:blur(22px);pointer-events:none;background:radial-gradient(#96b2b82e,#0000 68%);height:140px;position:absolute;bottom:48px;left:12%;right:12%;transform:rotateX(72deg)}.work-meta{z-index:3;text-align:center;background:linear-gradient(#0c1012db,#050708e6);border-top:1px solid #d8ff5952;width:min(520px,100% - 32px);margin:-12px auto 0;padding:18px 20px;position:relative;box-shadow:0 18px 45px #00000059}.work-meta>span{color:var(--acid);font:10px var(--mono);letter-spacing:.2em;display:block}.work-meta small{color:#aeb8b8;font:10px var(--mono);letter-spacing:.16em;margin-top:8px;display:block}.work-meta h3{text-transform:uppercase;letter-spacing:-.04em;margin:8px 0 5px;font-size:clamp(22px,3vw,32px)}.work-meta p{max-width:440px;color:var(--muted);margin:0 auto;font-size:11px;line-height:1.55}.work-meta>div{color:#b9c2c3;font:9px var(--mono);letter-spacing:.05em;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:13px;display:flex}.work-meta b{font-weight:400}.work-controls{z-index:4;justify-content:center;gap:12px;margin-top:18px;display:flex;position:relative}.work-controls button{color:#e4ebeb;cursor:pointer;background:#151a1b;border:1px solid #d8ff5959;width:44px;height:38px;font-size:18px;box-shadow:4px 5px #00000059}.work-controls button:hover{color:var(--acid);background:#253032}.work-controls button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}@media (max-width:700px){.selected-work{min-height:620px;padding-top:48px}.selected-heading{margin-top:14px;display:block}.selected-heading h2{font-size:clamp(39px,14vw,58px)}.selected-heading p{max-width:230px;margin-top:11px;font-size:10px}.work-stage{height:270px;margin-top:-4px}.work-meta{margin-top:-2px;padding:12px 14px}.work-meta h3{font-size:20px}.work-meta p{font-size:9px;line-height:1.4}.work-meta>div{gap:8px;margin-top:8px;font-size:8px}.work-controls{margin-top:10px}}@media (max-width:340px){.selected-work{padding-top:42px}.selected-heading h2{font-size:38px}.work-stage{height:250px}.work-meta{padding:10px 12px}.work-meta h3{font-size:18px}.work-meta p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (prefers-reduced-motion:reduce){.work-stage{cursor:default}}.selected-work{height:auto;min-height:clamp(620px,88svh,820px);padding:clamp(54px,6svh,76px) clamp(16px,4vw,56px) clamp(18px,3svh,34px);overflow:hidden}.selected-work:before{width:min(900px,86%);height:42%;top:28%}.selected-heading{gap:24px;max-width:1040px;margin:12px auto 0}.selected-heading h2{font-size:clamp(38px,5.4vw,76px);line-height:.86}.selected-heading p{max-width:220px;margin-bottom:2px;font-size:10px;line-height:1.45}.work-stage{height:clamp(260px,38svh,390px);margin-top:0}.work-stage canvas{overflow:visible}.work-stage-placeholder{opacity:.45;background:radial-gradient(#8de8ff14,#0000 58%);border-radius:50%;width:100%;height:100%}.work-reflection{height:90px;bottom:20px}.work-meta{width:min(500px,100% - 24px);margin:-4px auto 0;padding:10px 16px 9px}.work-meta>span{letter-spacing:.16em;font-size:8px}.work-meta small{margin-top:4px;font-size:8px}.work-meta h3{margin:4px 0 3px;font-size:clamp(22px,2.7vw,38px);line-height:1}.work-meta p{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:430px;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.work-meta>div{flex-wrap:wrap;justify-content:center;gap:5px 14px;margin-top:7px;font-size:8px;line-height:1.2;display:flex}.work-controls{margin-top:8px}@media (max-height:780px) and (min-width:701px){.selected-work{min-height:680px;padding-top:48px;padding-bottom:14px}.selected-heading h2{font-size:clamp(36px,4.7vw,62px)}.work-stage{height:clamp(220px,32svh,300px)}.work-meta{padding:8px 14px}.work-meta h3{font-size:clamp(20px,2.4vw,30px)}.work-controls{margin-top:5px}}@media (max-width:700px){.selected-work{height:auto;min-height:clamp(500px,88svh,700px);padding:46px 14px 14px}.selected-heading{margin-top:8px;display:block}.selected-heading h2{font-size:clamp(36px,13vw,54px);line-height:.84}.selected-heading p{max-width:230px;margin-top:9px;font-size:9px;line-height:1.4}.work-stage{height:clamp(210px,41svh,310px);margin-top:-2px}.work-reflection{height:65px;bottom:6px;left:4%;right:4%}.work-meta{width:calc(100% - 14px);margin:-2px auto 0;padding:8px 11px 7px}.work-meta>span,.work-meta small{font-size:7px}.work-meta small{margin-top:3px}.work-meta h3{margin:4px 0 2px;font-size:clamp(18px,6vw,25px)}.work-meta p{-webkit-line-clamp:2;font-size:9px;line-height:1.3}.work-meta>div{gap:4px 9px;margin-top:5px;font-size:7px}.work-controls{margin-top:7px}}@media (max-width:380px){.selected-work{min-height:510px;padding-top:40px}.selected-heading h2{font-size:38px}.work-stage{height:230px}.work-meta h3{font-size:19px}.work-meta p{-webkit-line-clamp:1;font-size:8px}.work-controls{margin-top:5px}}@media (prefers-reduced-motion:reduce){.work-stage{cursor:default}}
.skills{--sk-ico:22px;--sk-gap:14px;--sk-pad-y:11px;--sk-pad-x:18px;background:radial-gradient(120% 90% at 50% 0,#8de8ff0d,#0000 46%),linear-gradient(#0a0c0e,#050607 78%);padding:clamp(76px,10vw,132px) clamp(18px,5vw,72px);position:relative;overflow:hidden}.skills:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#f2f0eb05 1px,#0000 1px),linear-gradient(90deg,#f2f0eb05 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(78% 62% at 50% 42%,#000,#0000 72%);mask-image:radial-gradient(78% 62% at 50% 42%,#000,#0000 72%)}.skills-head{z-index:2;max-width:1400px;margin:0 auto clamp(36px,5vw,60px);position:relative}.skills-head h2{font:500 clamp(48px,8vw,110px)/.9 var(--serif);letter-spacing:-.065em;text-transform:none;margin:20px 0 0}.skills-head h2 i{font-family:var(--serif);text-transform:none;letter-spacing:-.03em;font-style:italic;font-weight:400}.skills-head>p{max-width:58ch;color:var(--muted);margin:20px 0 0;font-size:clamp(12px,1.05vw,15px);line-height:1.65}.skills-rails{z-index:2;gap:clamp(14px,2vw,22px);max-width:1400px;margin:0 auto;display:grid;position:relative}.skill-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,30px);min-width:0;display:grid}.skill-cat{font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);white-space:nowrap;min-width:max-content}.skill-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#141a1e6b,#0c10131f 50%,#141a1e6b);min-width:0;padding:clamp(10px,1.4vw,16px) 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.skill-track{will-change:transform;width:max-content;display:flex}.skill-set{flex:none;align-items:center;display:flex}.skill-track--rtl{animation:38s linear infinite rail-rtl}.skill-track--ltr{animation:45s linear infinite rail-ltr}.skill-row:first-child .skill-track{animation-duration:38s}.skill-row:nth-child(2) .skill-track{animation-duration:45s}.skill-row:nth-child(3) .skill-track{animation-duration:41s}@keyframes rail-rtl{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes rail-ltr{0%{transform:translate(-50%)}to{transform:translate(0,0)}}.skill-item{align-items:center;gap:var(--sk-gap);margin-right:var(--sk-gap);padding:var(--sk-pad-y) var(--sk-pad-x);color:var(--muted);white-space:nowrap;background:linear-gradient(145deg,#1a2025b8,#0b0e11b3);border:1px solid #f2f0eb1a;border-radius:999px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,color .35s,background .35s,box-shadow .35s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.skill-ico{width:var(--sk-ico);height:var(--sk-ico);fill:currentColor;color:inherit;flex:none;transition:color .35s,filter .35s;display:block}.skill-ico-neutral{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.skill-name{font:500 clamp(11px,1vw,13px)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:inherit}.skill-item:hover{color:var(--paper);background:linear-gradient(145deg,#242d30eb,#0c1013f0);border-color:#d8ff5980;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 12px 26px -12px #00000080}.skill-item:hover .skill-ico{filter:brightness(1.14)drop-shadow(0 0 7px #d8ff594d)}@media (pointer:fine){.skill-rail:hover .skill-track{animation-play-state:paused}}@media (max-width:800px){.skills{--sk-ico:18px;--sk-gap:8px;--sk-pad-y:7px;--sk-pad-x:12px}.skill-row{grid-template-columns:minmax(0,1fr);gap:10px}.skill-cat{letter-spacing:.16em;padding-left:2px;font-size:9px}.skills-head h2{font-size:clamp(40px,12vw,64px);line-height:.92}}@media (max-width:420px){.skills{--sk-ico:17px;--sk-gap:7px;--sk-pad-y:6px;--sk-pad-x:11px}.skill-name{letter-spacing:.1em;font-size:10px}}@media (prefers-reduced-motion:reduce){.skill-track{animation:none!important}.skill-set[aria-hidden=true]{display:none}.skill-rail{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.skill-rail::-webkit-scrollbar{display:none}.skill-item:hover{transform:none}}