@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.0f6hsxe9py8pr.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__F2EjlG__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__F2EjlG__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0tfjw0g40zzvd.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__qi3orG__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__qi3orG__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root{--page:#fff;--shell:#050505;--panel:#0b0b0b;--panel-raised:#111;--panel-soft:#151515;--border:#242424;--border-strong:#3a3a3a;--text:#f4f4f5;--text-muted:#a1a1aa;--text-faint:#71717a;--accent:#ff4fa3;--accent-soft:#ff4fa31a;--callout:#d6b36a;--callout-soft:#d6b36a17;--callout-border:#d6b36a57;--shadow:0 24px 80px #0000006b;--radius-shell:22px;--radius-panel:14px;--radius-control:8px;--type-micro:12px;--type-label:12px;--type-caption:13px;--type-body:14px;--type-body-strong:14px;--type-section:16px;--type-card-title:16px;--type-pane-title:20px;--type-title:21px;--font-sans-fallback:var(--font-geist-sans), "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono-fallback:var(--font-geist-mono), "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;min-height:100%;overflow:hidden}body{background:var(--page);color:var(--text);font-family:var(--font-sans-fallback);letter-spacing:0;margin:0}button,a{font:inherit}button{letter-spacing:0}.page-shell{background:var(--page);place-items:center;height:100svh;min-height:0;padding:24px;display:grid;overflow:hidden}.portfolio-window{--type-micro:clamp(12px, .76cqw, 13px);--type-label:clamp(12px, .82cqw, 14px);--type-caption:clamp(13px, .88cqw, 15px);--type-body:clamp(14px, .98cqw, 16px);--type-body-strong:clamp(14px, 1.04cqw, 17px);--type-section:clamp(16px, 1.1cqw, 19px);--type-card-title:clamp(16px, 1.18cqw, 20px);--type-pane-title:clamp(20px, 1.42cqw, 25px);--type-title:clamp(21px, 1.62cqw, 28px);aspect-ratio:1040/720;border-radius:var(--radius-shell);background:var(--shell);width:min(1680px,100vw - 48px,144.44svh - 69.3312px);min-height:0;box-shadow:var(--shadow);border:1px solid #ffffff0a;flex-direction:column;gap:28px;padding:28px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.window-header,.window-footer{flex:none}.window-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.identity{gap:8px;display:grid}.metadata-label,.entry-kicker,.gallery-count,.case-kicker,.back-button,.walkthrough-callout span{font-family:var(--font-mono-fallback);font-size:var(--type-label);color:var(--text-faint);line-height:1.2}.title{min-width:0;font-size:var(--type-title);margin:0;font-weight:620;line-height:1.1}.title-button{color:inherit;font:inherit;font-weight:inherit;line-height:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:0;padding:2px 3px;transition:color .16s,opacity .16s;display:inline-flex;position:relative;transform:translate(-3px)}.title-button:hover,.title-button:focus-visible{color:var(--text);opacity:.82}.subtitle{max-width:560px;color:var(--text-muted);font-size:var(--type-body);margin:0;line-height:1.55}.header-links{flex:none;justify-content:flex-end;align-items:flex-start;gap:8px;display:inline-flex}.header-action{border:1px solid var(--border);min-width:58px;min-height:30px;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono-fallback);font-size:var(--type-label);white-space:nowrap;background:#ffffff05;border-radius:999px;justify-content:center;align-items:center;padding:0 11px;line-height:1.2;text-decoration:none;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.header-action:hover,.header-action:focus-visible{border-color:var(--border-strong);color:var(--text);background:#ffffff0a}.header-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.resume-label-mobile{display:none}.email-copy-button[data-copy-state=copied]{color:var(--text);background:#50dc821f;border-color:#50dc8280}.email-copy-button{inline-size:76px;min-width:76px}.email-copy-button[data-copy-state=failed]{color:var(--text);background:#ffffff0e;border-color:#ffffff47}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-menu-button{display:none}.hamburger-mark{gap:3px;display:grid}.hamburger-mark span{background:currentColor;border-radius:999px;width:14px;height:1px}.viewport{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--panel);flex:1;min-height:0;overflow:hidden}.workspace-browser{background:var(--panel);grid-template-columns:190px minmax(0,1fr);height:100%;display:grid;overflow:hidden}.splash-loading,.splash-view{background:var(--panel);width:100%;height:100%;position:relative;overflow:hidden}.splash-view{color:inherit;text-align:left;cursor:pointer;isolation:isolate;border:0;padding:0;animation:.42s both splash-view-in;display:block}.splash-view:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.splash-video{object-fit:cover;object-position:center;filter:saturate(.94)contrast(1.05)brightness(.74);width:100%;height:100%;position:absolute;inset:0}.splash-scrim{z-index:1;opacity:0;background:#00000057;transition:opacity .18s;position:absolute;inset:0}.splash-view:hover .splash-scrim,.splash-scrim[data-visible=true]{opacity:1}.splash-content{z-index:2;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:24px 24px 30px;display:flex;position:relative}.splash-enter-stack{place-items:center;display:grid}.splash-enter{color:#f4f4f5eb;-webkit-backdrop-filter:blur(18px)saturate(1.08);min-width:84px;min-height:34px;font-family:var(--font-mono-fallback);font-size:var(--type-label);cursor:pointer;background:#0a0a0a52;border:1px solid #ffffff42;border-radius:999px;justify-content:center;align-items:center;margin-top:4px;padding:0 17px;line-height:1;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 10px 34px #00000057}.splash-enter:hover,.splash-enter:focus-visible{color:#fff;background:#f4f4f529;border-color:#ffffff6b;transform:translateY(-1px)}.splash-enter:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes splash-view-in{0%{opacity:0;transform:scale(1.006)}to{opacity:1;transform:scale(1)}}.folder-rail{overscroll-behavior:contain;border-right:1px solid var(--border);background:#ffffff03;flex-direction:column;min-height:0;display:flex;overflow:auto}.folder-header{border-bottom:1px solid var(--border);color:var(--text-faint);font-family:var(--font-mono-fallback);font-size:var(--type-label);text-transform:uppercase;flex:none;padding:14px 16px;line-height:1.2}.folder-list{gap:4px;padding:10px;display:grid}.folder-button{min-height:44px;color:var(--text-faint);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:9px;padding:0 10px;transition:border-color .16s,background .16s,color .16s;display:grid;position:relative}.folder-button-all{grid-template-columns:minmax(0,1fr)}.folder-button:hover,.folder-button:focus-visible,.folder-button-active{border-color:var(--border);color:var(--text);background:#ffffff09}.folder-button:focus-visible,.title-button:focus-visible,.mobile-menu-button:focus-visible,.mobile-sheet-backdrop:focus-visible,.mobile-sheet-close:focus-visible,.mobile-folder-button:focus-visible,.project-file:focus-visible,.back-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.folder-button-active{box-shadow:none}.folder-button-active:before{background:var(--accent);content:"";border-radius:9px 0 0 9px;width:3px;position:absolute;top:0;bottom:0;left:0}.mobile-sheet-layer{display:none}.mobile-sheet-backdrop,.mobile-sheet-close,.mobile-folder-button{letter-spacing:0}.mobile-sheet-backdrop{background:0 0;border:0}.mobile-folder-sheet{background:var(--panel-raised)}.folder-mark{opacity:.78;justify-self:start;place-items:center;width:16px;height:16px;display:grid;overflow:hidden}.folder-mark img{object-fit:contain;width:14px;height:14px;display:block}.folder-mark-empty{opacity:0}.folder-mark-fallback{border:1px solid var(--border);min-width:14px;height:14px;color:var(--text-faint);font-family:var(--font-mono-fallback);border-radius:4px;place-items:center;font-size:6px;line-height:1;display:inline-grid}.folder-button-active .folder-mark,.mobile-folder-button-active .folder-mark{opacity:1}.folder-name,.meta-chip,.gallery-count{font-family:var(--font-mono-fallback);font-size:var(--type-label);line-height:1.2}.folder-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.about-nav-button{margin-top:10px}.about-nav-button:after{background:var(--border);content:"";pointer-events:none;height:1px;position:absolute;top:-7px;left:0;right:0}.about-mark{border:1px solid var(--border);background:#ffffff09;border-radius:50%;justify-self:start;width:16px;height:16px;display:block;overflow:hidden}.about-mark img{object-fit:cover;object-position:40% center;width:100%;height:100%;display:block}.folder-button-active .about-mark,.mobile-folder-button-active .about-mark{border-color:#ffffff47}.process-mark{border:1px solid var(--border);opacity:.72;background:#ffffff06;border-radius:5px;align-content:center;justify-self:start;gap:2px;width:16px;height:16px;padding:3px;display:grid}.process-mark span{height:1px;color:var(--text-faint);background:currentColor;border-radius:999px;display:block}.process-mark span:nth-child(2){width:70%}.process-mark span:nth-child(3){width:42%}.folder-button-active .process-mark,.mobile-folder-button-active .process-mark{opacity:1;border-color:#ffffff47}.workspace-main{min-width:0;min-height:0;overflow:hidden}.project-gallery{overscroll-behavior:contain;flex-direction:column;gap:18px;height:100%;padding:22px;display:flex;overflow:auto}.gallery-header{border-bottom:1px solid var(--border);flex:none;padding-bottom:16px}.gallery-title-row{align-items:center;gap:10px;min-width:0;display:flex}.gallery-title{font-size:var(--type-pane-title);margin:0;font-weight:620;line-height:1.08}.gallery-header p{max-width:76ch;color:var(--text-muted);font-size:var(--type-body);margin:8px 0 0;line-height:1.5}.gallery-count{border:1px solid var(--border);background:#ffffff06;border-radius:999px;flex:none;padding:4px 7px}.project-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.project-file{aspect-ratio:16/9;border:1px solid var(--border);background:var(--panel-soft);width:100%;min-height:210px;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:block;position:relative;overflow:hidden}.project-file:hover,.project-file:focus-visible{border-color:#f4f4f57a;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #f4f4f514,0 16px 34px #00000057}.file-media{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.file-media-image{object-fit:cover;width:100%;height:100%;transition:filter .18s,transform .22s;display:block;transform:scale(1)}.project-file:hover .file-media-image,.project-file:focus-visible .file-media-image{filter:brightness(1.14)contrast(1.04);transform:scale(1.03)}.project-file:hover .file-wash,.project-file:focus-visible .file-wash{background:linear-gradient(#0000 0%,#00000008 28%,#00000057 62%,#000000eb 100%)}.file-wash{border-radius:inherit;background:linear-gradient(#0000 0%,#0000000a 32%,#0000005c 64%,#000000e0 100%);position:absolute;inset:0}.file-content{z-index:1;gap:6px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.file-title{color:var(--text);font-size:var(--type-card-title);text-overflow:ellipsis;text-shadow:0 1px 12px #0000009e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:650;line-height:1.15;display:-webkit-box;overflow:hidden}.file-description{color:#f4f4f5c2;min-height:0;font-size:var(--type-caption);-webkit-line-clamp:1;text-shadow:0 1px 10px #00000094;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.case-meta{flex-wrap:wrap;gap:5px;display:flex}.meta-chip{border:1px solid var(--border);color:var(--text-faint);font-family:var(--font-mono-fallback);font-size:var(--type-label);white-space:nowrap;background:#ffffff05;border-radius:999px;padding:5px 8px;line-height:1}.case-view,.access-gate-view{background:var(--panel);height:100%;overflow:hidden}.access-gate-main{overscroll-behavior:contain;align-content:center;justify-items:center;min-width:0;height:100%;padding:28px 42px 44px;display:grid;overflow:auto}.access-gate-panel{border:1px solid var(--border);background:linear-gradient(#ffffff08,#fff0),#ffffff05;border-radius:12px;gap:20px;width:min(440px,100%);padding:22px;display:grid;box-shadow:inset 0 1px #ffffff07}.access-gate-copy{gap:7px;display:grid}.access-gate-copy p{color:var(--text-muted);font-size:var(--type-body);margin:0;line-height:1.5}.access-gate-form{gap:9px;display:grid}.access-gate-label{color:var(--text-faint);font-family:var(--font-mono-fallback);font-size:var(--type-label);line-height:1.2}.access-gate-input{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--text);font:inherit;background:#ffffff06;outline:none;padding:0 12px;transition:border-color .16s,background .16s,box-shadow .16s}.access-gate-input:hover{border-color:var(--border-strong)}.access-gate-input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring)}.access-gate-input[aria-invalid=true]{border-color:#e7c77e8f}.access-gate-actions{align-items:center;gap:12px;min-height:36px;display:flex}.access-gate-submit{border:1px solid var(--border-strong);border-radius:var(--radius-control);color:#111;cursor:pointer;min-height:36px;font-family:var(--font-mono-fallback);font-size:var(--type-label);background:#f4f4f5eb;justify-content:center;align-items:center;padding:0 14px;line-height:1;transition:opacity .16s,transform .16s,background .16s;display:inline-flex}.access-gate-submit:hover:not(:disabled),.access-gate-submit:focus-visible{background:#fff;transform:translateY(-1px)}.access-gate-submit:disabled{cursor:wait;opacity:.58}.access-gate-error{color:#e7c77ee6;font-size:var(--type-caption);margin:0;line-height:1.35}.back-button{border:1px solid var(--border);border-radius:var(--radius-control);width:fit-content;min-height:34px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff05;justify-content:center;align-self:start;align-items:center;padding:0 12px;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.back-button:hover{border-color:var(--border-strong);color:var(--text);background:#ffffff0a}.case-detail-header{border-bottom:1px solid var(--border);gap:18px;width:100%;max-width:none;padding-bottom:24px;display:grid}.case-heading{gap:6px;max-width:76ch;display:grid}.case-detail-header .case-meta,.case-intro .case-meta{display:none}.case-detail-header p{color:var(--text-muted);font-size:var(--type-body);margin:0;line-height:1.48}.case-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.case-facts div{border:1px solid var(--border);background:#ffffff05;border-radius:10px;gap:5px;min-width:0;padding:9px 10px;display:grid}.case-facts dt{color:var(--text-faint);font-family:var(--font-mono-fallback);font-size:var(--type-label);line-height:1.2}.case-facts dd{color:var(--text);font-size:var(--type-body-strong);margin:0;line-height:1.4}.case-title{color:var(--text);font-size:var(--type-pane-title);margin:0;font-weight:610;line-height:1.18}.case-main{overscroll-behavior:contain;gap:24px;min-width:0;height:100%;padding:28px 42px 44px;display:grid;overflow:auto}.case-hero{gap:20px;display:grid}.case-intro{gap:10px;max-width:76ch;display:grid}.case-intro h3,.case-section h3{color:var(--text);font-size:var(--type-section);margin:0;font-weight:610;line-height:1.25}.case-intro p,.case-section p,.case-section li,.walkthrough-callout p,.artifact-caption{color:var(--text-muted);font-size:var(--type-body);margin:0;line-height:1.58}.case-body{gap:28px;padding-top:4px;display:grid}.case-section{gap:10px;max-width:76ch;display:grid}.about-scaffold-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:none;display:grid}.about-scaffold-card-wide{grid-column:1/-1;max-width:76ch}.about-hero{width:100%;max-width:none;margin:0}.about-hero-frame{aspect-ratio:16/9;border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;width:100%;position:relative;overflow:hidden}.about-hero-image{object-fit:cover;object-position:center;display:block}.about-hero-scrim{background:linear-gradient(#0000 54%,#00000080 100%);position:absolute;inset:0}.about-copy{max-width:76ch;color:var(--text-muted);font-size:var(--type-body);margin:0;line-height:1.62}.about-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;width:100%;max-width:920px;display:grid}.about-photo{gap:9px;min-width:0;margin:0;display:grid}.about-photo-frame{aspect-ratio:4/5;border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;width:100%;position:relative;overflow:hidden}.about-photo-image{object-fit:cover;object-position:center;display:block}.about-photo-caption{color:var(--text-muted);font-size:var(--type-caption);margin:0;line-height:1.45}.process-diagram{width:100%;max-width:960px;margin:0}.process-diagram-frame{--process-gap:clamp(12px, 1.4cqw, 28px);--process-zone-padding:clamp(10px, .95cqw, 16px);--process-node-padding:clamp(10px, .85cqw, 15px);--process-agent-gap:clamp(8px, .75cqw, 12px);--process-rail-short:clamp(26px, 2.75cqw, 52px);--process-rail-long:clamp(60px, 7.5cqw, 92px);border:1px solid var(--border);background:linear-gradient(180deg, #ffffff06, #fff0), var(--panel-soft);border-radius:10px;width:100%;min-height:0;padding:clamp(14px,1.2cqw,22px) clamp(14px,1.35cqw,24px) clamp(28px,2.6cqw,44px);position:relative;overflow:hidden;container-type:inline-size}.process-map{gap:clamp(14px,1.2cqw,22px);display:grid}.process-map-header{gap:5px;max-width:76ch;display:grid}.process-map-label,.process-domain-label,.process-transfer,.process-environment,.process-loop-label,.process-overview span{font-family:var(--font-mono-fallback);letter-spacing:0}.process-map-label,.process-domain-label{color:var(--text-faint);font-size:var(--type-micro);line-height:1.2}.process-map h3{color:var(--text);font-size:var(--type-section);margin:0;font-weight:620;line-height:1.2}.process-map p{color:var(--text-muted);font-size:var(--type-body);margin:0;line-height:1.5}.process-grid{gap:var(--process-gap);grid-template-columns:minmax(190px,1fr) minmax(150px,.54fr) minmax(190px,1fr);align-items:stretch;display:grid}.process-domain,.process-zone{min-width:0;height:100%;padding:var(--process-zone-padding);background:#00000038;border:1px dashed #ffffff29;border-radius:8px;align-content:start;gap:8px;display:grid;position:relative}.process-environment{width:fit-content;color:var(--text-faint);align-items:center;gap:6px;font-size:10px;line-height:1.2;display:inline-flex}.process-environment-dot{background:#eed378d1;border-radius:999px;flex:none;width:6px;height:6px;box-shadow:0 0 0 3px #eed37814}.process-environment-cloud .process-environment-dot,.process-environment-server .process-environment-dot{background:#70d6a8d1;box-shadow:0 0 0 3px #70d6a814}.process-node{min-width:0;padding:var(--process-node-padding);background:#ffffff07;border:1px solid #ffffff24;border-radius:7px;gap:5px;display:grid}.process-node-primary{background:#ffffff0b;border-color:#ffffff38}.process-node-bridge{background:#70d6a80f;border-color:#70d6a84d;width:100%;max-width:100%}.process-node strong{overflow-wrap:anywhere;color:var(--text);font-size:var(--type-body-strong);font-weight:620;line-height:1.2}.process-node span{overflow-wrap:anywhere;color:var(--text-faint);font-size:var(--type-caption);line-height:1.35}.process-agent-grid{gap:var(--process-agent-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.process-node-small{padding:9px}.process-transfer{min-width:0;color:var(--text-faint);text-align:center;align-content:start;gap:clamp(9px,.9cqw,14px);padding-top:3px;font-size:10px;line-height:1.3;display:grid;position:relative}.process-transfer .process-environment{justify-self:center}.process-ssh-bridge{--process-rail-length:var(--process-rail-long);justify-self:center;justify-items:center;margin-bottom:clamp(40px,4.5cqw,70px);display:grid;position:relative}.process-domain-cloud{--process-rail-length:var(--process-rail-short);background:linear-gradient(#70d6a80a,#70d6a804),#00000038;border-color:#70d6a83d;place-self:start center;justify-items:stretch;width:min(clamp(150px,18cqw,240px),100%);height:auto;position:relative}.process-domain-cloud .process-environment{justify-self:start}.process-node-ssh{background:linear-gradient(#ffffff0c,#ffffff05),#ffffff05;border-color:#fff3;justify-items:center;min-width:78px;padding:9px 14px}.process-node-ssh strong{font-family:var(--font-mono-fallback);font-size:var(--type-label);line-height:1}.process-flow-rail{z-index:0;width:var(--process-rail-length,34px);height:10px;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.process-flow-track{background:#f4f4f55c;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 7px #ffffff14}.process-flow-rail:before,.process-flow-rail:after{content:none}.process-flow-rail-left{right:100%}.process-flow-rail-right{left:100%}.process-flow-pip{background:#ffffffb8;border-radius:999px;width:3px;height:3px;position:absolute;top:50%;left:3px;transform:translate(-50%,-50%);box-shadow:0 0 6px #ffffff4d}.process-flow-pip-forward{animation:2.8s linear infinite process-flow-x}.process-flow-pip-reverse{animation:2.8s linear -1.4s infinite process-flow-x-reverse}.process-ssh-bridge .process-node,.process-domain-cloud .process-node{z-index:1;position:relative}@keyframes process-flow-x{0%{opacity:0;left:3px}12%,88%{opacity:1}to{opacity:0;left:calc(100% - 3px)}}@keyframes process-flow-x-reverse{0%{opacity:0;left:calc(100% - 3px)}12%,88%{opacity:1}to{opacity:0;left:3px}}@keyframes process-flow-y{0%{opacity:0;top:3px}12%,88%{opacity:1}to{opacity:0;top:calc(100% - 3px)}}@keyframes process-flow-y-reverse{0%{opacity:0;top:calc(100% - 3px)}12%,88%{opacity:1}to{opacity:0;top:3px}}@container (max-width:559px){.process-grid{grid-template-columns:1fr}.process-transfer{grid-template-columns:minmax(72px,82px) minmax(164px,174px);grid-template-areas:"ssh cloud";place-content:center;align-items:center;gap:8px 14px;padding-block:18px}.process-ssh-bridge{grid-area:ssh;align-self:center;margin-bottom:0}.process-transfer .process-environment-cloud{justify-self:start}.process-domain-cloud{grid-area:cloud;align-self:center;width:min(174px,100%)}.process-flow-rail{width:8px;height:24px;left:50%;transform:translate(-50%)}.process-flow-track{background:linear-gradient(#0000,#ffffff6b,#0000);width:1px;height:auto;inset:3px auto 3px 50%;transform:translate(-50%)}.process-flow-rail:before,.process-flow-rail:after{content:none}.process-flow-rail-left{top:auto;bottom:calc(100% + 2px);right:auto}.process-flow-rail-right{top:calc(100% + 2px)}.process-flow-pip{top:3px;left:50%;transform:translate(-50%,-50%)}.process-flow-pip-forward{animation-name:process-flow-y}.process-flow-pip-reverse{animation-name:process-flow-y-reverse}}@container (max-width:249px){.process-transfer{grid-template-columns:1fr;grid-template-areas:"ssh""cloud";gap:18px}.process-domain-cloud{width:min(190px,100%)}}.process-loop-label{max-width:860px;color:var(--text-faint);font-size:var(--type-micro);line-height:1.2}.process-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:860px;display:grid}.process-overview div{border:1px solid var(--border);background:#ffffff05;border-radius:9px;gap:6px;min-width:0;padding:12px;display:grid;position:relative}.process-overview div:not(:last-child):after{content:"→";color:#70d6a894;font-family:var(--font-mono-fallback);font-size:var(--type-label);line-height:1;position:absolute;top:50%;right:-9px;transform:translate(50%,-50%)}.process-overview span{color:var(--text);font-size:var(--type-label);font-weight:620;line-height:1.2}.process-overview p{color:var(--text-muted);font-size:var(--type-caption);margin:0;line-height:1.45}.about-scaffold-card{border:1px solid var(--border);background:#ffffff05;border-radius:10px;align-content:start;gap:8px;min-height:170px;padding:14px;display:grid}.about-scaffold-card h3{color:var(--text);font-size:var(--type-section);margin:0;font-weight:610;line-height:1.25}.about-scaffold-card p{color:var(--text-muted);font-size:var(--type-body);margin:0;line-height:1.55}.case-section ul{gap:7px;margin:0;padding-left:18px;display:grid}.case-artifact-section{max-width:none}.artifact-grid{grid-template-columns:1fr;gap:14px;max-width:none;display:grid}.artifact-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.artifact-slot{gap:9px;display:grid}.case-media-hero{width:100%;max-width:none;margin:0}.case-media-frame{aspect-ratio:16/9;border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;position:relative;overflow:hidden}.case-media-image{object-fit:cover;width:100%;height:100%;display:block}.case-media-scrim{background:linear-gradient(#0000 38%,#0000001f 70%,#0000007a 100%);position:absolute;inset:0}.artifact-frame{aspect-ratio:16/9;border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;flex-direction:column;justify-content:flex-end;gap:8px;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}.artifact-media-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.artifact-media-scrim{background:linear-gradient(#0000 42%,#0000009e 100%),linear-gradient(#0000002e,#0000002e);position:absolute;inset:0}.walkthrough-callout{background:linear-gradient(135deg,#d6b36a11,#ffffff04 48%),#ffffff03;border:1px solid #d6b36a3d;border-radius:10px;gap:8px;max-width:none;padding:14px 16px 14px 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 12px 26px #00000024}.walkthrough-callout:before{background:var(--callout);content:"";opacity:.62;width:2px;position:absolute;top:0;bottom:0;left:0}.walkthrough-callout span{color:#e7c77ee0;align-items:center;gap:7px;display:inline-flex}.walkthrough-callout span:before{content:"";opacity:.72;background:currentColor;border-radius:999px;width:6px;height:6px}.walkthrough-callout p{color:#f4f4f5b8}.window-footer{color:var(--text-faint);font-size:var(--type-label);justify-content:space-between;align-items:center;gap:16px;line-height:1.45;display:flex}.footer-status{align-items:center;gap:8px;min-width:0;display:inline-flex}.footer-primary,.footer-secondary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.footer-primary{color:var(--text-muted)}.footer-secondary{color:var(--text-faint);font-family:var(--font-mono-fallback)}.footer-meta{font-family:var(--font-mono-fallback);white-space:nowrap;flex:none}.keyboard-hint{align-items:center;gap:6px;display:inline-flex}.keyboard-hint kbd{border:1px solid var(--border);min-width:20px;height:20px;color:var(--text-muted);font:inherit;background:#ffffff07;border-radius:5px;place-items:center;padding:0 6px;line-height:1;display:inline-grid;box-shadow:inset 0 -1px #ffffff09}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.process-flow-pip{opacity:.58!important;animation:none!important;top:50%!important;left:50%!important}}@media (max-width:760px){.page-shell{align-items:stretch;height:100dvh;padding:12px}.portfolio-window{border-radius:18px;gap:16px;width:100%;height:calc(100dvh - 24px);min-height:0;padding:18px}.window-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px;display:grid}.identity{min-width:0;display:contents}.title{grid-area:1/1}.subtitle{grid-area:2/1/auto/-1}.header-links{grid-area:1/2;justify-content:flex-end;place-self:start end}.resume-header-action{min-width:44px;padding:0 10px}.resume-label-desktop{display:none}.resume-label-mobile{display:inline}.mobile-menu-button{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;background:#ffffff06;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.mobile-menu-label{display:inline}.title{font-size:var(--type-title)}.subtitle{font-size:var(--type-body)}@media (max-width:380px){.window-header{grid-template-columns:minmax(0,1fr)}.header-links{grid-area:2/1;justify-content:flex-start;justify-self:start}.subtitle{grid-row:3}}.workspace-browser{display:block}.splash-content{padding:20px 20px 22px}.splash-enter{min-width:96px;min-height:44px}.folder-rail{display:none}.workspace-main{height:100%}.mobile-sheet-layer{z-index:10;border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.mobile-sheet-backdrop{cursor:pointer;background:#0000008f;width:100%;height:100%;position:absolute;inset:0}.mobile-folder-sheet{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));overscroll-behavior-y:contain;border:1px solid var(--border);-webkit-overflow-scrolling:touch;touch-action:pan-y;border-radius:16px;gap:12px;max-height:min(100svh - 72px,620px);padding:14px;display:grid;position:absolute;left:10px;overflow:hidden auto;box-shadow:0 -18px 56px #00000075}.mobile-sheet-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding-bottom:10px;display:grid}.mobile-sheet-header h2{color:var(--text);font-size:var(--type-pane-title);margin:4px 0 0;font-weight:620;line-height:1.15}.mobile-sheet-close{border:1px solid var(--border);min-height:44px;color:var(--text-muted);cursor:pointer;background:#ffffff06;border-radius:999px;padding:0 12px}.mobile-folder-list{gap:6px;display:grid}.mobile-folder-button{min-height:46px;color:var(--text-faint);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:9px;padding:0 12px;display:grid;position:relative}.mobile-folder-button.folder-button-all{grid-template-columns:minmax(0,1fr)}.mobile-folder-button-active{border-color:var(--border);color:var(--text);box-shadow:none;background:#ffffff0a}.mobile-folder-button-active:before{background:var(--accent);content:"";border-radius:10px 0 0 10px;width:3px;position:absolute;top:0;bottom:0;left:0}.project-gallery{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;height:100%;min-height:0;padding:16px;overflow:hidden auto}.gallery-header{padding-bottom:14px}.gallery-title-row{flex-direction:column;align-items:flex-start;gap:8px}.gallery-title{font-size:var(--type-pane-title)}.gallery-count{width:fit-content}.project-file-grid{grid-template-columns:1fr;gap:8px}.project-file{min-height:190px;padding:0}.file-content{gap:6px;bottom:12px;left:12px;right:12px}.file-description{-webkit-line-clamp:1;min-height:0}.case-view{height:100%;display:block;overflow:hidden}.case-title{font-size:var(--type-pane-title)}.back-button{min-height:44px}.access-gate-main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;height:100%;min-height:0;padding:18px 16px 24px;overflow:hidden auto}.access-gate-panel{gap:18px;width:100%;padding:18px}.access-gate-actions{flex-direction:column;align-items:stretch}.access-gate-submit{width:100%;min-height:44px}.case-main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;height:100%;min-height:0;padding:18px 16px 24px;overflow:hidden auto}.case-detail-header{gap:12px;padding-bottom:18px}.case-heading{gap:5px}.case-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.case-facts div{padding:9px}.case-facts div:last-child{grid-column:1/-1}.case-media-hero,.case-section,.walkthrough-callout{max-width:none}.about-scaffold-grid{grid-template-columns:1fr;gap:8px}.about-scaffold-card{min-height:132px;padding:12px}.about-photo-grid{grid-template-columns:minmax(0,1fr);gap:20px}.process-diagram{max-width:none}.process-diagram-frame{padding:14px 14px 34px}.process-grid,.process-agent-grid,.process-overview{grid-template-columns:1fr}.process-overview{gap:18px}.process-overview div:not(:last-child):after{content:"↓";top:auto;bottom:-9px;right:50%;transform:translate(50%,50%)}.process-transfer{text-align:center;align-content:center}.artifact-frame{min-height:0}.artifact-grid,.artifact-comparison-grid{grid-template-columns:1fr}.window-footer{padding-bottom:env(safe-area-inset-bottom);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.footer-status{display:block}.footer-secondary,.footer-meta{display:none}.footer-folder-trigger{flex:none;display:inline-flex}}