.selected-work{padding-top:100px;padding-bottom:95px;scroll-margin-top:28px}.selected-work-header{max-width:790px;margin-bottom:42px}.selected-work-header .section-label{margin-bottom:24px;justify-content:flex-start}.selected-work-header .section-heading{font-size:clamp(42px,5.5vw,72px);text-align:left;margin:0}.selected-work-header .section-copy{max-width:620px;margin:23px 0 0;font-size:17px;line-height:1.65;text-align:left}.selected-work-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:55px}.selected-work-row{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:30px;padding-block:48px 56px;border-top:1px solid var(--line)}.selected-work-row.is-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:65px;align-items:center}.selected-work-row:after{content:"";position:absolute;inset:-1px -18px;z-index:0;border-radius:14px;pointer-events:none;opacity:0;background:radial-gradient(340px 240px at var(--spot-x,50%) var(--spot-y,0),color-mix(in srgb,var(--yellow) 26%,transparent),transparent 72%);transition:opacity .35s}.selected-work-row:hover:after{opacity:1}.selected-work-content,.selected-work-visual-wrap{position:relative;z-index:1}.selected-work-category{display:block;color:var(--muted-ink);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.6}.selected-work-content h3{margin:20px 0 12px;font-size:clamp(30px,3.4vw,43px);line-height:1.1;font-weight:700;letter-spacing:-.045em;text-wrap:balance}.selected-work-content h3 a{text-decoration:none}.selected-work-content h3 a:hover{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:6px;text-decoration-thickness:2px}.selected-work-role{font-size:12px;color:var(--muted-ink);margin:0 0 19px;line-height:1.5}.selected-work-summary{font-size:15px;line-height:1.8;color:var(--muted-ink);max-width:470px;margin:0}.selected-work-row.is-wide .selected-work-summary{max-width:520px}.selected-work-evidence{display:flex;flex-wrap:wrap;gap:18px 35px;margin:24px 0 20px}.selected-work-evidence>div{border-left:2px solid var(--coral);padding-left:12px}.selected-work-evidence dt{font-size:20px;letter-spacing:-.035em;font-weight:650;color:var(--ink)}.selected-work-evidence dd{margin:4px 0 0;color:var(--muted-ink);font-size:11px;line-height:1.5;max-width:155px}.selected-work-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 24px;padding:0;list-style:none}.selected-work-flow li{display:inline-flex;align-items:center;gap:5px;padding:5px 9px 5px 6px;border:1px solid var(--line);border-radius:3px;font-size:9px;font-weight:650;letter-spacing:.02em;color:var(--muted-ink);background:color-mix(in srgb,var(--paper) 55%,transparent)}.selected-work-flow li span{font-family:var(--font-mono,monospace);font-size:7px;color:var(--coral)}.selected-work-flow li:not(:last-child):after{content:"";position:absolute}.selected-work-flow li{position:relative}.selected-work-flow li:not(:last-child){margin-right:14px}.selected-work-flow li:not(:last-child):before{content:"→";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--muted-ink) 60%,transparent);font-size:9px}.selected-work-read{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:650;padding-block:6px;border-bottom:1px solid var(--ink)}.selected-work-read svg{transition:transform .2s}.selected-work-read:hover svg{transform:translate(3px,-3px)}.selected-work-visual,.selected-work-visual-wrap{display:block;min-width:0}.selected-work-visual{color:inherit;text-decoration:none;transition:transform .25s ease}.selected-work-visual:hover{transform:translateY(-5px) rotate(-.4deg)}.selected-work-visual:focus-visible{outline-offset:10px;border-radius:8px}.selected-work-visual figure{margin:0}.selected-work-visual img{max-height:355px;width:100%;object-fit:contain}.selected-work-screenshot>div{overflow:hidden;border-radius:6px;border:1px solid var(--line);background:var(--paper);box-shadow:0 12px 28px #1423370d}.selected-work-screenshot img{display:block;height:auto}.selected-work-screenshot figcaption{color:var(--muted-ink);font-size:11px;line-height:1.5;padding-top:12px}.selected-work-more{display:flex;align-items:center;gap:9px;width:fit-content;margin:12px auto 0;font-size:13px;color:var(--muted-ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:8px}.selected-work-more:hover{color:var(--ink);border-color:var(--ink)}@media (max-width:900px){.selected-work-row,.selected-work-row.is-wide{gap:35px}.selected-work-list{column-gap:30px}.selected-work-header .section-copy{font-size:15px}.selected-work-evidence{gap:16px}}@media (max-width:700px){.selected-work{padding-top:72px;padding-bottom:70px}.selected-work-header{margin-bottom:34px}.selected-work-list{grid-template-columns:minmax(0,1fr)}.selected-work-header .section-label{margin-bottom:18px}.selected-work-header .section-copy{margin:0;max-width:430px}.selected-work-row,.selected-work-row.is-wide{display:flex;grid-column:auto;gap:28px;padding-block:34px 40px}.selected-work-row:after{display:none}.selected-work-content h3{font-size:34px;margin-top:16px}.selected-work-summary{font-size:14px}.selected-work-visual img{max-height:310px}.selected-work-evidence{margin:20px 0;gap:20px}.selected-work-flow li:not(:last-child){margin-right:12px}}@media (prefers-reduced-motion:reduce){.selected-work-read svg,.selected-work-row:after,.selected-work-visual{transition:none}.selected-work-visual:hover{transform:none}.selected-work-row:after{display:none}}.portfolio-toolkit{text-align:center;padding-top:95px;padding-bottom:100px}.portfolio-toolkit .section-label{justify-content:center}.portfolio-toolkit .section-heading{margin-top:25px}.portfolio-toolkit .section-copy{max-width:560px;margin-inline:auto}.portfolio-toolkit-stage{--tool-size:82px;--compact-size:65px;--tool-accent:#c2473a;position:relative;display:grid;grid-template-rows:470px auto;width:min(100%,800px);margin:20px auto 18px}.portfolio-toolkit-orbit{position:relative;height:470px}.portfolio-tool-token{position:absolute;width:var(--tool-size);height:var(--tool-size);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #ffffffad;border-radius:19px;box-shadow:0 5px 0 #171b2b15,0 12px 22px #1a254914,inset 0 2px 3px #ffffffa1;background:#fffdf7;cursor:pointer;transition:box-shadow .25s,opacity .25s,filter .25s;animation:portfolio-tool-float 6.2s ease-in-out infinite;animation-play-state:paused}.portfolio-toolkit-stage.is-visible .portfolio-tool-token{animation-play-state:running}.portfolio-tool-token:nth-child(2n){animation-delay:-2.4s;animation-duration:7.2s}.portfolio-tool-token:nth-child(3n){animation-delay:-4.1s;animation-duration:6.8s}.portfolio-toolkit-stage.is-visible .portfolio-tool-token:focus-visible,.portfolio-toolkit-stage.is-visible .portfolio-tool-token:hover{animation-play-state:paused;box-shadow:0 6px 0 #171b2b15,0 18px 30px #1a25491d,inset 0 2px 3px #ffffffa1}.portfolio-tool-token:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.portfolio-tool-token span{font-size:11px;font-weight:600;color:#142337}.portfolio-tool-cpp span,.portfolio-tool-linux span{color:#fff}.portfolio-tool-token b{font-size:29px;letter-spacing:-.07em}.portfolio-tool-token.is-dimmed{opacity:.46;filter:saturate(.55)}.portfolio-tool-token.is-lit{box-shadow:0 5px 0 #171b2b15,0 14px 26px #1a25491a,inset 0 2px 3px #ffffffa1,0 0 0 2px color-mix(in srgb,var(--tool-accent) 55%,transparent)}.portfolio-tool-token.is-selected{opacity:1;filter:none;box-shadow:0 6px 0 #171b2b15,0 18px 32px #1a254924,inset 0 2px 3px #ffffffa1,0 0 0 3px var(--tool-accent)}.portfolio-tool-token.is-selected:after{content:"";position:absolute;inset:-9px;border-radius:26px;border:1px dashed color-mix(in srgb,var(--tool-accent) 55%,transparent);pointer-events:none}.portfolio-tool-java{left:32%;top:3%;rotate:-8deg;color:#de5941}.portfolio-tool-python{left:2%;top:30%;rotate:-12deg;background:#ffdb68;color:#355d8b}.portfolio-tool-cpp{left:6%;top:58%;rotate:7deg;background:#416daa;color:white}.portfolio-tool-git{right:2%;top:31%;rotate:10deg;color:#ee593d}.portfolio-tool-docker{right:28%;top:2%;rotate:10deg;background:#5c96cc;color:white}.portfolio-tool-mongo{left:23%;top:70%;rotate:-8deg;background:#e9edcd;color:#32613c}.portfolio-tool-sql{right:6%;top:59%;rotate:-7deg;background:#efd5a1;color:#755133}.portfolio-tool-oci{right:23%;top:70%;rotate:7deg;color:#c54538}.portfolio-tool-rest{left:15%;top:13%;rotate:-12deg;width:var(--compact-size);height:var(--compact-size);border-radius:15px;background:#d7d4e9;color:#57536e}.portfolio-tool-rest svg{width:24px;height:24px}.portfolio-tool-linux{right:13%;top:12%;rotate:8deg;width:var(--compact-size);height:var(--compact-size);border-radius:15px;background:#333a50;color:#f8e6ac}.portfolio-tool-linux svg{width:24px;height:24px}.portfolio-toolbox{position:absolute;width:400px;height:320px;left:50%;top:118px;transform:translateX(-50%) rotate(-4deg);filter:drop-shadow(5px 14px 10px #2e273214);pointer-events:none}.portfolio-toolbox svg{position:relative;display:block;width:100%;height:100%;overflow:visible}.portfolio-toolbox-glow{position:absolute;left:50%;top:52%;width:340px;height:240px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--tool-accent) 26%,transparent),transparent 72%);filter:blur(18px);transition:background .45s}.portfolio-toolkit-spotlight{position:relative;z-index:3;margin:6px auto 0;width:min(100%,660px);padding:15px 18px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 76%,var(--page));box-shadow:0 12px 30px #1423370d;text-align:left}.portfolio-toolkit-spotlight:before{content:"";position:absolute;left:18px;right:18px;top:-7px;height:6px;border-left:1px solid color-mix(in srgb,var(--muted-ink) 34%,transparent);border-right:1px solid color-mix(in srgb,var(--muted-ink) 34%,transparent);border-top:1px solid color-mix(in srgb,var(--muted-ink) 34%,transparent);border-radius:6px 6px 0 0;opacity:.6}.portfolio-toolkit-spotlight-head{display:flex;align-items:center;gap:8px;padding-bottom:10px}.portfolio-toolkit-spotlight-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--tool-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tool-accent) 20%,transparent);transition:background .35s,box-shadow .35s}.portfolio-toolkit-spotlight-label{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}.portfolio-toolkit-spotlight-count{margin-left:auto;font-size:9px;color:var(--muted-ink)}.portfolio-toolkit-spotlight-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}.portfolio-toolkit-spotlight-chips li{padding:4px 8px;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--page) 72%,transparent);font-size:10.5px;font-weight:600;color:var(--ink)}.portfolio-toolkit-spotlight-chips .is-more{color:var(--muted-ink);border-style:dashed}.portfolio-toolkit-spotlight-evidence{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px;padding-top:10px;border-top:1px dashed var(--line)}.portfolio-toolkit-spotlight-caption{font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-ink)}.portfolio-toolkit-evidence-pill{display:inline-flex;align-items:baseline;gap:6px;padding:3px 8px;border-radius:4px;background:color-mix(in srgb,var(--ink) 4%,transparent);border-left:2px solid var(--coral)}.portfolio-toolkit-evidence-pill strong{font-size:10px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.portfolio-toolkit-evidence-pill em{font-style:normal;font-size:9px;color:var(--muted-ink)}.portfolio-toolkit-tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:18px}.portfolio-toolkit-tabs button{color:var(--muted-ink);background:transparent;padding:8px 12px;border-radius:999px;border:1px solid var(--line);cursor:pointer;font-size:11px;font-weight:650;transition:background .18s,color .18s,border-color .18s}.portfolio-toolkit-tabs button:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 26%,var(--line))}.portfolio-toolkit-tabs button.is-selected{color:#142337;background:var(--yellow);border-color:color-mix(in srgb,var(--ink) 10%,transparent)}.portfolio-toolkit-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.portfolio-toolkit-footnote{font-size:12px;color:var(--muted-ink);margin:16px 0 0}.portfolio-toolkit-footnote .text-link{font-size:12px;margin-left:5px}@keyframes portfolio-tool-float{0%,to{translate:0 0}50%{translate:0 calc(-1 * var(--float-distance, 5px))}}@media (min-width:641px) and (max-height:820px){.portfolio-toolkit{padding-top:55px;padding-bottom:70px}.portfolio-toolkit .section-label{margin-bottom:12px}.portfolio-toolkit .section-heading{margin-top:12px;font-size:52px}.portfolio-toolkit .section-copy{font-size:16px;margin-top:16px}.portfolio-toolkit-stage{--tool-size:64px;--compact-size:54px;--float-distance:4px;grid-template-rows:390px auto}.portfolio-toolkit-orbit{height:390px}.portfolio-tool-token{border-radius:15px}.portfolio-tool-token svg{width:26px;height:26px}.portfolio-tool-token span{font-size:10px}.portfolio-tool-token b{font-size:24px}.portfolio-tool-linux svg,.portfolio-tool-rest svg{width:21px;height:21px}.portfolio-toolbox{width:330px;height:264px;top:92px}.portfolio-toolbox-glow{width:280px;height:200px}}@media (max-width:640px){.portfolio-toolkit{padding-top:60px;padding-bottom:64px}.portfolio-toolkit-stage{--tool-size:54px;--compact-size:44px;--float-distance:3px;grid-template-rows:400px auto;margin-top:22px}.portfolio-toolkit-orbit{height:400px}.portfolio-tool-token{border-radius:14px;gap:3px}.portfolio-tool-token svg{width:25px;height:25px}.portfolio-tool-token span{font-size:9px}.portfolio-tool-token b{font-size:23px}.portfolio-tool-java{left:27%;top:3%}.portfolio-tool-python{left:0;top:32%}.portfolio-tool-cpp{left:4%;top:59%}.portfolio-tool-mongo{left:22%;top:78%}.portfolio-tool-git{right:0;top:33%}.portfolio-tool-docker{right:22%;top:2%}.portfolio-tool-sql{right:3%;top:59%}.portfolio-tool-oci{right:20%;top:78%}.portfolio-tool-rest{left:7%;top:9%;border-radius:12px}.portfolio-tool-linux{right:3%;top:10%;border-radius:12px}.portfolio-tool-linux svg,.portfolio-tool-rest svg{width:19px;height:19px}.portfolio-toolbox{width:230px;height:184px;top:116px}.portfolio-toolbox-glow{width:210px;height:150px}.portfolio-toolkit-spotlight{padding:13px 14px 12px;border-radius:12px}.portfolio-toolkit-spotlight-chips li{font-size:10px}.portfolio-toolkit-tabs{gap:4px;margin-top:14px}.portfolio-toolkit-tabs button{padding:7px 10px;font-size:9.5px}}@media (prefers-reduced-motion:reduce){.portfolio-tool-token,.portfolio-toolkit-tabs button{transition:none}.portfolio-tool-token{animation:none}.portfolio-tool-token.is-selected:after{display:none}}