:root{font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow-x:hidden}body{background:#06080d;color:#d2d9e3;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.app-shell{--bg: #06080d;--text: #d2d9e3;--muted: #7f8ea4;--accent: #39e9a3;--command: #7f96c8;--link: #8fa4c6;--border: rgb(120 141 170 / 24%);--area: #bb8fdf;--lead: #9cb2d3;--title: #e8edf5;--tag: #85b8dd;--date: #839ac0;--dock-bar: #0e8a97;--dock-text: #e9fbff;--dock-pill-bg: rgb(4 50 58 / 24%);--dock-pill-border: rgb(233 251 255 / 30%);position:relative;min-height:100%;padding:clamp(.85rem,2.5vw,1.6rem) clamp(.75rem,2.4vw,1.7rem) calc(2.95rem + env(safe-area-inset-bottom));background:var(--bg);color:var(--text);overflow-x:hidden}.app-shell.theme-light{--bg: #f5f7fb;--text: #1f2937;--muted: #59667a;--accent: #1ca06a;--command: #4e6284;--link: #355175;--border: rgb(76 98 131 / 28%);--area: #7f59aa;--lead: #4e6284;--title: #121926;--tag: #3f709f;--date: #5a7395;--dock-bar: #2f7f94;--dock-text: #eff9ff;--dock-pill-bg: rgb(255 255 255 / 30%);--dock-pill-border: rgb(239 249 255 / 58%)}.app-shell.mode-developer .terminal-nav{margin-bottom:.4rem}.terminal-landing{width:min(100%,920px);margin:0 auto;position:relative;display:flex;flex-direction:column;gap:1.9rem}.top-right-menu{position:absolute;top:0;right:0;z-index:30}.global-top-controls{position:absolute;top:clamp(.85rem,2.5vw,1.6rem);right:max(clamp(.75rem,2.4vw,1.7rem),calc((100% - 1160px)/2));z-index:35;width:auto;display:flex;align-items:flex-start;justify-content:flex-end;gap:0;pointer-events:none}.global-top-controls .top-right-menu{pointer-events:auto;position:relative;top:auto;right:auto;z-index:30}.top-right-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.05rem;height:2.05rem;border:1px solid var(--border);background:transparent;color:var(--command);font:inherit;font-size:1rem;line-height:1;padding:0 0 .12rem;cursor:pointer}.top-right-menu[data-design=true] .top-right-menu-trigger{width:2.35rem;height:2.35rem;padding:0;border-color:var(--design-border, var(--border));border-radius:999px;background:var(--design-surface, transparent);color:var(--design-text, var(--command));backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%)}.top-right-menu-trigger:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.top-right-menu-popover{position:absolute;top:calc(100% + .42rem);right:0;z-index:25;display:grid;gap:.62rem;min-width:252px;max-width:min(100vw - 2rem,340px);border:1px solid var(--border);background:#090e17fa;padding:.56rem}.app-shell.theme-light .top-right-menu-popover{background:#eff5fdfa}.top-right-menu[data-design=true] .top-right-menu-popover{min-width:256px;border-color:var(--design-border, var(--border));border-radius:22px;background:var(--design-surface-strong, rgb(239 245 253 / 98%));box-shadow:0 22px 55px var(--design-panel-shadow, rgb(0 0 0 / 15%));padding:.7rem;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%)}.top-right-menu[data-design=true] .toggle-label{color:var(--design-muted, var(--muted));font-family:Urbanist,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.top-right-menu[data-design=true] .toggle-options{width:100%;gap:.2rem;border:0;border-radius:999px;background:var(--design-surface-soft, rgb(255 255 255 / 24%));padding:.2rem}.top-right-menu[data-design=true] .toggle-button{flex:1;border-radius:999px;color:var(--design-muted, var(--command));font-family:Urbanist,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;padding:.4rem .58rem}.top-right-menu[data-design=true] .toggle-button[data-active=true]{background:var(--design-surface-strong, var(--border));color:var(--design-text, var(--text));box-shadow:0 8px 20px var(--design-panel-shadow, rgb(0 0 0 / 10%))}.toggle-group{display:inline-flex;align-items:center;gap:.45rem}.top-right-menu-popover .toggle-group,.menu-action-group{display:flex;flex-direction:column;align-items:flex-start;gap:.26rem}.toggle-label{margin:0;color:var(--muted);font-size:.8rem;line-height:1.25}.toggle-options{display:inline-flex;border:1px solid var(--border)}.toggle-button{border:0;background:transparent;color:var(--command);font:inherit;font-size:.8rem;line-height:1.15;padding:.2rem .42rem;cursor:pointer}.toggle-button[data-active=true]{background:var(--border);color:var(--text)}.toggle-button:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.menu-action-button{width:100%;border:1px solid var(--border);background:transparent;color:var(--command);font:inherit;font-size:.8rem;line-height:1.15;padding:.34rem .42rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.55rem;text-align:left}.menu-action-button:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.menu-action-check{flex:0 0 auto}.design-hero-panel .design-system-link{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;min-height:2.55rem;min-width:min(100%,16rem);line-height:1.2;overflow:visible}.design-hero-panel .design-system-link svg{flex:0 0 auto;display:block;overflow:visible}.menu-action-pill{min-width:2.15rem;min-height:1.35rem;border:1px solid var(--border);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);padding:.08rem .38rem}.top-right-menu[data-design=true] .menu-action-button{border:0;border-radius:999px;background:var(--design-surface-soft, rgb(255 255 255 / 24%));color:var(--design-muted, var(--command));font-family:Urbanist,Inter,ui-sans-serif,system-ui,sans-serif;padding:.28rem .28rem .28rem .68rem}.top-right-menu[data-design=true] .menu-action-pill{min-height:1.95rem;min-width:3.35rem;border:0;background:var(--design-surface-strong, var(--border));color:var(--design-text, var(--text));box-shadow:0 8px 20px var(--design-panel-shadow, rgb(0 0 0 / 10%));padding:.32rem .72rem}@keyframes design-live-pulse{0%,to{box-shadow:0 0 #22d66f47,0 8px 20px var(--design-panel-shadow, rgb(0 0 0 / 10%))}50%{box-shadow:0 0 0 6px #22d66f00,0 8px 20px var(--design-panel-shadow, rgb(0 0 0 / 10%))}}.terminal-nav{margin:0 0 .25rem 1.05rem;display:flex;flex-wrap:wrap;align-items:center;gap:.38rem;font-size:.87rem;line-height:1.3}.terminal-nav-label{margin-right:.18rem;color:var(--muted)}.terminal-nav-label:before{content:"$ ";color:var(--accent)}.terminal-nav a,.terminal-nav .design-system-link{border:1px solid transparent;border-radius:999px;background:#788daa1a;color:var(--command);padding:.16rem .48rem}.terminal-nav .design-system-link{font:inherit;cursor:pointer}.terminal-nav a:hover,.terminal-nav .design-system-link:hover{border-color:var(--border);background:#788daa29;text-decoration:none}.project-links .design-system-link{border:0;background:transparent;color:var(--link);font:inherit;font-size:.91rem;line-height:1.3;padding:0;cursor:pointer}.project-links .design-system-link:hover{text-decoration:underline}.terminal-nav .design-system-link:focus-visible,.project-links .design-system-link:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.portfolio-top-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding-right:2.75rem}.terminal-nav--inline{margin:0}.portfolio-view-switcher{margin-left:auto;display:inline-flex;align-items:center;gap:.42rem;min-width:0}.portfolio-view-label{margin:0;color:var(--muted);font-size:.82rem;line-height:1.22}.portfolio-view-options{display:inline-flex;border:1px solid var(--border)}.portfolio-view-button{border:0;background:transparent;color:var(--command);font:inherit;font-size:.8rem;line-height:1.2;padding:.22rem .48rem;cursor:pointer}.portfolio-view-button[data-active=true]{background:var(--border);color:var(--text)}.portfolio-view-button:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.lens-header{border:1px solid var(--border);padding:.62rem .78rem;display:flex;align-items:center;justify-content:space-between;gap:.72rem}.lens-header-copy{display:grid;gap:.14rem}.lens-header-title{margin:0;color:var(--text);font-size:.86rem;line-height:1.3}.lens-header-subtitle{margin:0;color:var(--muted);font-size:.8rem;line-height:1.3}.section-block{display:flex;flex-direction:column;gap:.62rem;scroll-margin-top:.9rem}.section-body{margin-left:1.05rem;display:flex;flex-direction:column;gap:.62rem}.section-body[hidden]{display:none}.command-heading{margin:0;display:inline-flex;align-items:center;gap:.52rem;color:var(--command);font-size:.95rem;line-height:1.25}.command-heading-toggle{width:-moz-fit-content;width:fit-content;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.command-heading-toggle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.command-heading-caret{color:var(--muted);font-size:.86rem;line-height:1}.prompt-marker{color:var(--accent);font-weight:700}.hero-name{margin:.05rem 0 0;font-size:clamp(1.85rem,4.3vw,2.55rem);font-weight:540;letter-spacing:.01em;line-height:1.15}.hero-lead{margin:0;max-width:75ch;color:var(--lead);font-size:.96rem;line-height:1.5}.about-copy{display:grid;gap:.62rem;max-width:78ch}.about-copy p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.54}.quick-links{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:0}.quick-links a,.project-links a,.section-link{color:var(--link);font-size:.91rem;line-height:1.3}.entry-list,.project-list,.post-list{margin:0;padding:0;list-style:none;display:grid;gap:.72rem}.entry-item,.project-item,.post-item{display:grid;gap:.2rem;padding-left:.8rem;border-left:1px solid var(--border);scroll-margin-top:.9rem}.entry-item,.post-item{grid-template-columns:minmax(0,7.25rem) minmax(0,1fr);-moz-column-gap:.95rem;column-gap:.95rem}.entry-area{margin:0;color:var(--area);font-size:.93rem;line-height:1.35}.entry-content,.post-content{display:flex;flex-direction:column;gap:.22rem}.entry-title,.project-name,.post-title{margin:0;color:var(--title);font-size:.98rem;line-height:1.35}.entry-summary,.project-summary,.post-summary{margin:0;color:var(--muted);font-size:.9rem;line-height:1.44}.section-link{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-top:0}.project-item{gap:.35rem}.project-list--design .project-item{gap:.4rem}.project-heading{display:flex;align-items:center;gap:.58rem;flex-wrap:wrap}.project-status{font-size:.89rem;letter-spacing:0}.project-status--live{color:#38e39f}.project-status--active{color:#7ea6e3}.project-status--planned{color:#c9b764}.project-tags{margin:0;color:var(--tag);font-size:.85rem;line-height:1.36}.project-links{display:flex;flex-wrap:wrap;gap:.75rem}.design-card-tags{margin:0;color:var(--tag);font-size:.85rem;line-height:1.34}.design-card-notes,.design-card-patterns{margin:0;color:var(--lead);font-size:.87rem;line-height:1.4}.design-portfolio{position:relative;width:min(100%,1180px);margin:0 auto;display:flex;flex-direction:column;gap:clamp(1.05rem,2.5vw,1.6rem);color:#313b4a;font-family:Montserrat,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell.mode-design{--bg: #eff3f6;--text: #313b4a;--muted: #728092;--accent: #8d74f7;--command: #5a6f94;--link: #566ddf;--border: rgb(255 255 255 / 58%);--lead: #5f6e80;--title: #263241;--tag: #7b62f0;--date: #7c8898;background:radial-gradient(70% 82% at 100% 8%,rgb(198 242 235 / 34%) 0%,transparent 58%),radial-gradient(58% 70% at 0% 0%,rgb(222 232 246 / 52%) 0%,transparent 58%),linear-gradient(180deg,#f7f9fb,#eff3f6 46%,#e8eef3)}.design-hero{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:clamp(1rem,3vw,2rem);min-height:clamp(440px,55vw,640px);padding:clamp(6rem,10vw,9rem) clamp(1.1rem,5vw,4.2rem) clamp(2rem,5vw,4.4rem);border:1px solid rgb(255 255 255 / 72%);border-radius:clamp(34px,5vw,58px);overflow:hidden;background:radial-gradient(circle at 18% 78%,rgb(255 255 255 / 80%) 0%,transparent 30%),linear-gradient(118deg,#ffffffbd,#eff7f98a);box-shadow:0 24px 80px #45556c24,inset 0 1px #ffffffdb;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}.design-hero:before,.design-hero:after{content:"";position:absolute;pointer-events:none;border-radius:999px}.design-hero:before{top:16%;right:12%;width:min(38vw,460px);height:min(38vw,460px);background:radial-gradient(circle,rgb(140 116 247 / 16%),transparent 66%)}.design-hero:after{right:-8%;bottom:-18%;width:min(46vw,560px);height:min(46vw,560px);background:radial-gradient(circle,rgb(119 218 207 / 24%),transparent 64%)}.design-hero-copy{position:relative;z-index:1;min-width:0;max-width:820px;display:flex;flex-direction:column;justify-content:center;gap:1.15rem}.design-kicker,.design-section-heading p,.design-panel-label{margin:0;color:#6e5be8;font-size:.72rem;font-weight:720;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.design-kicker{width:-moz-fit-content;width:fit-content;max-width:100%;padding:.72rem 1.05rem;border:1px solid rgb(255 255 255 / 58%);border-radius:999px;background:#ffffff3d;box-shadow:0 10px 24px #444f6314;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);white-space:nowrap}.design-hero h1{margin:0;max-width:10ch;color:#17202d;font-size:clamp(3.6rem,10.4vw,9.8rem);font-weight:840;letter-spacing:-.105em;line-height:.82}.design-hero-copy>p:not(.design-kicker){margin:0;max-width:62ch;color:#4f5e73;font-size:clamp(1rem,2vw,1.34rem);font-weight:430;line-height:1.62}.design-hero-panel{flex:0 0 min(100%,310px);align-self:flex-end;position:relative;z-index:1;display:flex;flex-direction:column;gap:.9rem;padding:1.15rem;border:1px solid rgb(255 255 255 / 44%);border-radius:34px;background:#fff3;box-shadow:0 18px 48px #43536d1f,inset 0 1px #ffffff9e;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%)}.design-lens-pill{display:flex;gap:.45rem;padding:.3rem;border-radius:999px;background:#e5ecf59e}.design-lens-pill span,.design-lens-pill strong{flex:1;border-radius:999px;color:#667386;font-size:.86rem;font-weight:690;line-height:1.2;padding:.62rem .75rem;text-align:center}.design-lens-pill strong{background:#ffffffd6;color:#2f4160;box-shadow:0 10px 24px #43536d1f}.design-hero-panel a,.design-hero-panel .design-system-link,.design-card-links a,.design-card-links .design-system-link{width:-moz-fit-content;width:fit-content;border-radius:999px;color:#5168d9;font-size:.88rem;font-weight:720;line-height:1.15}.design-hero-panel a,.design-hero-panel .design-system-link{padding:.72rem .98rem;border:1px solid rgb(255 255 255 / 38%);background:#ffffff30;box-shadow:0 10px 24px #444f6314;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);cursor:pointer;font-family:inherit}.design-metrics{display:flex;gap:.85rem;overflow-x:auto;padding:.1rem 0 .35rem;scrollbar-width:none}.design-metrics::-webkit-scrollbar,.design-card-row::-webkit-scrollbar{display:none}.design-metrics div{flex:1 0 min(78vw,320px);display:flex;align-items:center;gap:.8rem;min-width:0;padding:.62rem 1rem .62rem .62rem;border:1px solid rgb(255 255 255 / 50%);border-radius:999px;background:#ffffff38;box-shadow:0 12px 30px #43536d17;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)}.design-metrics span{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:50%;background:#17202ddb;color:#f8fbff;font-size:.82rem;font-weight:760}.design-metrics p{margin:0;color:#4a586b;font-size:.95rem;font-weight:700;line-height:1.25}.design-featured,.design-rail,.design-workbench-column,.design-writing-panel{display:flex;flex-direction:column;gap:1rem}.design-section-heading{display:flex;flex-direction:column;gap:.26rem}.design-section-heading h2{margin:0;color:#283443;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:560;letter-spacing:-.04em;line-height:1}.design-featured-card{display:flex;gap:1.1rem;padding:1rem;border:1px solid rgb(255 255 255 / 46%);border-radius:42px;background:radial-gradient(circle at 85% 10%,rgb(141 116 247 / 24%),transparent 36%),linear-gradient(135deg,#293344e5,#5e6c81bd);color:#f8fbff;box-shadow:0 24px 70px #43536d2e;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}.design-featured-main,.design-featured-side{display:flex;flex-direction:column;gap:.85rem;min-width:0}.design-featured-main{flex:1;padding:clamp(.8rem,2vw,1.4rem)}.design-featured-main p{margin:0;max-width:62ch;color:#d5dded;font-size:clamp(1.1rem,2.4vw,1.7rem);line-height:1.32}.design-featured-side{flex:0 0 min(100%,290px);padding:1rem;border:1px solid rgb(255 255 255 / 16%);border-radius:30px;background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.design-featured-side p{margin:0;color:#91a2bf;font-size:.78rem;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.design-featured-side span,.design-tag-row span{width:-moz-fit-content;width:fit-content;border-radius:999px;border:1px solid rgb(255 255 255 / 14%);background:#ffffff21;color:#edf4ff;font-size:.82rem;font-weight:680;padding:.48rem .68rem}.design-status{width:-moz-fit-content;width:fit-content;border-radius:999px;font-size:.78rem;font-weight:780;letter-spacing:.08em;padding:.42rem .64rem;text-transform:uppercase}.design-status--live{background:#d9fce8e0;color:#12683e}.design-status--active{background:#dbeafee0;color:#1d4ed8}.design-status--planned{background:#fef3c7e0;color:#92400e}.design-tag-row,.design-card-links{display:flex;flex-wrap:wrap;gap:.5rem}.design-card-row{display:flex;gap:1rem;overflow-x:auto;margin:-1rem -2rem -2.25rem;padding:1rem 2rem 3.25rem;scroll-snap-type:x proximity;scrollbar-width:none}.design-project-card{flex:0 0 min(82vw,390px);display:flex;flex-direction:column;gap:.86rem;min-height:250px;padding:1.2rem;border:1px solid rgb(255 255 255 / 52%);border-radius:34px;background:#ffffff3d;box-shadow:0 18px 50px #43536d1c;backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);scroll-snap-align:start;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.design-project-card:hover{transform:translateY(-2px);background:#ffffff52;box-shadow:0 24px 60px #43536d24}.design-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#788495;font-size:.78rem;font-weight:720;text-transform:uppercase}.design-project-card h3,.design-capability-list h3,.design-writing-panel h3{margin:0;color:#283443;font-size:1.1rem;font-weight:640;letter-spacing:-.025em;line-height:1.14}.design-project-card p,.design-capability-list p,.design-writing-panel p{margin:0;color:#5d6b7d;font-size:.93rem;line-height:1.5}.design-card-links{margin-top:auto}.design-workbench{display:flex;flex-direction:column;align-items:stretch;gap:clamp(1rem,2vw,1.4rem)}.design-workbench-column{flex:none;min-width:0}.design-capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.design-capability-list article,.design-writing-panel article{display:flex;flex-direction:column;gap:.46rem;padding:1rem;border:1px solid rgb(255 255 255 / 48%);border-radius:28px;background:#ffffff38;box-shadow:0 14px 36px #43536d14;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.design-capability-list span,.design-writing-panel time{color:#6e5be8;font-size:.78rem;font-weight:780}.design-writing-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none;width:100%;padding:1rem;border:1px solid rgb(255 255 255 / 48%);border-radius:34px;background:#ffffff2e;box-shadow:0 18px 50px #43536d1a;backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%)}.design-writing-panel .design-panel-label{grid-column:1 / -1}.app-shell.mode-design{--accent: #0f7c86;--command: #536171;--link: #0f6f79;--design-radius-page: 40px;--design-radius-panel: 32px;--design-radius-card: 12px;--design-radius-pill: 999px;background:radial-gradient(circle at 78% 8%,rgb(72 201 188 / 18%),transparent 31rem),radial-gradient(circle at 18% 16%,rgb(106 132 255 / 13%),transparent 26rem),linear-gradient(180deg,#f8fafb,#eef3f5 48%,#e9eff2)}.design-portfolio{width:min(100%,1120px);gap:clamp(1.15rem,2.6vw,2rem);color:#202a35;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.design-hero{min-height:auto;padding:clamp(5.4rem,8vw,7rem) clamp(1.2rem,5vw,4rem) clamp(1.6rem,4vw,3rem);border-radius:clamp(28px,4vw,42px);background:linear-gradient(135deg,#ffffffb8,#f4f9fa6b),radial-gradient(circle at 82% 72%,rgb(88 214 202 / 18%),transparent 25rem);box-shadow:0 24px 70px #3444521f,inset 0 1px #ffffffe0}.design-hero:before{top:14%;right:8%;width:min(34vw,390px);height:min(34vw,390px);background:radial-gradient(circle,rgb(20 124 134 / 13%),transparent 68%)}.design-hero:after{right:42%;bottom:-26%;width:min(38vw,460px);height:min(38vw,460px);background:radial-gradient(circle,rgb(93 113 244 / 10%),transparent 66%)}.design-hero-copy{max-width:720px;gap:1rem}.design-kicker,.design-section-heading p,.design-panel-label{color:#0f7c86;font-size:.72rem;font-weight:760;letter-spacing:.12em}.design-kicker{background:#ffffff57;color:#0f7c86;box-shadow:0 12px 28px #34445214}.design-hero h1{max-width:12ch;color:#15202c;font-size:clamp(2.7rem,6.8vw,6.35rem);font-weight:760;letter-spacing:-.075em;line-height:.92}.design-hero-copy>p:not(.design-kicker){max-width:58ch;color:#566372;font-size:clamp(1.04rem,1.55vw,1.24rem);line-height:1.58}.design-hero-links,.design-stack-pills{display:flex;flex-wrap:wrap;gap:.55rem}.design-hero-links a,.design-stack-pills span,.design-card-links a,.design-card-links .design-system-link,.design-featured-side span,.design-tag-row span{width:-moz-fit-content;width:fit-content;border:1px solid rgb(255 255 255 / 48%);border-radius:999px;background:#ffffff47;color:#31505a;font-size:.84rem;font-weight:720;line-height:1.15;padding:.58rem .78rem;box-shadow:0 10px 24px #34445212;backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%)}.design-hero-panel{flex-basis:min(100%,360px);gap:1rem;border-radius:30px;background:#ffffff3d;box-shadow:0 18px 52px #3444521f,inset 0 1px #ffffffad}.design-code-card{display:flex;flex-direction:column;gap:.2rem;padding:1rem;border:1px solid rgb(21 32 44 / 8%);border-radius:22px;background:#15202cdb;color:#dce8ec;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:inset 0 1px #ffffff1f}.design-code-card p{margin:0;font-size:.78rem;line-height:1.55}.design-code-card span{color:#83d8ce}.design-hero-panel a,.design-hero-panel .design-system-link{border-color:#0f7c8629;background:#ffffff52;color:#0f6f79}.design-metrics div{flex-basis:min(88vw,350px);border-radius:999px;background:#ffffff4d}.design-metrics span{background:#15202c}.design-metrics p{color:#3e4a57}.design-section-heading h2{color:#202a35;font-size:clamp(1.7rem,3vw,2.55rem);font-weight:720}.design-featured-card{border-radius:34px;background:radial-gradient(circle at 76% 20%,rgb(91 214 202 / 17%),transparent 24rem),linear-gradient(135deg,#182433,#526171 58%,#6f7894)}.design-featured-main p{color:#e7eef2;font-size:clamp(1.18rem,2.2vw,1.8rem)}.design-featured-side{background:#ffffff1a}.design-project-card,.design-capability-list article,.design-writing-panel{background:#ffffff4d}.design-project-card h3,.design-capability-list h3,.design-writing-panel h3{color:#202a35;font-weight:720}.design-project-card p,.design-capability-list p,.design-writing-panel p{color:#5b6876}.app-shell.mode-design{background:radial-gradient(circle at 78% 10%,rgb(0 144 154 / 16%),transparent 29rem),radial-gradient(circle at 14% 0%,rgb(88 106 255 / 10%),transparent 25rem),linear-gradient(180deg,#f9fbfc,#eef3f5 54%,#e9eef1)}.design-portfolio{width:min(100%,1120px);gap:clamp(1.25rem,2.7vw,2.2rem);font-family:Urbanist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-optical-sizing:auto;font-weight:400}.design-hero{min-height:clamp(560px,66vh,760px);align-items:flex-end;padding:clamp(5.5rem,8vw,7rem) clamp(1.25rem,5vw,4.5rem) clamp(1.6rem,4vw,3.5rem);border-radius:clamp(28px,4vw,44px)}.design-hero-copy{max-width:680px;gap:.95rem}.design-kicker{padding:.66rem .95rem;color:#0f7c86;font-size:.72rem;letter-spacing:.16em}.design-hero h1{max-width:none;color:#16212d;font-size:clamp(4rem,8.4vw,8rem);font-weight:400;letter-spacing:0;line-height:1.02;word-spacing:0}.design-hero-title{max-width:18ch!important;color:#1f2c39!important;font-size:clamp(2rem,4.4vw,4.2rem)!important;font-weight:400!important;letter-spacing:0;line-height:1.08!important;word-spacing:0}.design-hero-copy>p:not(.design-kicker):not(.design-hero-title){max-width:56ch;color:#566474;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.58}.design-hero-panel{flex:0 0 min(100%,390px);padding:1.1rem;border-radius:30px}.design-code-card{border-radius:22px}.design-metrics{margin-top:-.25rem}.design-metrics div{flex-basis:min(88vw,345px);padding:.58rem 1rem .58rem .58rem}.design-metrics p{font-size:.92rem;line-height:1.28}.design-section-heading h2{max-width:16ch;font-size:clamp(2rem,3.8vw,3.3rem);letter-spacing:-.065em;line-height:.95}.design-featured-card{border-radius:34px}.design-project-card{border-radius:30px}.design-portfolio{width:min(100%,1160px);gap:clamp(1.75rem,3.2vw,3rem)}.design-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:center;gap:clamp(2rem,5vw,4.5rem);min-height:auto;padding:clamp(5rem,8vw,6.8rem) clamp(1.35rem,5vw,4.25rem) clamp(2rem,4vw,3.5rem);border-radius:clamp(28px,4vw,42px)}.design-hero-copy{max-width:700px;justify-content:flex-start;gap:clamp(.8rem,1.8vw,1.15rem)}.design-kicker{margin-bottom:clamp(.5rem,1.2vw,.9rem)}.design-hero h1{max-width:none;font-size:clamp(3.6rem,7.4vw,6.8rem);font-weight:400;letter-spacing:0;line-height:.98}.design-hero-title{max-width:19ch!important;font-size:clamp(1.7rem,3.25vw,3.25rem)!important;font-weight:400!important;letter-spacing:0;line-height:1.08!important}.design-hero-copy>p:not(.design-kicker):not(.design-hero-title){max-width:52ch;font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.56}.design-hero-links{margin-top:.35rem}.design-hero-panel{align-self:center;width:100%;flex-basis:auto}.design-code-card{padding:1rem 1.1rem}.design-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:-.5rem 0 0;overflow:visible;padding:.25rem .25rem 1.25rem}.design-metrics div{flex:initial;min-width:0;padding:.62rem 1rem .62rem .62rem;box-shadow:0 18px 42px #3444521f}.design-section-heading{gap:.42rem}.design-section-heading h2{max-width:20ch;font-size:clamp(1.9rem,3.2vw,3rem);font-weight:400;letter-spacing:0;line-height:1.05}.design-featured,.design-rail,.design-workbench-column,.design-writing-panel{gap:1.2rem}.design-featured-card{min-height:340px}.design-featured-main p{max-width:38ch;font-size:clamp(1.35rem,2.4vw,2.05rem);font-weight:400;line-height:1.25}.design-card-row{margin:-1rem -2rem -2.25rem;padding:1rem 2rem 3.25rem}.post-date{margin:0;color:var(--date);font-size:.88rem;line-height:1.34}.hero-lead,.about-copy p,.entry-summary,.project-summary,.project-tags,.post-summary,.section-link,.quick-links a,.project-links a{overflow-wrap:anywhere}.terminal-dock{position:fixed;inset:auto 0 0;z-index:45;pointer-events:none;padding-bottom:0}.terminal-dock-panel{pointer-events:auto;width:min(100%,920px);margin:0 auto;border:1px solid var(--border);border-bottom:0;background:#0a0f18;max-height:min(40vh,300px);overflow:hidden}.app-shell.theme-light .terminal-dock-panel{background:#ebf1f9}.explore-terminal{display:flex;flex-direction:column}.explore-terminal-output{min-height:130px;max-height:calc(min(40vh,300px) - 2.05rem);overflow:auto;padding:.62rem .75rem;display:flex;flex-direction:column;gap:.42rem}.explore-terminal-command,.explore-terminal-line{margin:0;font-size:.83rem;line-height:1.35}.explore-terminal-command{display:flex;align-items:flex-start;gap:.5rem}.explore-terminal-block{display:flex;flex-direction:column;gap:.14rem}.explore-terminal-prompt{color:var(--accent);white-space:nowrap;flex-shrink:0}.explore-terminal-input-row{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--border);padding:.42rem .75rem;background:#080c12f0}.app-shell.theme-light .explore-terminal-input-row{background:#ebf1f9f5}.explore-terminal-input{border:0;background:transparent;color:var(--text);font:inherit;font-size:.83rem;line-height:1.3;min-width:0;flex:1}.explore-terminal-input:focus{outline:none}.explore-terminal-input::-moz-placeholder{color:var(--muted)}.explore-terminal-input::placeholder{color:var(--muted)}.lens-popover{pointer-events:auto;position:absolute;right:calc(env(safe-area-inset-right) + .95rem);bottom:calc(env(safe-area-inset-bottom) + 2.38rem);width:min(360px,calc(100vw - 2rem));border:1px solid var(--border);background:#090e17fa;color:var(--text);padding:.32rem}.app-shell.theme-light .lens-popover{background:#eff5fdfa}.lens-popover-list{display:grid;gap:.16rem}.lens-option{border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:.34rem .38rem;display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.42rem;cursor:pointer}.lens-option[aria-checked=true]{border-color:var(--border);background:#788daa1f}.lens-option:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.lens-option-check{color:var(--accent);line-height:1.35}.lens-option-copy{display:grid;gap:.08rem}.lens-option-label{color:var(--text);font-size:.82rem;line-height:1.32}.lens-option-description{color:var(--muted);font-size:.76rem;line-height:1.32}.terminal-dock-bar{pointer-events:auto;min-height:2.02rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 calc(env(safe-area-inset-right) + .95rem) env(safe-area-inset-bottom) calc(env(safe-area-inset-left) + .95rem);background:var(--dock-bar);color:var(--dock-text);border-top:1px solid rgb(0 0 0 / 22%);font-size:.82rem}.terminal-dock-bar--developer{border-top-color:#39e9a38c}.terminal-dock-bar-left,.terminal-dock-meta{display:inline-flex;align-items:center;gap:.68rem;min-width:0}.terminal-dock-toggle{border:0;background:transparent;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:.45rem;padding:0;cursor:pointer}.terminal-dock-toggle--prominent{border:1px solid var(--dock-pill-border);background:var(--dock-pill-bg);padding:.12rem .46rem;border-radius:999px}.terminal-dock-toggle:hover{text-decoration:underline}.terminal-dock-toggle:focus-visible,.terminal-lens-trigger:focus-visible{outline:1px solid currentColor;outline-offset:2px}.terminal-dock-icon{font-weight:700;letter-spacing:.02em}.terminal-lens-trigger{border:1px solid var(--dock-pill-border);background:var(--dock-pill-bg);color:inherit;font:inherit;font-size:.74rem;line-height:1.2;padding:.12rem .46rem;border-radius:999px;display:inline-flex;align-items:center;gap:.34rem;cursor:pointer;white-space:nowrap}.terminal-dock-shortcut{opacity:.9;white-space:nowrap}.terminal-dock-status{color:inherit;font-size:.82rem;line-height:1.2;white-space:nowrap}.app-shell.mode-design.theme-light{--design-page-bg: linear-gradient(180deg, #f9fbfc 0%, #eef3f5 54%, #e9eef1 100%);--design-ambient-a-strong: rgb(0 144 154 / 10%);--design-ambient-a-mid: rgb(0 144 154 / 5%);--design-ambient-a-soft: rgb(0 144 154 / 1.8%);--design-ambient-b-strong: rgb(88 106 255 / 7%);--design-ambient-b-mid: rgb(88 106 255 / 3.5%);--design-ambient-b-soft: rgb(88 106 255 / 1.4%);--design-surface: rgb(255 255 255 / 54%);--design-surface-soft: rgb(255 255 255 / 34%);--design-surface-strong: rgb(255 255 255 / 72%);--design-border: rgb(255 255 255 / 68%);--design-text: #16212d;--design-muted: #5c6877;--design-accent: #0f7c86;--design-panel: rgb(239 253 250 / 48%);--design-panel-shadow: rgb(52 68 82 / 14%);--design-code-bg: rgb(21 32 44 / 88%);--design-code-text: #dce8ec;--design-feature-bg: linear-gradient(135deg, #182433, #526171 58%, #6f7894);--design-feature-text: #eef5f8}.app-shell.mode-design.theme-dark{--design-page-bg: linear-gradient(180deg, #071018 0%, #0c1721 52%, #101b24 100%);--design-ambient-a-strong: rgb(35 222 207 / 8%);--design-ambient-a-mid: rgb(35 222 207 / 4%);--design-ambient-a-soft: rgb(35 222 207 / 1.6%);--design-ambient-b-strong: rgb(119 145 255 / 8%);--design-ambient-b-mid: rgb(119 145 255 / 4%);--design-ambient-b-soft: rgb(119 145 255 / 1.6%);--design-surface: rgb(255 255 255 / 8%);--design-surface-soft: rgb(255 255 255 / 7%);--design-surface-strong: rgb(255 255 255 / 11%);--design-border: rgb(255 255 255 / 13%);--design-text: #eef6fa;--design-muted: #a7b4c2;--design-accent: #77ded5;--design-panel: rgb(24 45 51 / 54%);--design-panel-shadow: rgb(0 0 0 / 38%);--design-code-bg: rgb(2 8 14 / 82%);--design-code-text: #d9e8ee;--design-feature-bg: linear-gradient(135deg, #101a25, #1e3441 56%, #263652);--design-feature-text: #eef6fa;--bg: #071018;--text: #eef6fa;--muted: #a7b4c2;--command: #9eb3c8;--link: #77ded5;--border: rgb(255 255 255 / 13%);--lead: #a7b4c2;--title: #eef6fa;--tag: #77ded5;--date: #8fa0b1}.app-shell.mode-design{--accent: var(--design-accent);--command: var(--design-muted);--link: var(--design-accent);background:radial-gradient(circle at 78% 10%,var(--design-ambient-a-strong) 0%,var(--design-ambient-a-mid) 32%,var(--design-ambient-a-soft) 58%,transparent 78%),radial-gradient(circle at 14% 0%,var(--design-ambient-b-strong) 0%,var(--design-ambient-b-mid) 34%,var(--design-ambient-b-soft) 60%,transparent 80%),var(--design-page-bg)}.design-portfolio{width:min(100%,1160px);gap:clamp(2rem,3.6vw,3.4rem);color:var(--design-text);font-family:Urbanist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-optical-sizing:auto;font-weight:400}.design-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:center;gap:clamp(2rem,5vw,4.5rem);min-height:auto;overflow:visible;padding:clamp(1.2rem,4vw,48px);border:0;border-radius:var(--design-radius-page);background:radial-gradient(circle at 80% 65%,var(--design-ambient-a-strong) 0%,var(--design-ambient-a-mid) 32%,var(--design-ambient-a-soft) 58%,transparent 78%),linear-gradient(135deg,var(--design-surface-strong),var(--design-surface-soft));box-shadow:none}.design-hero h1,.design-hero-title,.design-section-heading h2{color:var(--design-text)!important;letter-spacing:0!important}.design-hero h1{max-width:none;font-size:clamp(3.4rem,7vw,6.4rem);font-weight:600!important;line-height:1}.design-hero-title{max-width:20ch!important;font-size:clamp(1.55rem,3vw,3rem)!important;font-weight:500!important;line-height:1.1!important}.design-section-heading h2{font-weight:500!important}.design-hero-copy>p:not(.design-kicker):not(.design-hero-title),.design-project-card p,.design-capability-list p,.design-writing-panel p{color:var(--design-muted)}.design-hero-copy>p:not(.design-kicker):not(.design-hero-title){font-weight:430}.design-kicker,.design-section-heading p,.design-panel-label,.design-capability-list span,.design-writing-panel time{color:var(--design-accent)}.design-kicker,.design-hero-links a,.design-stack-pills span,.design-card-links a,.design-project-card,.design-capability-list article,.design-writing-panel,.design-metrics div,.design-hero-panel{border-color:var(--design-border);background:var(--design-surface);box-shadow:0 18px 48px var(--design-panel-shadow)}.design-hero-panel{align-self:center;width:100%;flex-basis:auto;background:var(--design-panel);border-radius:var(--design-radius-panel);border-color:transparent}.design-code-card{background:var(--design-code-bg);color:var(--design-code-text);border-radius:var(--design-radius-card);font-weight:520}.design-code-card span{color:var(--design-accent)}.design-hero-panel a,.design-hero-panel .design-system-link,.design-hero-links a,.design-stack-pills span,.design-card-links a,.design-card-links .design-system-link,.design-project-card h3,.design-capability-list h3,.design-writing-panel h3{color:var(--design-text)}.design-hero-panel a,.design-hero-panel .design-system-link{background:var(--design-text);border-radius:var(--design-radius-pill);border-color:transparent;color:var(--bg);box-shadow:0 18px 38px color-mix(in srgb,var(--design-text) 18%,transparent);min-width:min(100%,18rem)}.design-stack-pills span{border-radius:var(--design-radius-pill);border-color:transparent}.app-shell.mode-design .design-kicker,.app-shell.mode-design .design-hero,.app-shell.mode-design .design-hero-panel,.app-shell.mode-design .design-hero-panel a,.app-shell.mode-design .design-hero-panel .design-system-link,.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-stack-pills span,.app-shell.mode-design .design-metrics div,.app-shell.mode-design .design-featured-card,.app-shell.mode-design .design-featured-side,.app-shell.mode-design .design-featured-side span,.app-shell.mode-design .design-tag-row span,.app-shell.mode-design .design-status,.app-shell.mode-design .design-project-card,.app-shell.mode-design .design-card-links a,.app-shell.mode-design .design-card-links .design-system-link,.app-shell.mode-design .design-capability-list article,.app-shell.mode-design .design-writing-panel,.app-shell.mode-design .design-writing-panel article,.app-shell.mode-design .top-right-menu-trigger,.app-shell.mode-design .top-right-menu-popover,.app-shell.mode-design .menu-action-button,.app-shell.mode-design .menu-action-pill,.app-shell.mode-design .toggle-options,.app-shell.mode-design .toggle-button{border-color:transparent}.app-shell.mode-design .design-kicker,.app-shell.mode-design .design-hero,.app-shell.mode-design .design-hero-panel,.app-shell.mode-design .design-hero-panel a,.app-shell.mode-design .design-hero-panel .design-system-link,.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-stack-pills span,.app-shell.mode-design .design-metrics div,.app-shell.mode-design .design-featured-card,.app-shell.mode-design .design-featured-side,.app-shell.mode-design .design-featured-side span,.app-shell.mode-design .design-tag-row span,.app-shell.mode-design .design-project-card,.app-shell.mode-design .design-card-links a,.app-shell.mode-design .design-card-links .design-system-link,.app-shell.mode-design .design-capability-list article,.app-shell.mode-design .design-writing-panel,.app-shell.mode-design .design-writing-panel article,.app-shell.mode-design .top-right-menu-trigger,.app-shell.mode-design .top-right-menu-popover,.app-shell.mode-design .menu-action-button,.app-shell.mode-design .menu-action-pill,.app-shell.mode-design .toggle-options,.app-shell.mode-design .toggle-button{backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%)}.design-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:-.5rem 0 0;overflow:visible;padding:.35rem .35rem 1.8rem}.design-metrics div{flex:initial;min-width:0;overflow:visible}.design-metrics span{background:var(--design-text);color:var(--bg)}.design-metrics p{color:var(--design-text);font-weight:400}.design-featured-card{background:var(--design-feature-bg);color:var(--design-feature-text)}.design-featured-main p{color:var(--design-feature-text);font-weight:400}.design-featured-side span,.design-tag-row span{color:var(--design-feature-text)}.app-shell.mode-design .design-hero{grid-template-columns:minmax(0,.96fr) minmax(280px,360px);align-items:center;gap:clamp(1.25rem,3.6vw,3.25rem);min-height:clamp(460px,58vh,620px);padding:clamp(1.1rem,2.4vw,1.6rem);border:1px solid color-mix(in srgb,var(--design-border) 76%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--design-text) 7%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--design-text) 7%,transparent) 1px,transparent 1px),radial-gradient(circle at 77% 22%,var(--design-ambient-a-strong),transparent 25rem),linear-gradient(135deg,var(--design-surface-strong),var(--design-surface-soft));background-size:48px 48px,48px 48px,auto,auto;box-shadow:0 28px 80px color-mix(in srgb,var(--design-panel-shadow) 76%,transparent),inset 0 1px color-mix(in srgb,var(--design-border) 70%,transparent)}.app-shell.mode-design .design-hero:before{inset:clamp(1rem,2.6vw,2rem) auto clamp(1rem,2.6vw,2rem) 50%;width:1px;height:auto;border-radius:0;background:linear-gradient(180deg,transparent,var(--design-border),transparent)}.app-shell.mode-design .design-hero:after{right:clamp(1.2rem,4vw,4rem);bottom:clamp(1.2rem,4vw,3rem);width:min(34vw,360px);height:min(34vw,360px);background:radial-gradient(circle,var(--design-ambient-b-strong),transparent 68%)}.app-shell.mode-design .design-hero-copy{max-width:620px;min-height:100%;justify-content:space-between;gap:clamp(1.1rem,2.4vw,1.7rem);padding:clamp(2.2rem,5vw,4rem) 0 clamp(.5rem,1vw,1rem) clamp(.2rem,1.2vw,1rem)}.app-shell.mode-design .design-kicker{width:-moz-fit-content;width:fit-content;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;letter-spacing:.18em}.app-shell.mode-design .design-hero-nameplate{display:grid;gap:0;margin:clamp(.6rem,1.5vw,1rem) 0 0;color:var(--design-text)!important;font-size:clamp(4.6rem,10.2vw,8.8rem);font-weight:680!important;letter-spacing:-.08em!important;line-height:.78}.app-shell.mode-design .design-hero-nameplate span:last-child{color:transparent;-webkit-text-stroke:1.5px var(--design-text);text-stroke:1.5px var(--design-text)}.app-shell.mode-design .design-hero-title{max-width:15ch!important;margin-top:auto!important;font-size:clamp(1.8rem,3.5vw,3.45rem)!important;font-weight:560!important;line-height:.98!important}.app-shell.mode-design .design-hero-copy>p:not(.design-kicker):not(.design-hero-title){max-width:44rem;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.48}.design-hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;width:min(100%,620px);margin-top:.15rem}.design-hero-proof span{position:relative;min-height:5.15rem;display:flex;align-items:flex-end;padding:2rem .9rem .85rem;border:1px solid var(--design-border);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--design-surface-strong) 84%,transparent),var(--design-surface-soft));color:var(--design-text);box-shadow:0 16px 34px color-mix(in srgb,var(--design-panel-shadow) 38%,transparent);font-size:.84rem;font-weight:720;line-height:1.12}.design-hero-proof span:before{content:"0" counter(hero-proof);counter-increment:hero-proof;position:absolute;top:.78rem;left:.9rem;color:var(--design-accent);font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:700;letter-spacing:.08em}.design-hero-proof{counter-reset:hero-proof}.app-shell.mode-design .design-hero-links{margin-top:0}.app-shell.mode-design .design-hero-links a{border:1px solid var(--design-border);background:color-mix(in srgb,var(--design-surface-strong) 62%,transparent);box-shadow:none}.app-shell.mode-design .design-hero-panel{align-self:center;justify-content:flex-start;gap:.9rem;padding:clamp(1rem,2vw,1.35rem);border:1px solid var(--design-border);border-radius:28px;background:radial-gradient(circle at 50% 0%,var(--design-ambient-a-mid),transparent 11rem),linear-gradient(180deg,color-mix(in srgb,var(--design-panel) 92%,transparent),var(--design-surface-soft));box-shadow:0 22px 54px color-mix(in srgb,var(--design-panel-shadow) 64%,transparent),inset 0 1px color-mix(in srgb,var(--design-border) 70%,transparent)}.app-shell.mode-design .design-hero-panel:before{content:"";display:block;min-height:clamp(6rem,11vw,8rem);border:1px solid color-mix(in srgb,var(--design-border) 58%,transparent);border-radius:22px;background:linear-gradient(90deg,color-mix(in srgb,var(--design-accent) 20%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--design-accent) 20%,transparent) 1px,transparent 1px),radial-gradient(circle at 74% 35%,var(--design-ambient-a-strong),transparent 7rem),color-mix(in srgb,var(--design-surface-strong) 46%,transparent);background-size:26px 26px,26px 26px,auto,auto}.design-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.design-panel-header span{max-width:10rem;color:var(--design-muted);font-size:.78rem;font-weight:650;line-height:1.2;text-align:right}.app-shell.mode-design .design-code-card{border:1px solid color-mix(in srgb,var(--design-border) 18%,transparent);border-radius:18px;box-shadow:0 18px 40px color-mix(in srgb,var(--design-panel-shadow) 64%,transparent),inset 0 1px #ffffff1a}.app-shell.mode-design .design-stack-pills span{border:1px solid var(--design-border);background:color-mix(in srgb,var(--design-surface-strong) 54%,transparent);box-shadow:none}.app-shell.mode-design .design-hero-panel .design-system-link{width:100%;min-width:0;justify-content:center}.app-shell.mode-design .design-hero{display:block;position:relative;min-height:clamp(620px,74vh,820px);padding:clamp(1.35rem,2.6vw,2rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--design-border) 80%,transparent);border-radius:clamp(26px,3vw,34px);background:radial-gradient(circle at 50% 96%,color-mix(in srgb,var(--design-accent) 10%,transparent),transparent 21rem),linear-gradient(180deg,color-mix(in srgb,var(--design-surface-strong) 92%,white),var(--design-surface-strong));box-shadow:0 32px 90px color-mix(in srgb,var(--design-panel-shadow) 72%,transparent),inset 0 1px color-mix(in srgb,var(--design-border) 78%,transparent)}.app-shell.mode-design .design-hero:before,.app-shell.mode-design .design-hero:after{display:none}.design-hero-nav{position:relative;z-index:4;display:grid;grid-template-columns:minmax(14rem,1.25fr) repeat(3,auto) minmax(8.5rem,auto);align-items:center;gap:clamp(1rem,4vw,4rem);padding:clamp(.7rem,1.4vw,1rem) clamp(.55rem,1.5vw,1rem)}.design-hero-nav a,.design-availability,.design-hero-cta{color:var(--design-text);font-size:clamp(.9rem,1.2vw,1rem);font-weight:700;line-height:1}.design-hero-nav a:hover,.design-hero-cta:hover{text-decoration:none}.design-hero-nav small{margin-left:.22rem;color:color-mix(in srgb,var(--design-muted) 72%,transparent);font-size:.76em;font-weight:700}.design-availability{justify-self:start;display:inline-flex;align-items:center;gap:.58rem;padding:.74rem 1rem;border:1px solid var(--design-border);border-radius:999px;background:color-mix(in srgb,var(--design-surface-strong) 72%,transparent);box-shadow:0 16px 42px color-mix(in srgb,var(--design-panel-shadow) 34%,transparent)}.design-availability span{width:.62rem;height:.62rem;border-radius:999px;background:#22d66f;box-shadow:0 0 0 5px #22d66f1f}.design-hero-cta,.app-shell.mode-design .design-hero-cta{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;padding:.9rem 1.25rem;border:0;border-radius:999px;background:var(--design-text);color:var(--bg);box-shadow:0 16px 28px color-mix(in srgb,var(--design-text) 22%,transparent)}.design-hero-stage{position:relative;min-height:clamp(520px,65vh,720px);display:grid;grid-template-columns:minmax(230px,.72fr) minmax(260px,1fr) minmax(170px,.56fr);grid-template-rows:minmax(9rem,auto) 1fr;-moz-column-gap:clamp(1rem,3vw,2rem);column-gap:clamp(1rem,3vw,2rem);padding:clamp(2.4rem,5vw,4.8rem) clamp(1rem,4vw,3.4rem) 0}.app-shell.mode-design .design-hero-nameplate{grid-column:1 / -1;grid-row:1;align-self:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,3vw,2.3rem);margin:0;color:var(--design-text)!important;font-family:Urbanist,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(4.8rem,12.2vw,10.2rem);font-weight:860!important;letter-spacing:-.08em!important;line-height:.78;text-transform:uppercase;white-space:nowrap}.app-shell.mode-design .design-hero-nameplate span:first-child{color:transparent;-webkit-text-stroke:2px var(--design-text);text-stroke:2px var(--design-text)}.app-shell.mode-design .design-hero-nameplate span:last-child{color:var(--design-text);-webkit-text-stroke:0;text-stroke:0}.design-hero-portrait{position:absolute;z-index:2;left:50%;bottom:-5.5%;width:min(54vw,560px);max-width:68%;height:auto;transform:translate(-50%);filter:grayscale(1) contrast(1.05) drop-shadow(0 18px 34px color-mix(in srgb,var(--design-text) 18%,transparent));-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-shell.mode-design.theme-dark .design-hero-portrait{mix-blend-mode:normal}.design-hero-intro{position:relative;z-index:3;grid-column:1;grid-row:2;align-self:end;max-width:21rem;padding-bottom:clamp(3rem,7vw,5.5rem)}.app-shell.mode-design .design-hero-intro .design-kicker{margin:0 0 .85rem;color:var(--design-text);font-size:clamp(1.7rem,3vw,2.5rem);font-weight:820;letter-spacing:-.045em;line-height:1;text-transform:none}.app-shell.mode-design .design-hero-intro .design-hero-title{max-width:19rem!important;margin:0 0 .9rem!important;color:var(--design-muted)!important;font-size:clamp(.98rem,1.35vw,1.15rem)!important;font-weight:650!important;letter-spacing:-.015em!important;line-height:1.28!important}.app-shell.mode-design .design-hero-intro>p:not(.design-kicker):not(.design-hero-title){margin:0 0 1.4rem;max-width:20rem;color:var(--design-muted);font-size:.96rem;font-weight:560;line-height:1.42}.app-shell.mode-design .design-hero-cta--compact{justify-self:start;padding:.78rem 1.05rem;font-size:.9rem}.app-shell.mode-design .design-hero-links{position:relative;z-index:3;grid-column:3;grid-row:2;align-self:end;justify-self:end;display:grid;gap:.72rem;width:min(100%,12.25rem);padding-bottom:clamp(2.6rem,6vw,5rem)}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{width:100%;justify-content:flex-start;min-height:2.72rem;padding:.72rem .95rem;border:1px solid color-mix(in srgb,var(--design-border) 88%,transparent);border-radius:999px;background:color-mix(in srgb,var(--design-surface-strong) 82%,transparent);color:var(--design-text);box-shadow:0 8px 22px #15191f0d;font-size:.86rem;font-weight:720;letter-spacing:-.015em;text-transform:capitalize;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.app-shell.mode-design .design-hero-links .design-system-link{font-family:inherit;cursor:pointer;justify-content:flex-start}.app-shell.mode-design .top-right-menu[data-design=true] .toggle-button[data-active=true]{background:var(--design-text);color:var(--bg);box-shadow:0 10px 26px #00000029}.app-shell.mode-design .top-right-menu[data-design=true] .toggle-button:not([data-active=true]){color:var(--design-muted)}.app-shell.mode-design .top-right-menu[data-design=true] .menu-action-pill{border:1px solid rgb(34 214 111 / 54%);background:color-mix(in srgb,#22d66f 10%,var(--design-surface));color:var(--design-text);animation:design-live-pulse 1.9s ease-in-out infinite}@media(min-width:761px){.app-shell.mode-design .design-hero{--design-dock-height: calc(1.92rem + env(safe-area-inset-bottom)) ;min-height:calc(168svh - var(--design-dock-height));padding:0;overflow:visible;background:var(--bg)}.app-shell.mode-design .design-hero-pin{position:sticky;top:0;height:calc(100svh - var(--design-dock-height));display:flex;flex-direction:column;padding:clamp(1rem,2.7vw,2.8rem) clamp(1rem,4vw,5.5rem) 0;background:var(--bg);overflow:visible}.app-shell.mode-design .design-hero-nav{flex:0 0 auto;width:min(100%,1560px);margin:0 auto;padding-inline:0}.app-shell.mode-design .design-hero-stage{position:relative;top:auto;flex:1 1 auto;width:min(100%,1560px);height:auto;min-height:0;margin:0 auto;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(320px,1fr) minmax(220px,.58fr);grid-template-rows:auto minmax(0,1fr);-moz-column-gap:clamp(1rem,3vw,2.75rem);column-gap:clamp(1rem,3vw,2.75rem);row-gap:clamp(2.2rem,4.6vh,4.4rem);padding:clamp(3.2rem,6.4vh,5.8rem) clamp(.25rem,1vw,1rem) 0;overflow:visible}.app-shell.mode-design .design-hero-nameplate{grid-column:1 / -1;grid-row:1;align-self:start;justify-self:start;width:min(100%,1320px);display:flex;align-items:flex-start;justify-content:flex-start;gap:clamp(.75rem,1.4vw,1.45rem);margin:0;color:var(--design-text)!important;font-size:clamp(4rem,8vw,8.15rem);letter-spacing:-.09em!important;line-height:.78;white-space:nowrap;transform:translate3d(0,var(--hero-name-lift, 0px),0) scale(var(--hero-name-scale, 1));transform-origin:left top;will-change:transform}.app-shell.mode-design .design-hero-portrait{position:relative;z-index:2;grid-column:2;grid-row:2;align-self:end;justify-self:center;left:auto;right:auto;bottom:auto;width:auto;height:auto;max-width:min(47vw,660px);max-height:min(58svh,680px);margin:0 auto clamp(2.6rem,4.4vh,4.4rem);opacity:var(--hero-portrait-opacity, 1);transform:translate3d(var(--hero-portrait-x, 0px),var(--hero-portrait-y, 0px),0) scale(var(--hero-portrait-scale, 1));transform-origin:center bottom;will-change:transform,opacity}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{grid-row:2;align-self:end;padding-bottom:clamp(5rem,8vh,7.25rem);opacity:var(--hero-content-opacity, 1);transform:translate3d(0,var(--hero-content-lift, 0px),0);will-change:transform,opacity}.app-shell.mode-design .design-hero-intro{grid-column:1;max-width:23rem}.app-shell.mode-design .design-hero-links{grid-column:3;justify-self:end;width:min(100%,12.25rem)}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{justify-content:flex-start}.app-shell.mode-design .design-metrics{position:relative;z-index:6;margin-top:clamp(-13rem,-12vw,-7rem)}}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero{min-height:calc(152svh - var(--design-dock-height))}.app-shell.mode-design .design-hero-stage{grid-template-columns:minmax(220px,.72fr) minmax(280px,1fr) minmax(190px,.58fr);row-gap:clamp(1.8rem,4vh,3.5rem);padding-top:clamp(2.4rem,5vh,4rem)}.app-shell.mode-design .design-hero-nameplate{font-size:clamp(3.75rem,8.6vw,6.55rem)}.app-shell.mode-design .design-hero-portrait{max-width:min(50vw,560px);max-height:min(56svh,600px);margin-bottom:clamp(2.35rem,4vh,3.8rem)}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{padding-bottom:clamp(4rem,6.8vh,5.75rem)}}@media(max-width:760px){.app-shell.mode-design .design-hero{min-height:auto}.app-shell.mode-design .design-hero-pin{position:relative;height:auto;display:block;padding:.9rem .9rem 2.2rem}.app-shell.mode-design .design-hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:1.15rem;min-height:0;padding:clamp(2.15rem,8vw,3rem) .7rem .95rem;margin-inline:-.7rem;overflow:visible}.app-shell.mode-design .design-hero-nameplate{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;gap:.08em;width:100%;font-size:clamp(2.65rem,15.8vw,4.15rem);line-height:.84;letter-spacing:-.07em!important;transform:none}.app-shell.mode-design .design-hero-portrait{grid-column:1;grid-row:2;position:relative;left:auto;bottom:auto;width:min(96vw,430px);max-width:none;max-height:none;margin:clamp(1.4rem,7vw,2.4rem) auto -.7rem;transform:none;opacity:1}.app-shell.mode-design .design-hero-intro{grid-column:1;grid-row:3;padding:0;transform:none;opacity:1}.app-shell.mode-design .design-hero-links{grid-column:1;grid-row:4;width:100%;padding:.3rem 0 .55rem;transform:none;opacity:1}}.app-shell.mode-design .design-hero-stage{flex:1 1 auto;min-height:0;height:auto;grid-template-columns:minmax(250px,.68fr) minmax(280px,1fr) minmax(210px,.54fr);grid-template-rows:auto minmax(0,1fr);row-gap:clamp(1.15rem,2.8vh,2.6rem);padding-top:clamp(1.7rem,4vh,3.5rem);padding-bottom:0;overflow:visible}.app-shell.mode-design .design-hero-portrait{align-self:end;max-width:min(43vw,600px);max-height:min(62svh,690px);margin:0 auto;transform:none;opacity:1;will-change:auto}.app-shell.mode-design .design-hero-intro{max-width:min(100%,24rem)}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:10.5ch;white-space:normal}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero,.app-shell.mode-design .design-hero-pin{min-height:calc(100svh - 1.92rem - env(safe-area-inset-bottom))}.app-shell.mode-design .design-hero-stage{grid-template-columns:minmax(210px,.64fr) minmax(250px,1fr) minmax(180px,.52fr);row-gap:clamp(1rem,2.5vh,2rem);padding-top:clamp(1.45rem,3.5vh,2.8rem)}.app-shell.mode-design .design-hero-portrait{max-width:min(41vw,500px);max-height:min(59svh,610px);margin-bottom:0}.app-shell.mode-design .design-hero-intro{max-width:min(100%,21rem)}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{padding-bottom:clamp(1rem,2.5vh,2rem)}}@media(max-width:760px){.app-shell.mode-design .design-portfolio{gap:1.6rem}.app-shell.mode-design .design-hero,.app-shell.mode-design .design-hero-pin{min-height:auto}.app-shell.mode-design .design-hero-pin{padding:.9rem .9rem 1.2rem}.app-shell.mode-design .design-hero-stage{gap:.85rem;padding:clamp(1.5rem,6vw,2.15rem) .7rem .5rem}.app-shell.mode-design .design-hero-portrait{width:min(96vw,430px);margin:clamp(.7rem,4vw,1.35rem) auto -.65rem}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-intro .design-kicker{max-width:none}.app-shell.mode-design .design-hero-links{width:100%;padding:.15rem 0 .25rem}.app-shell.mode-design .design-metrics{margin-top:.6rem}}.app-shell.mode-design .design-hero{--design-dock-height: calc(1.92rem + env(safe-area-inset-bottom)) ;--hero-name-y: 0px;--hero-name-scale: 1;--hero-portrait-y: 0px;--hero-portrait-scale: 1;--hero-content-y: 0px;--hero-content-opacity: 1;min-height:auto!important;height:auto!important;padding:0!important;overflow:visible!important;background:var(--bg)!important}.app-shell.mode-design .design-hero-pin{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:clamp(1rem,2.4vw,2.35rem) clamp(1rem,4vw,5.5rem) 0!important;overflow:visible!important;background:var(--bg)!important}.app-shell.mode-design .design-hero-stage{position:relative!important;width:min(100%,1560px)!important;height:auto!important;min-height:clamp(560px,70svh,720px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(260px,.7fr) minmax(360px,1fr) minmax(190px,.52fr)!important;grid-template-rows:auto minmax(0,1fr)!important;-moz-column-gap:clamp(1.5rem,4vw,4rem)!important;column-gap:clamp(1.5rem,4vw,4rem)!important;row-gap:clamp(1.2rem,3vh,2.7rem)!important;padding:clamp(1.8rem,4vh,3.4rem) clamp(.25rem,1vw,1rem) 0!important;overflow:visible!important}.app-shell.mode-design .design-hero-nameplate{grid-column:1 / -1!important;grid-row:1!important;align-self:start!important;justify-self:start!important;transform:translate3d(0,var(--hero-name-y),0) scale(var(--hero-name-scale))!important;transform-origin:left top!important}.app-shell.mode-design .design-hero-intro{grid-column:1!important;grid-row:2!important;align-self:end!important;max-width:min(100%,22rem)!important;padding:0 0 clamp(1.2rem,3vh,2.4rem)!important;opacity:var(--hero-content-opacity)!important;transform:translate3d(0,var(--hero-content-y),0)!important}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:17ch!important;white-space:normal!important}.app-shell.mode-design .design-hero-portrait{position:relative!important;z-index:2!important;grid-column:2!important;grid-row:2!important;align-self:end!important;justify-self:center!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;max-width:min(100%,41vw,590px)!important;max-height:clamp(420px,56svh,650px)!important;margin:0 auto!important;opacity:1!important;transform:translate3d(0,var(--hero-portrait-y),0) scale(var(--hero-portrait-scale))!important;transform-origin:center bottom!important;-o-object-fit:contain!important;object-fit:contain!important}.app-shell.mode-design .design-hero-links{grid-column:3!important;grid-row:2!important;align-self:end!important;justify-self:end!important;display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important;width:min(100%,13.25rem)!important;padding:0 0 clamp(1.2rem,3vh,2.4rem)!important;opacity:var(--hero-content-opacity)!important;transform:translate3d(0,var(--hero-content-y),0)!important}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero-stage{min-height:clamp(500px,70svh,700px)!important;grid-template-columns:minmax(200px,.58fr) minmax(250px,1fr) minmax(180px,.52fr)!important;-moz-column-gap:clamp(1.1rem,3vw,2.4rem)!important;column-gap:clamp(1.1rem,3vw,2.4rem)!important;padding-top:clamp(1.45rem,3.5vh,2.7rem)!important}.app-shell.mode-design .design-hero-intro{max-width:min(100%,29rem)!important}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:none!important;white-space:nowrap!important}.app-shell.mode-design .design-hero-portrait{max-width:min(39vw,500px)!important;max-height:clamp(380px,54svh,590px)!important}}@media(max-width:760px){.app-shell.mode-design .design-portfolio{gap:1.5rem!important}.app-shell.mode-design .design-hero-pin{display:block!important;padding:.9rem .9rem 1.25rem!important}.app-shell.mode-design .design-hero-stage{min-height:0!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:1rem!important;padding:clamp(1.5rem,6vw,2.15rem) .7rem .5rem!important;margin-inline:-.7rem!important}.app-shell.mode-design .design-hero-nameplate{grid-column:1!important;grid-row:1!important;transform:none!important}.app-shell.mode-design .design-hero-intro{grid-column:1!important;grid-row:2!important;max-width:none!important;padding:0!important;opacity:1!important;transform:none!important}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:none!important;white-space:normal!important}.app-shell.mode-design .design-hero-portrait{grid-column:1!important;grid-row:3!important;width:min(88vw,390px)!important;max-width:none!important;max-height:none!important;margin:0 auto!important;transform:none!important}.app-shell.mode-design .design-hero-links{grid-column:1!important;grid-row:4!important;width:100%!important;padding:.15rem 0 .25rem!important;opacity:1!important;transform:none!important}.app-shell.mode-design .design-metrics{margin-top:.6rem!important}}@media(min-width:761px){.app-shell.mode-design .design-hero{--design-dock-height: calc(1.92rem + env(safe-area-inset-bottom)) ;position:relative!important;min-height:calc(168svh - var(--design-dock-height))!important;height:auto!important;padding:0!important;overflow:visible!important;background:var(--bg)!important}.app-shell.mode-design .design-hero-pin{position:sticky!important;top:0!important;height:calc(100svh - var(--design-dock-height))!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:clamp(1rem,2.7vw,2.8rem) clamp(1rem,4vw,5.5rem) 0!important;overflow:visible!important;background:var(--bg)!important}.app-shell.mode-design .design-hero-nav{flex:0 0 auto!important;width:min(100%,1560px)!important;margin:0 auto!important;padding-inline:0!important}.app-shell.mode-design .design-hero-stage{position:relative!important;flex:1 1 auto!important;width:min(100%,1560px)!important;height:auto!important;min-height:0!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(260px,.72fr) minmax(320px,1fr) minmax(220px,.58fr)!important;grid-template-rows:auto minmax(0,1fr)!important;-moz-column-gap:clamp(1rem,3vw,2.75rem)!important;column-gap:clamp(1rem,3vw,2.75rem)!important;row-gap:clamp(2.2rem,4.6vh,4.4rem)!important;padding:clamp(3.2rem,6.4vh,5.8rem) clamp(.25rem,1vw,1rem) 0!important;overflow:visible!important}.app-shell.mode-design .design-hero-nameplate{grid-column:1 / -1!important;grid-row:1!important;align-self:start!important;justify-self:start!important;width:min(100%,1320px)!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:clamp(.75rem,1.4vw,1.45rem)!important;margin:0!important;color:var(--design-text)!important;font-size:clamp(4rem,8vw,8.15rem)!important;letter-spacing:-.09em!important;line-height:.78!important;white-space:nowrap!important;transform:translate3d(0,var(--hero-name-lift, 0px),0) scale(var(--hero-name-scale, 1))!important;transform-origin:left top!important;will-change:transform!important}.app-shell.mode-design .design-hero-portrait{position:relative!important;z-index:2!important;grid-column:2!important;grid-row:2!important;align-self:end!important;justify-self:center!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;max-width:min(47vw,660px)!important;max-height:min(58svh,680px)!important;margin:0 auto clamp(2.6rem,4.4vh,4.4rem)!important;opacity:var(--hero-portrait-opacity, 1)!important;transform:translate3d(var(--hero-portrait-x, 0px),var(--hero-portrait-y, 0px),0) scale(var(--hero-portrait-scale, 1))!important;transform-origin:center bottom!important;will-change:transform,opacity!important}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{grid-row:2!important;align-self:end!important;padding-bottom:clamp(5rem,8vh,7.25rem)!important;opacity:var(--hero-content-opacity, 1)!important;transform:translate3d(0,var(--hero-content-lift, 0px),0)!important;will-change:transform,opacity!important}.app-shell.mode-design .design-hero-intro{grid-column:1!important;max-width:29rem!important}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:none!important;white-space:nowrap!important}.app-shell.mode-design .design-hero-links{grid-column:3!important;justify-self:end!important;display:grid!important;grid-template-columns:1fr!important;gap:.72rem!important;width:min(100%,12.25rem)!important}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{justify-content:flex-start!important}.app-shell.mode-design .design-metrics{position:relative!important;z-index:6!important;margin-top:clamp(-13rem,-12vw,-7rem)!important}}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero{min-height:calc(152svh - var(--design-dock-height))!important}.app-shell.mode-design .design-hero-stage{grid-template-columns:minmax(220px,.72fr) minmax(280px,1fr) minmax(190px,.58fr)!important;row-gap:clamp(1.8rem,4vh,3.5rem)!important;padding-top:clamp(2.4rem,5vh,4rem)!important}.app-shell.mode-design .design-hero-nameplate{font-size:clamp(3.75rem,8.6vw,6.55rem)!important}.app-shell.mode-design .design-hero-portrait{max-width:min(50vw,560px)!important;max-height:min(56svh,600px)!important;margin-bottom:clamp(2.35rem,4vh,3.8rem)!important}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{padding-bottom:clamp(4rem,6.8vh,5.75rem)!important}}@media(max-width:760px){.app-shell.mode-design .design-hero{min-height:auto!important}.app-shell.mode-design .design-hero-pin{position:relative!important;height:auto!important;min-height:0!important;display:block!important;padding:.9rem .9rem 2.2rem!important}.app-shell.mode-design .design-hero-stage{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:1.15rem!important;min-height:0!important;padding:clamp(2.15rem,8vw,3rem) .7rem .95rem!important;margin-inline:-.7rem!important;overflow:visible!important}.app-shell.mode-design .design-hero-nameplate{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:1fr!important;gap:.08em!important;width:100%!important;font-size:clamp(2.65rem,15.8vw,4.15rem)!important;line-height:.84!important;letter-spacing:-.07em!important;transform:none!important}.app-shell.mode-design .design-hero-portrait{grid-column:1!important;grid-row:2!important;position:relative!important;left:auto!important;bottom:auto!important;width:min(96vw,430px)!important;max-width:none!important;max-height:none!important;margin:clamp(1.4rem,7vw,2.4rem) auto -.7rem!important;transform:none!important;opacity:1!important}.app-shell.mode-design .design-hero-cta--compact{margin-top:1.25rem!important}.app-shell.mode-design .design-hero-intro{grid-column:1!important;grid-row:3!important;padding:0!important;max-width:none!important;transform:none!important;opacity:1!important}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:none!important;white-space:normal!important}.app-shell.mode-design .design-hero-links{grid-column:1!important;grid-row:4!important;width:100%!important;padding:.3rem 0 .55rem!important;transform:none!important;opacity:1!important}}@media(min-width:761px){.app-shell.mode-design .design-hero{min-height:calc(100svh - 1.92rem - env(safe-area-inset-bottom));padding:0;overflow:visible}.app-shell.mode-design .design-hero-pin{position:relative;top:auto;height:auto;min-height:calc(100svh - 1.92rem - env(safe-area-inset-bottom));display:flex;flex-direction:column;padding:clamp(1rem,2.4vw,2.35rem) clamp(1rem,4vw,5.5rem) 0}.app-shell.mode-design .design-hero-stage{flex:1 1 auto;min-height:0;grid-template-columns:minmax(230px,.62fr) minmax(300px,1fr) minmax(210px,.54fr);grid-template-rows:auto minmax(0,1fr);-moz-column-gap:clamp(1.5rem,4vw,4rem);column-gap:clamp(1.5rem,4vw,4rem);row-gap:clamp(1.1rem,2.8vh,2.5rem);padding-top:clamp(1.7rem,4vh,3.5rem);padding-bottom:0;overflow:visible}.app-shell.mode-design .design-hero-nameplate,.app-shell.mode-design .design-hero-portrait,.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{opacity:1;transform:none;will-change:auto}.app-shell.mode-design .design-hero-portrait{grid-column:2;grid-row:2;align-self:end;justify-self:center;max-width:min(41vw,590px);max-height:min(62svh,690px);margin:0 auto}.app-shell.mode-design .design-hero-intro{grid-column:1;grid-row:2;align-self:end;max-width:min(100%,22rem);padding-bottom:clamp(1.2rem,3vh,2.5rem)}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:17ch;white-space:normal}.app-shell.mode-design .design-role-break{display:block;white-space:nowrap}.app-shell.mode-design .design-hero-links{grid-column:3;grid-row:2;align-self:end;justify-self:end;width:min(100%,13.25rem);padding-bottom:clamp(1.2rem,3vh,2.5rem)}.app-shell.mode-design .design-metrics{margin-top:clamp(1.2rem,3vw,2.3rem)}}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero-stage{grid-template-columns:minmax(200px,.58fr) minmax(250px,1fr) minmax(180px,.52fr);-moz-column-gap:clamp(1.1rem,3vw,2.4rem);column-gap:clamp(1.1rem,3vw,2.4rem)}.app-shell.mode-design .design-hero-portrait{max-width:min(39vw,500px);max-height:min(59svh,610px)}.app-shell.mode-design .design-hero-intro{max-width:min(100%,19rem)}}@media(max-width:760px){.app-shell.mode-design .design-role-break{display:block;white-space:nowrap}}.app-shell.mode-design .design-hero{--design-dock-height: calc(1.92rem + env(safe-area-inset-bottom)) ;--hero-name-y: 0px;--hero-name-scale: 1;--hero-portrait-y: 0px;--hero-portrait-scale: 1;--hero-content-y: 0px;--hero-content-opacity: 1;min-height:auto!important;padding:0!important;overflow:visible!important;background:var(--bg)}.app-shell.mode-design .design-hero-pin{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:flex;flex-direction:column;padding:clamp(1rem,2.4vw,2.35rem) clamp(1rem,4vw,5.5rem) 0;overflow:visible;background:var(--bg)}.app-shell.mode-design .design-hero-stage{width:min(100%,1560px);min-height:clamp(560px,72svh,760px)!important;height:auto!important;margin:0 auto;display:grid;grid-template-columns:minmax(230px,.62fr) minmax(300px,1fr) minmax(210px,.54fr);grid-template-rows:auto minmax(0,1fr);-moz-column-gap:clamp(1.5rem,4vw,4rem);column-gap:clamp(1.5rem,4vw,4rem);row-gap:clamp(1.2rem,3vh,2.7rem);padding:clamp(1.8rem,4vh,3.4rem) clamp(.25rem,1vw,1rem) 0;overflow:visible!important}.app-shell.mode-design .design-hero-nameplate{grid-column:1 / -1;grid-row:1;align-self:start;justify-self:start;width:min(100%,1320px);margin:0;transform:translate3d(0,var(--hero-name-y),0) scale(var(--hero-name-scale));transform-origin:left top;will-change:transform}.app-shell.mode-design .design-hero-intro{grid-column:1;grid-row:2;align-self:end;max-width:min(100%,22rem)!important;padding:0 0 clamp(1.2rem,3vh,2.4rem)!important;opacity:var(--hero-content-opacity);transform:translate3d(0,var(--hero-content-y),0);will-change:transform,opacity}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:17ch;white-space:normal}.app-shell.mode-design .design-role-break{display:block;white-space:nowrap}.app-shell.mode-design .design-hero-portrait{position:relative!important;z-index:2;grid-column:2;grid-row:2;align-self:end;justify-self:center;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;max-width:min(41vw,590px)!important;max-height:clamp(420px,56svh,650px)!important;height:auto!important;margin:0 auto!important;opacity:1;transform:translate3d(0,var(--hero-portrait-y),0) scale(var(--hero-portrait-scale));transform-origin:center bottom;will-change:transform;-o-object-fit:contain;object-fit:contain}.app-shell.mode-design .design-hero-links{grid-column:3;grid-row:2;align-self:end;justify-self:end;display:grid;gap:.65rem;width:min(100%,13.25rem)!important;padding:0 0 clamp(1.2rem,3vh,2.4rem)!important;opacity:var(--hero-content-opacity);transform:translate3d(0,var(--hero-content-y),0);will-change:transform,opacity}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero-stage{min-height:clamp(520px,70svh,700px)!important;grid-template-columns:minmax(200px,.58fr) minmax(250px,1fr) minmax(180px,.52fr);-moz-column-gap:clamp(1.1rem,3vw,2.4rem);column-gap:clamp(1.1rem,3vw,2.4rem);padding-top:clamp(1.45rem,3.5vh,2.7rem)}.app-shell.mode-design .design-hero-intro{max-width:min(100%,19rem)!important}.app-shell.mode-design .design-hero-portrait{max-width:min(39vw,500px)!important;max-height:clamp(390px,54svh,590px)!important}}@media(max-width:760px){.app-shell.mode-design .design-hero-pin{display:block;padding:.9rem .9rem 1.25rem}.app-shell.mode-design .design-hero-stage{min-height:0!important;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:1rem;padding:clamp(1.5rem,6vw,2.15rem) .7rem .5rem;margin-inline:-.7rem}.app-shell.mode-design .design-hero-nameplate{grid-column:1;grid-row:1;transform:none!important}.app-shell.mode-design .design-hero-intro{grid-column:1;grid-row:2;max-width:none!important;padding:0!important;opacity:1!important;transform:none!important}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:none}.app-shell.mode-design .design-hero-portrait{grid-column:1;grid-row:3;width:min(92vw,430px)!important;max-width:none!important;max-height:none!important;margin:0 auto!important;transform:none!important}.app-shell.mode-design .design-hero-links{grid-column:1;grid-row:4;width:100%!important;padding:.15rem 0 .25rem!important;opacity:1!important;transform:none!important}.app-shell.mode-design .design-metrics{margin-top:.6rem!important}}.app-shell.mode-design .design-portfolio{gap:clamp(2rem,4vw,3.5rem)}.app-shell.mode-design .design-hero{min-height:calc(100svh - 1.92rem - env(safe-area-inset-bottom));padding:0;overflow:visible}.app-shell.mode-design .design-hero-pin{position:relative;top:auto;height:auto;min-height:calc(100svh - 1.92rem - env(safe-area-inset-bottom));display:flex;flex-direction:column;padding:clamp(1rem,2.4vw,2.35rem) clamp(1rem,4vw,5.5rem) 0;overflow:visible}.app-shell.mode-design .design-hero-stage{flex:1 1 auto;min-height:0;height:auto;grid-template-columns:minmax(260px,.76fr) minmax(300px,1fr) minmax(220px,.58fr);grid-template-rows:auto minmax(0,1fr);row-gap:clamp(1.15rem,2.8vh,2.6rem);padding-top:clamp(1.7rem,4vh,3.5rem);padding-bottom:0;overflow:visible}.app-shell.mode-design .design-hero-nameplate{transform:none;will-change:auto}.app-shell.mode-design .design-hero-portrait{align-self:end;max-width:min(46vw,620px);max-height:min(62svh,690px);margin:0 auto;transform:none;opacity:1;will-change:auto}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{align-self:end;padding-bottom:clamp(1.2rem,3vh,2.5rem);transform:none;opacity:1;will-change:auto}.app-shell.mode-design .design-hero-links{display:grid;gap:.65rem;justify-self:end;width:min(100%,13.25rem)}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:flex-start;padding:.72rem .95rem;border-radius:999px;line-height:1;text-align:left}.app-shell.mode-design .design-metrics{margin-top:clamp(1.2rem,3vw,2.3rem)}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero,.app-shell.mode-design .design-hero-pin{min-height:calc(100svh - 1.92rem - env(safe-area-inset-bottom))}.app-shell.mode-design .design-hero-stage{row-gap:clamp(1rem,2.5vh,2rem);padding-top:clamp(1.45rem,3.5vh,2.8rem)}.app-shell.mode-design .design-hero-portrait{max-width:min(48vw,540px);max-height:min(59svh,610px);margin-bottom:0}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{padding-bottom:clamp(1rem,2.5vh,2rem)}}@media(max-width:760px){.app-shell.mode-design .design-portfolio{gap:1.6rem}.app-shell.mode-design .design-hero,.app-shell.mode-design .design-hero-pin{min-height:auto}.app-shell.mode-design .design-hero-pin{padding:.9rem .9rem 1.2rem}.app-shell.mode-design .design-hero-stage{gap:.85rem;padding:clamp(1.5rem,6vw,2.15rem) .7rem .5rem}.app-shell.mode-design .design-hero-portrait{width:min(96vw,430px);margin:clamp(.7rem,4vw,1.35rem) auto -.65rem}.app-shell.mode-design .design-hero-links{width:100%;padding:.15rem 0 .25rem}.app-shell.mode-design .design-metrics{margin-top:.6rem}}.app-shell.mode-design .design-hero{--design-dock-height: calc(1.92rem + env(safe-area-inset-bottom)) ;min-height:calc(100svh - var(--design-dock-height));padding:0;overflow:visible;background:var(--bg)}.app-shell.mode-design .design-hero-pin{position:relative;height:calc(100svh - var(--design-dock-height));min-height:720px;display:flex;flex-direction:column;padding:clamp(1rem,2.7vw,2.8rem) clamp(1rem,4vw,5.5rem) 0;overflow:visible;background:var(--bg)}.app-shell.mode-design .design-hero-nav{flex:0 0 auto;width:min(100%,1560px);margin:0 auto;padding-inline:0}.app-shell.mode-design .design-hero-stage{position:relative;flex:1 1 auto;width:min(100%,1560px);min-height:0;height:auto;margin:0 auto;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(320px,1fr) minmax(220px,.58fr);grid-template-rows:auto minmax(0,1fr);-moz-column-gap:clamp(1rem,3vw,2.75rem);column-gap:clamp(1rem,3vw,2.75rem);row-gap:clamp(2.2rem,4.5vh,4.25rem);padding:clamp(3rem,6vh,5.25rem) clamp(.25rem,1vw,1rem) 0;overflow:visible}.app-shell.mode-design .design-hero-nameplate{grid-column:1 / -1;grid-row:1;align-self:start;justify-self:start;display:flex;align-items:flex-start;justify-content:flex-start;gap:clamp(.75rem,1.4vw,1.45rem);width:min(100%,1320px);margin:0;color:var(--design-text)!important;font-size:clamp(4rem,8vw,8.15rem);letter-spacing:-.09em!important;line-height:.78;white-space:nowrap;transform:none}.app-shell.mode-design .design-hero-portrait{position:relative;z-index:2;grid-column:2;grid-row:2;align-self:auto;justify-self:center;left:auto;right:auto;bottom:auto;width:auto;height:auto;max-width:min(47vw,660px);max-height:min(58svh,680px);margin:0 auto clamp(1.6rem,3vh,2.8rem);opacity:1;transform:none;filter:grayscale(1) contrast(1.07) drop-shadow(0 20px 36px rgb(0 0 0 / 14%))}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{grid-row:2;align-self:end;padding-bottom:clamp(4.5rem,7vh,6.5rem);opacity:1;transform:none}.app-shell.mode-design .design-hero-intro{grid-column:1;max-width:23rem}.app-shell.mode-design .design-metrics{margin-top:clamp(2rem,4vw,4rem)}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero-pin{min-height:660px}.app-shell.mode-design .design-hero-stage{grid-template-columns:minmax(220px,.72fr) minmax(280px,1fr) minmax(190px,.58fr);row-gap:clamp(1.8rem,4vh,3.5rem);padding-top:clamp(2.4rem,5vh,4rem)}.app-shell.mode-design .design-hero-nameplate{font-size:clamp(3.75rem,8.6vw,6.55rem)}.app-shell.mode-design .design-hero-portrait{max-width:min(50vw,560px);max-height:min(56svh,600px)}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{padding-bottom:clamp(3.5rem,6vh,5.4rem)}}@media(max-width:760px){.app-shell.mode-design .design-hero-pin{height:auto;min-height:0;display:block;padding:.9rem .9rem 2.2rem}.app-shell.mode-design .design-hero-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:1.15rem;min-height:0;padding:clamp(2.15rem,8vw,3rem) .7rem .95rem;margin-inline:-.7rem}.app-shell.mode-design .design-hero-nameplate{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;gap:.08em;width:100%;font-size:clamp(2.65rem,15.8vw,4.15rem);line-height:.84;letter-spacing:-.07em!important}.app-shell.mode-design .design-hero-portrait{grid-column:1;grid-row:2;width:min(96vw,430px);max-width:none;max-height:none;margin:clamp(1.4rem,7vw,2.4rem) auto -.7rem}.app-shell.mode-design .design-hero-intro{grid-column:1;grid-row:3;padding:0}.app-shell.mode-design .design-hero-links{grid-column:1;grid-row:4;width:100%;padding:.3rem 0 .55rem}}.app-shell.mode-design.theme-light,.app-shell.mode-design.theme-dark{--bg: #d8d8d5;--text: #151b22;--muted: #68707a;--accent: #151b22;--command: #151b22;--link: #151b22;--border: rgb(21 27 34 / 10%);--lead: #68707a;--title: #151b22;--tag: #151b22;--date: #787f88;--dock-bar: #151b22;--dock-text: #f7f7f4;--dock-pill-bg: rgb(255 255 255 / 12%);--dock-pill-border: rgb(255 255 255 / 24%);--design-page-bg: #d8d8d5;--design-ambient-a-strong: transparent;--design-ambient-a-mid: transparent;--design-ambient-a-soft: transparent;--design-ambient-b-strong: transparent;--design-ambient-b-mid: transparent;--design-ambient-b-soft: transparent;--design-surface: #f7f7f4;--design-surface-soft: #f2f2ef;--design-surface-strong: #fbfbf8;--design-border: rgb(21 27 34 / 10%);--design-text: #151b22;--design-muted: #68707a;--design-accent: #151b22;--design-panel: #fbfbf8;--design-panel-shadow: rgb(21 27 34 / 18%);--design-code-bg: #151b22;--design-code-text: #f7f7f4;--design-feature-bg: linear-gradient(135deg, #151b22, #2c3035);--design-feature-text: #f7f7f4;background:#d8d8d5}.app-shell.mode-design{background:#d8d8d5}.app-shell.mode-design .design-portfolio{color:var(--design-text)}.app-shell.mode-design .design-hero{background:#fbfbf8;box-shadow:0 32px 80px #151b2224,inset 0 1px #ffffffd1}.app-shell.mode-design .design-hero-portrait{transform:translate3d(-50%,var(--portrait-shift, 0),0);filter:grayscale(1) contrast(1.06) drop-shadow(0 18px 34px rgb(21 27 34 / 16%));mix-blend-mode:normal;will-change:transform}.app-shell.mode-design .design-availability,.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link,.app-shell.mode-design .design-metrics div,.app-shell.mode-design .design-project-card,.app-shell.mode-design .design-capability-list article,.app-shell.mode-design .design-writing-panel,.app-shell.mode-design .top-right-menu-trigger,.app-shell.mode-design .top-right-menu-popover,.app-shell.mode-design .toggle-options,.app-shell.mode-design .toggle-button,.app-shell.mode-design .menu-action-button,.app-shell.mode-design .menu-action-pill{background:#fbfbf8;border-color:#151b2214;box-shadow:0 16px 36px #151b2214}.app-shell.mode-design .design-hero-cta,.app-shell.mode-design .terminal-dock-bar,.app-shell.mode-design .design-metrics span{background:#151b22;color:#f7f7f4}.app-shell.mode-design .design-section-heading p,.app-shell.mode-design .design-panel-label,.app-shell.mode-design .design-capability-list span,.app-shell.mode-design .design-writing-panel time,.app-shell.mode-design .design-code-card span{color:#151b22}.app-shell.mode-design .design-code-card{background:#151b22;color:#f7f7f4}.app-shell.mode-design .design-featured-card{background:linear-gradient(135deg,#151b22,#34383d)}@media(prefers-reduced-motion:reduce){.app-shell.mode-design .design-hero-portrait{transform:translate(-50%)}}.app-shell.mode-design.theme-light{--bg: #ffffff;--text: #15191f;--muted: #666d77;--accent: #15191f;--command: #15191f;--link: #15191f;--border: rgb(21 25 31 / 10%);--lead: #666d77;--title: #15191f;--tag: #15191f;--date: #777d86;--dock-bar: #15191f;--dock-text: #ffffff;--design-page-bg: #ffffff;--design-surface: #ffffff;--design-surface-soft: #f6f6f4;--design-surface-strong: #ffffff;--design-border: rgb(21 25 31 / 10%);--design-text: #15191f;--design-muted: #666d77;--design-accent: #15191f;--design-panel: #ffffff;--design-panel-shadow: rgb(21 25 31 / 12%);--design-feature-bg: #ffffff;--design-feature-text: #15191f;background:#fff}.app-shell.mode-design.theme-dark{--bg: #404040;--text: #f7f7f4;--muted: #c7c7c2;--accent: #f7f7f4;--command: #f7f7f4;--link: #f7f7f4;--border: rgb(255 255 255 / 14%);--lead: #c7c7c2;--title: #f7f7f4;--tag: #f7f7f4;--date: #d3d3ce;--dock-bar: #15191f;--dock-text: #ffffff;--design-page-bg: #404040;--design-surface: #404040;--design-surface-soft: #4a4a4a;--design-surface-strong: #404040;--design-border: rgb(255 255 255 / 14%);--design-text: #f7f7f4;--design-muted: #c7c7c2;--design-accent: #f7f7f4;--design-panel: #404040;--design-panel-shadow: rgb(0 0 0 / 18%);--design-feature-bg: #404040;--design-feature-text: #f7f7f4;background:#404040}.app-shell.mode-design{min-height:100svh;padding:0 0 calc(1.92rem + env(safe-area-inset-bottom));background:var(--bg)}.app-shell.mode-design .design-portfolio{width:100%;max-width:none;gap:clamp(4rem,8vw,7rem);background:var(--bg)}.app-shell.mode-design .design-hero{min-height:calc(100svh - 1.92rem - env(safe-area-inset-bottom));width:100%;padding:clamp(1rem,2.7vw,2.8rem) clamp(1rem,4vw,5.5rem) 0;border:0;border-radius:0;background:var(--bg);box-shadow:none}.app-shell.mode-design .design-hero-nav{max-width:1560px;margin:0 auto;padding-inline:0}.app-shell.mode-design .design-hero-stage{max-width:1560px;min-height:calc(100svh - 10.92rem - env(safe-area-inset-bottom));margin:0 auto;padding:clamp(5rem,8vw,8rem) clamp(.25rem,1vw,1rem) 0}.app-shell.mode-design .design-availability,.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link,.app-shell.mode-design .design-metrics div,.app-shell.mode-design .design-project-card,.app-shell.mode-design .design-capability-list article,.app-shell.mode-design .design-writing-panel,.app-shell.mode-design .top-right-menu-trigger,.app-shell.mode-design .top-right-menu-popover,.app-shell.mode-design .toggle-options,.app-shell.mode-design .toggle-button,.app-shell.mode-design .menu-action-button,.app-shell.mode-design .menu-action-pill{border:1px solid var(--design-border);background:var(--design-surface);box-shadow:0 18px 40px var(--design-panel-shadow)}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{box-shadow:0 8px 22px #15191f0d}.app-shell.mode-design .design-hero-cta,.app-shell.mode-design .design-metrics span{background:var(--design-text);color:var(--bg)}.app-shell.mode-design .design-hero-nameplate{color:var(--design-text)!important}.app-shell.mode-design .design-hero-nameplate span:first-child{-webkit-text-stroke-color:var(--design-text);text-stroke-color:var(--design-text)}.app-shell.mode-design .design-hero-portrait{bottom:clamp(3rem,5vh,4.75rem);width:min(46vw,600px);max-width:62%;max-height:none;filter:grayscale(1) contrast(1.07) drop-shadow(0 20px 36px rgb(0 0 0 / 14%))}.app-shell.mode-design.theme-dark .design-hero-portrait{filter:grayscale(1) contrast(1.02) brightness(.92) drop-shadow(0 22px 38px rgb(0 0 0 / 28%))}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{padding-bottom:clamp(4rem,7vw,7rem)}.app-shell.mode-design .design-metrics,.app-shell.mode-design .design-featured,.app-shell.mode-design .design-rail,.app-shell.mode-design .design-workbench{width:min(100% - clamp(2rem,7vw,8rem),1560px);margin-inline:auto}.app-shell.mode-design .design-metrics{margin-top:0;padding:0}.app-shell.mode-design .design-metrics div{min-height:4.9rem;border-radius:999px}.app-shell.mode-design .design-featured-card,.app-shell.mode-design .design-project-card,.app-shell.mode-design .design-capability-list article,.app-shell.mode-design .design-writing-panel{border:1px solid var(--design-border);box-shadow:none}.app-shell.mode-design .design-featured-card{background:var(--design-feature-bg);color:var(--design-feature-text);gap:clamp(.85rem,2vw,1.25rem);padding:clamp(.78rem,2vw,1.15rem)}.app-shell.mode-design .design-featured-main p,.app-shell.mode-design .design-featured-side span,.app-shell.mode-design .design-tag-row span{color:var(--design-feature-text)}.app-shell.mode-design .design-featured-main{justify-content:space-between}.app-shell.mode-design .design-featured-main p{color:var(--design-text)}.app-shell.mode-design .design-featured-side{border-color:var(--design-border);background:var(--design-surface-soft);box-shadow:inset 0 1px #ffffff85}.app-shell.mode-design.theme-dark .design-featured-side{box-shadow:inset 0 1px #ffffff14}.app-shell.mode-design .design-featured-side p{color:var(--design-muted)}.app-shell.mode-design .design-featured-side span,.app-shell.mode-design .design-tag-row span{border-color:var(--design-border);background:color-mix(in srgb,var(--design-surface) 72%,var(--design-text) 6%);box-shadow:none;color:var(--design-text)}.app-shell.mode-design .design-workbench{padding-bottom:clamp(3.5rem,7vw,6rem)}.app-shell.mode-design .design-writing-panel{gap:1rem;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.app-shell.mode-design .design-writing-panel article{border:1px solid var(--design-border);border-radius:30px;background:var(--design-surface);box-shadow:none}.app-shell.mode-design.theme-dark .design-writing-panel article{background:var(--design-surface-soft)}.app-shell.mode-design .design-writing-panel h3{letter-spacing:-.035em}.app-shell.mode-design .design-section-heading h2,.app-shell.mode-design .design-project-card h3,.app-shell.mode-design .design-capability-list h3,.app-shell.mode-design .design-writing-panel h3,.app-shell.mode-design .design-project-card p,.app-shell.mode-design .design-capability-list p,.app-shell.mode-design .design-writing-panel p,.app-shell.mode-design .design-metrics p{color:var(--design-text)}.app-shell.mode-design .design-section-heading p,.app-shell.mode-design .design-capability-list span,.app-shell.mode-design .design-writing-panel time{color:var(--design-muted)}.app-shell.mode-design .global-top-controls{top:clamp(1rem,2.7vw,2.8rem);right:clamp(1rem,4vw,5.5rem)}.app-shell.mode-design .top-right-menu-trigger{background:var(--design-surface)}@media(max-width:760px){.app-shell.mode-design .design-hero{min-height:calc(100svh - 1.92rem - env(safe-area-inset-bottom));padding:.85rem .85rem 0}.app-shell.mode-design .design-hero-stage{min-height:650px;padding-top:2.2rem}.app-shell.mode-design .design-hero-portrait{width:min(94vw,440px);max-width:none;bottom:7rem}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{padding-bottom:0}}.global-top-controls{top:calc(clamp(.85rem,2.5vw,1.6rem) + .55rem + 8px);right:max(calc(clamp(.75rem,2.4vw,1.7rem) + .55rem + 8px),calc((100% - 1160px)/2 + .55rem + 8px))}.top-right-menu-trigger,.top-right-menu[data-design=true] .top-right-menu-trigger{width:2.15rem;height:2.15rem}.app-shell:not(.mode-design) .top-right-menu-trigger{width:2.05rem;height:1.55rem;padding:0 .34rem}.top-right-menu[data-design=true] .top-right-menu-trigger{border-radius:999px;background:color-mix(in srgb,var(--design-surface-strong) 62%,transparent)}.top-right-menu-popover,.top-right-menu[data-design=true] .top-right-menu-popover{top:calc(100% + .55rem);min-width:250px}.top-right-menu[data-design=true] .top-right-menu-popover{border-radius:24px;padding:.72rem}.top-right-menu[data-design=true] .top-right-menu-popover .toggle-group{gap:.32rem}.top-right-menu[data-design=true] .toggle-options{min-height:2.28rem}.top-right-menu[data-design=true] .toggle-button{padding:.38rem .54rem}.design-rail{overflow:visible}.design-card-row{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;margin:-1.25rem -1.5rem -2.5rem;padding:1.25rem 1.5rem 4rem;scroll-behavior:smooth;scroll-padding-left:1.5rem;scroll-snap-type:x mandatory;scrollbar-width:none}.design-project-card{flex:0 0 clamp(320px,34vw,430px);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}@media(max-width:1080px){.design-card-row{display:flex;overflow-x:auto;margin:-1.25rem -1rem -2.5rem;padding:1.25rem 1rem 4rem;scroll-padding-left:1rem}.design-project-card{flex-basis:min(86vw,560px)}}@media(max-width:760px){.app-shell{padding:.68rem}.design-project-card{flex-basis:min(86vw,560px)}}@media(max-width:1180px){.design-workbench{flex-direction:column}}@media(max-width:760px){.app-shell{padding:.68rem .68rem calc(2.75rem + env(safe-area-inset-bottom))}.terminal-landing{gap:1.55rem}.global-top-controls{top:1rem;right:1rem;width:auto}.top-right-menu{right:0}.top-right-menu-popover{min-width:0;width:min(86vw,310px)}.toggle-label,.toggle-button{font-size:.81rem}.toggle-button{padding:.2rem .4rem}.terminal-nav{margin-left:.82rem;font-size:.84rem;gap:.58rem}.portfolio-top-row{align-items:flex-start;flex-direction:column;gap:.48rem;padding-right:2.35rem}.terminal-nav--inline{margin-left:.82rem}.lens-header{margin-left:.82rem;margin-right:0;padding:.56rem .62rem;flex-direction:column;align-items:flex-start;gap:.48rem}.lens-header-title{font-size:.82rem}.lens-header-subtitle{font-size:.77rem}.design-hero,.design-featured-card,.design-workbench,.design-metrics{flex-direction:column}.design-hero{display:flex;border-radius:24px;min-height:auto;padding:3rem 1.2rem 1.45rem}.design-kicker{font-size:clamp(.58rem,2.6vw,.72rem);letter-spacing:.12em;padding:.62rem .82rem}.design-hero h1{font-size:clamp(3rem,16vw,5rem)}.design-hero-title{font-size:clamp(1.55rem,9vw,2.7rem)!important}.design-metrics{display:grid;grid-template-columns:1fr;gap:.72rem;margin:0;overflow:visible;padding:.25rem 0 1rem}.design-metrics div{flex:none;align-items:center;width:100%;min-height:0;border-radius:24px;padding:.72rem .85rem}.design-hero-panel,.design-featured-side,.design-writing-panel{flex-basis:auto;width:100%}.design-writing-panel{grid-template-columns:1fr}.design-metrics span{width:2.15rem;height:2.15rem;font-size:.78rem}.design-metrics p{font-size:.95rem;line-height:1.25}.design-featured-card{border-radius:24px}.design-featured-main{padding:.55rem}.design-capability-list{grid-template-columns:1fr}.section-body{margin-left:.82rem}.command-heading{font-size:.9rem}.hero-name{font-size:clamp(1.55rem,8.2vw,2.1rem)}.hero-lead,.about-copy p,.entry-summary,.project-summary,.post-summary{font-size:.89rem}.entry-item,.post-item{grid-template-columns:1fr;gap:.28rem}.entry-area,.post-date,.project-tags{font-size:.84rem}.entry-title,.project-name,.post-title{font-size:.94rem}.quick-links,.project-links{gap:.62rem}.terminal-dock-panel{width:100%;max-height:min(46vh,280px)}.explore-terminal-output{max-height:calc(min(46vh,280px) - 2rem);min-height:114px;padding:.56rem .62rem}.explore-terminal-command,.explore-terminal-line,.explore-terminal-input{font-size:.79rem}.explore-terminal-input-row{padding:.38rem .62rem}.lens-popover{right:.62rem;left:.62rem;width:auto;bottom:calc(env(safe-area-inset-bottom) + 2.25rem)}.terminal-dock-bar{height:1.92rem;padding:0 .62rem;font-size:.76rem}.terminal-lens-trigger{font-size:.7rem;padding:.1rem .4rem}.terminal-dock-toggle--prominent{padding:.09rem .38rem}.terminal-dock-shortcut{font-size:.73rem}.app-shell.mode-design .design-hero{display:block;min-height:auto;padding:.9rem;border-radius:26px}.design-hero-nav{display:flex;flex-wrap:wrap;gap:.55rem;padding:.25rem}.design-hero-nav a:not(.design-hero-cta){display:none}.design-availability{flex:1 1 auto;font-size:.84rem;padding:.68rem .78rem}.design-hero-nav .design-hero-cta{flex:0 0 auto;padding:.72rem .86rem;font-size:.84rem}.design-hero-stage{min-height:650px;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(280px,1fr) auto auto;padding:2.2rem .35rem .4rem}.app-shell.mode-design .design-hero-nameplate{grid-column:1;grid-row:1;grid-template-columns:1fr;gap:.05em;font-size:clamp(3.1rem,17vw,5.1rem);line-height:.8}.app-shell.mode-design .design-hero-nameplate span:first-child{-webkit-text-stroke-width:1.4px;text-stroke-width:1.4px}.design-hero-portrait{grid-row:2;width:min(94vw,440px);max-width:none;bottom:7rem}.design-hero-intro{grid-column:1;grid-row:3;align-self:end;max-width:none;padding-bottom:0}.app-shell.mode-design .design-hero-intro .design-kicker{font-size:clamp(1.55rem,8vw,2rem)}.app-shell.mode-design .design-hero-intro .design-hero-title,.app-shell.mode-design .design-hero-intro>p:not(.design-kicker):not(.design-hero-title){max-width:22rem!important}.app-shell.mode-design .design-hero-links{grid-column:1;grid-row:4;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;padding:1.15rem 0 0;gap:.6rem}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{justify-content:center;padding:.72rem .78rem;font-size:.84rem}.app-shell.mode-design{padding:0 0 calc(1.92rem + env(safe-area-inset-bottom))}.app-shell.mode-design .global-top-controls{top:.9rem;right:.9rem}.app-shell.mode-design .design-hero{display:block;min-height:auto;padding:.9rem .9rem 2.2rem;border-radius:0}.app-shell.mode-design .design-hero-nav{display:grid;grid-template-columns:1fr;gap:.65rem;padding:0 3rem 0 0}.app-shell.mode-design .design-hero-nav a:not(.design-hero-cta){display:none}.app-shell.mode-design .design-availability,.app-shell.mode-design .design-hero-nav .design-hero-cta{width:-moz-fit-content;width:fit-content;min-height:3rem;justify-self:start;padding:.72rem .9rem;font-size:clamp(.82rem,4.4vw,.98rem);white-space:nowrap}.app-shell.mode-design .design-hero-nav .design-hero-cta{grid-row:2;padding-inline:1.05rem}.app-shell.mode-design .design-hero-stage{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:1.15rem;padding:clamp(2.15rem,8vw,3rem) .7rem .95rem;margin-inline:-.7rem;overflow:visible}.app-shell.mode-design .design-hero-nameplate{grid-column:1;grid-row:1;width:100%;display:grid;grid-template-columns:1fr;gap:.08em;font-size:clamp(2.65rem,15.8vw,4.15rem);letter-spacing:-.07em!important;line-height:.84;white-space:nowrap}.app-shell.mode-design .design-hero-nameplate span:first-child{-webkit-text-stroke-width:1.25px;text-stroke-width:1.25px}.app-shell.mode-design .design-hero-portrait{position:relative;z-index:1;grid-column:1;grid-row:2;left:auto;bottom:auto;width:min(96vw,430px);max-width:none;margin:clamp(1.4rem,7vw,2.4rem) auto -.7rem;transform:translate3d(0,var(--portrait-shift, 0),0)}.app-shell.mode-design .design-hero-intro{z-index:2;grid-column:1;grid-row:3;max-width:none;padding:0}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:none;margin-bottom:.8rem;font-size:clamp(1.9rem,9vw,2.45rem);line-height:.96;letter-spacing:-.06em;white-space:normal}.app-shell.mode-design .design-role-break{display:block;white-space:nowrap}.app-shell.mode-design .design-hero-intro .design-hero-title{max-width:16rem!important;font-size:clamp(1.08rem,5.4vw,1.35rem)!important;line-height:1.18!important}.app-shell.mode-design .design-hero-intro>p:not(.design-kicker):not(.design-hero-title){max-width:18.5rem!important;font-size:clamp(.96rem,4.8vw,1.15rem);line-height:1.36}.app-shell.mode-design .design-hero-cta--compact{min-height:3.15rem;padding:.82rem 1.05rem;font-size:.94rem}.app-shell.mode-design .design-hero-links{grid-column:1;grid-row:4;display:grid;grid-template-columns:1fr;gap:.65rem;width:100%;padding:.3rem 0 .55rem}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{min-height:3.1rem;justify-content:center;padding:.74rem 1rem;border-radius:999px;font-size:.94rem;line-height:1;text-align:center}.app-shell.mode-design .design-metrics{width:calc(100% - 1.8rem);grid-template-columns:1fr;gap:.7rem;margin-top:1.25rem}.app-shell.mode-design .design-metrics div{min-height:3.4rem;display:grid;grid-template-columns:auto 1fr;gap:.85rem;padding:.55rem .75rem;border-radius:999px}.app-shell.mode-design .design-metrics span{width:2.25rem;height:2.25rem}.app-shell.mode-design .design-metrics p{font-size:.9rem;line-height:1.15}}@media(max-width:390px){.app-shell.mode-design .design-availability{max-width:calc(100vw - 5.7rem);overflow:visible;text-overflow:ellipsis}.app-shell.mode-design .design-hero-nameplate{font-size:clamp(2.5rem,14.6vw,3.55rem)}}@media(min-width:761px){.app-shell.mode-design .design-hero-nameplate{display:flex;align-items:flex-start;justify-content:flex-start;gap:clamp(.72rem,1.4vw,1.45rem);width:min(100%,1320px);margin-inline:auto;font-size:clamp(4.15rem,8.1vw,8.25rem);letter-spacing:-.09em!important}}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero{min-height:auto}.app-shell.mode-design .design-hero-stage{min-height:auto;grid-template-rows:auto minmax(420px,auto);padding-top:clamp(3rem,6vw,4.6rem)}.app-shell.mode-design .design-hero-nameplate{justify-content:flex-start;font-size:clamp(4rem,9vw,6.6rem)}.app-shell.mode-design .design-hero-portrait{bottom:-2.5rem;width:min(54vw,520px)}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{padding-bottom:clamp(2.2rem,5vw,4rem)}}@media(min-width:761px){.app-shell.mode-design .design-hero{min-height:132svh}.app-shell.mode-design .design-hero-stage{position:sticky;top:0;min-height:auto;height:calc(100svh - 1.92rem - env(safe-area-inset-bottom));padding-top:clamp(5rem,8vw,8rem);overflow:hidden}.app-shell.mode-design .design-hero-nameplate{transform:translate3d(0,var(--hero-name-lift, 0px),0) scale(var(--hero-name-scale, 1));transform-origin:left top;transition:none;will-change:transform}.app-shell.mode-design .design-hero-portrait{opacity:var(--hero-portrait-opacity, 1);transform:translate3d(calc(-50% + var(--hero-portrait-x, 0px)),var(--hero-portrait-y, 0px),0) scale(var(--hero-portrait-scale, 1));transform-origin:center bottom;will-change:transform,opacity}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{opacity:var(--hero-content-opacity, 1);transform:translate3d(0,var(--hero-content-lift, 0px),0);will-change:transform,opacity}.app-shell.mode-design .design-metrics{position:relative;z-index:5;margin-top:clamp(-14rem,-13vw,-8rem)}}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero{min-height:126svh}.app-shell.mode-design .design-hero-stage{height:calc(100svh - 1.92rem - env(safe-area-inset-bottom));padding-top:clamp(3rem,6vw,4.6rem)}.app-shell.mode-design .design-hero-portrait{bottom:clamp(2.25rem,4vh,3.5rem);width:min(50vw,520px);max-height:none}}@media(min-width:761px){.app-shell.mode-design .design-hero-stage{grid-template-columns:minmax(260px,.72fr) minmax(260px,1fr) minmax(190px,.56fr);grid-template-rows:auto minmax(0,1fr);row-gap:clamp(2rem,4vw,4rem);overflow:visible}.app-shell.mode-design .design-hero-nameplate{grid-column:1 / -1;grid-row:1}.app-shell.mode-design .design-hero-portrait{position:relative;z-index:2;grid-column:2;grid-row:2;align-self:end;justify-self:center;left:auto;right:auto;bottom:auto;width:auto;height:auto;max-width:min(42vw,540px);max-height:min(50svh,540px);margin:0 auto clamp(1.75rem,3vh,3rem);opacity:var(--hero-portrait-opacity, 1);transform:translate3d(var(--hero-portrait-x, 0px),var(--hero-portrait-y, 0px),0) scale(var(--hero-portrait-scale, 1));transform-origin:center bottom}.app-shell.mode-design .design-hero-intro{grid-column:1;grid-row:2;align-self:end}.app-shell.mode-design .design-hero-links{grid-column:3;grid-row:2;align-self:end}}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero-portrait{max-width:min(46vw,500px);max-height:min(48svh,500px);margin-bottom:clamp(1.5rem,2.6vh,2.5rem)}}.app-shell.mode-design .design-hero{--design-dock-height: calc(1.92rem + env(safe-area-inset-bottom)) ;position:relative;min-height:calc(150svh - var(--design-dock-height));padding:0;overflow:visible;background:var(--bg)}.app-shell.mode-design .design-hero-pin{position:sticky;top:0;height:calc(100svh - var(--design-dock-height));display:flex;flex-direction:column;padding:clamp(1rem,2.7vw,2.8rem) clamp(1rem,4vw,5.5rem) 0;overflow:visible;background:var(--bg)}.app-shell.mode-design .design-hero-nav{flex:0 0 auto;width:min(100%,1560px);margin:0 auto}.app-shell.mode-design .design-hero-stage{flex:1 1 auto;width:min(100%,1560px);min-height:0;height:auto;margin:0 auto;display:grid;grid-template-columns:minmax(260px,.74fr) minmax(300px,1fr) minmax(220px,.58fr);grid-template-rows:auto minmax(0,1fr);-moz-column-gap:clamp(1rem,3vw,2.5rem);column-gap:clamp(1rem,3vw,2.5rem);row-gap:clamp(2.25rem,4.5vh,4.25rem);padding:clamp(3rem,6.5vh,5.5rem) clamp(.25rem,1vw,1rem) 0;overflow:visible}.app-shell.mode-design .design-hero-nameplate{grid-column:1 / -1;grid-row:1;align-self:start;justify-self:start;width:min(100%,1320px);display:flex;align-items:flex-start;justify-content:flex-start;gap:clamp(.75rem,1.4vw,1.45rem);margin:0;font-size:clamp(4rem,8vw,8.15rem);letter-spacing:-.09em!important;line-height:.78;transform:translate3d(0,var(--hero-name-lift, 0px),0) scale(var(--hero-name-scale, 1));transform-origin:left top;will-change:transform}.app-shell.mode-design .design-hero-portrait{position:relative;z-index:2;grid-column:2;grid-row:2;align-self:end;justify-self:center;left:auto;right:auto;bottom:auto;width:auto;height:auto;max-width:min(45vw,620px);max-height:min(58svh,650px);margin:0 auto clamp(1.8rem,3.2vh,3.25rem);opacity:var(--hero-portrait-opacity, 1);transform:translate3d(var(--hero-portrait-x, 0px),var(--hero-portrait-y, 0px),0) scale(var(--hero-portrait-scale, 1));transform-origin:center bottom;will-change:transform,opacity}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{grid-row:2;align-self:end;padding-bottom:clamp(4.25rem,7.5vh,6.5rem);opacity:var(--hero-content-opacity, 1);transform:translate3d(0,var(--hero-content-lift, 0px),0);will-change:transform,opacity}.app-shell.mode-design .design-hero-intro{grid-column:1}.app-shell.mode-design .design-hero-links{grid-column:3;justify-self:end;width:min(100%,12.25rem)}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{justify-content:flex-start}.app-shell.mode-design .design-metrics{position:relative;z-index:6;margin-top:clamp(-13rem,-12vw,-7rem)}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero{min-height:calc(142svh - var(--design-dock-height))}.app-shell.mode-design .design-hero-stage{grid-template-columns:minmax(220px,.72fr) minmax(260px,1fr) minmax(190px,.58fr);row-gap:clamp(1.8rem,4vh,3.4rem);padding-top:clamp(2.4rem,5vh,4rem)}.app-shell.mode-design .design-hero-nameplate{font-size:clamp(3.75rem,8.6vw,6.55rem)}.app-shell.mode-design .design-hero-portrait{max-width:min(48vw,520px);max-height:min(55svh,560px);margin-bottom:clamp(1.6rem,3vh,2.7rem)}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{padding-bottom:clamp(3.4rem,6vh,5rem)}}@media(max-width:760px){.app-shell.mode-design .design-hero{min-height:auto}.app-shell.mode-design .design-hero-pin{position:relative;height:auto;display:block;padding:.9rem .9rem 2.2rem}.app-shell.mode-design .design-hero-stage{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:1.15rem;padding:clamp(2.15rem,8vw,3rem) .7rem .95rem;margin-inline:-.7rem;overflow:visible}.app-shell.mode-design .design-hero-nameplate{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;gap:.08em;width:100%;font-size:clamp(2.65rem,15.8vw,4.15rem);line-height:.84;letter-spacing:-.07em!important;transform:none}.app-shell.mode-design .design-hero-portrait{grid-column:1;grid-row:2;position:relative;left:auto;bottom:auto;width:min(96vw,430px);max-width:none;max-height:none;margin:clamp(1.4rem,7vw,2.4rem) auto -.7rem;transform:none;opacity:1}.app-shell.mode-design .design-hero-intro{grid-column:1;grid-row:3;padding:0;transform:none;opacity:1}.app-shell.mode-design .design-hero-links{grid-column:1;grid-row:4;width:100%;padding:.3rem 0 .55rem;transform:none;opacity:1}}.app-shell.mode-design .design-portfolio{gap:clamp(2rem,4vw,3.5rem)!important;overflow-x:clip!important}.app-shell.mode-design .design-hero{--design-dock-height: calc(1.92rem + env(safe-area-inset-bottom)) ;position:relative!important;min-height:calc(150svh - var(--design-dock-height))!important;height:auto!important;padding:0!important;overflow:visible!important}.app-shell.mode-design .design-hero-pin{position:sticky!important;top:0!important;height:calc(100svh - var(--design-dock-height))!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:clamp(1rem,2.7vw,2.8rem) clamp(1rem,4vw,5.5rem) 0!important;overflow:visible!important}.app-shell.mode-design .design-hero-stage{position:relative!important;flex:1 1 auto!important;width:min(100%,1560px)!important;min-height:0!important;height:auto!important;max-height:930px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(260px,.74fr) minmax(300px,1fr) minmax(220px,.58fr)!important;grid-template-rows:auto minmax(0,1fr)!important;-moz-column-gap:clamp(1rem,3vw,2.5rem)!important;column-gap:clamp(1rem,3vw,2.5rem)!important;row-gap:clamp(2.25rem,4.5vh,4.25rem)!important;padding:clamp(3rem,6.5vh,5.5rem) clamp(.25rem,1vw,1rem) 0!important;overflow:visible!important}.app-shell.mode-design .design-hero-nameplate{grid-column:1 / -1!important;grid-row:1!important;transform:translate3d(0,var(--hero-name-lift, 0px),0) scale(var(--hero-name-scale, 1))!important;transform-origin:left top!important;will-change:transform!important}.app-shell.mode-design .design-hero-portrait{position:relative!important;z-index:2!important;grid-column:2!important;grid-row:2!important;align-self:end!important;justify-self:center!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;max-width:min(45vw,620px)!important;max-height:min(58svh,650px)!important;margin:0 auto clamp(1.8rem,3.2vh,3.25rem)!important;transform:translate3d(var(--hero-portrait-x, 0px),var(--hero-portrait-y, 0px),0) scale(var(--hero-portrait-scale, 1))!important;opacity:var(--hero-portrait-opacity, 1)!important;filter:none!important;mix-blend-mode:normal!important;will-change:transform!important}.app-shell.mode-design .design-hero-intro{grid-column:1!important;grid-row:2!important;max-width:29rem!important}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{align-self:end!important;padding-bottom:clamp(4.25rem,7.5vh,6.5rem)!important;transform:translate3d(0,var(--hero-content-lift, 0px),0)!important;opacity:var(--hero-content-opacity)!important;will-change:transform,opacity!important}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:none!important;white-space:nowrap!important}.app-shell.mode-design .design-role-break{display:block!important;white-space:nowrap!important}.app-shell.mode-design .design-hero-links{grid-column:3!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important;justify-self:end!important;box-sizing:border-box!important;width:10.5rem!important;max-width:10.5rem!important;margin-left:0!important}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{box-sizing:border-box!important;max-width:100%!important;width:100%!important;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:flex-start;padding:.72rem .8rem;border-radius:999px;line-height:1;text-align:left}.app-shell.mode-design .design-metrics{margin-top:clamp(1.2rem,3vw,2.3rem)!important}.app-shell.mode-design .design-featured,.app-shell.mode-design .design-rail,.app-shell.mode-design .design-workbench,.app-shell.mode-design .design-writing-panel{margin-top:0}@media(min-width:761px)and (max-width:1280px){.app-shell.mode-design .design-hero,.app-shell.mode-design .design-hero-pin{min-height:initial!important}.app-shell.mode-design .design-hero-stage{grid-template-columns:minmax(220px,.72fr) minmax(280px,1fr) minmax(190px,.58fr)!important;row-gap:clamp(1.8rem,4vh,3.5rem)!important;padding-top:clamp(2.4rem,5vh,4rem)!important;padding-right:clamp(.25rem,1vw,1rem)!important}.app-shell.mode-design .design-hero-portrait{max-width:min(50vw,560px)!important;max-height:min(56svh,600px)!important;margin-bottom:clamp(2.35rem,4vh,3.8rem)!important}.app-shell.mode-design .design-hero-intro{max-width:min(100%,29rem)!important}.app-shell.mode-design .design-hero-intro,.app-shell.mode-design .design-hero-links{padding-bottom:clamp(4rem,6.8vh,5.75rem)!important}}@media(max-width:900px){.app-shell.mode-design .design-portfolio{gap:1.2rem!important}.app-shell.mode-design .design-hero,.app-shell.mode-design .design-hero-pin{position:relative!important;top:auto!important;height:auto!important;min-height:0!important}.app-shell.mode-design .design-hero-pin{display:block!important;padding:.9rem .9rem .95rem!important}.app-shell.mode-design .design-hero-stage{position:relative!important;min-height:0!important;height:auto!important;max-height:none!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:1rem!important;padding:clamp(1.35rem,5.5vw,2rem) 0 0!important;margin-inline:0!important;overflow:visible!important}.app-shell.mode-design .design-hero-nameplate{grid-column:1!important;grid-row:1!important;position:relative!important;z-index:3!important;transform:none!important}.app-shell.mode-design .design-hero-portrait{grid-column:1!important;grid-row:2!important;align-self:start!important;justify-self:center!important;width:min(90vw,420px)!important;max-width:none!important;max-height:none!important;margin:0 auto!important;transform:none!important}.app-shell.mode-design .design-hero-intro{grid-column:1!important;grid-row:3!important;position:relative!important;z-index:3!important;align-self:start!important;max-width:min(100%,23rem)!important;padding:0!important;transform:none!important;opacity:1!important}.app-shell.mode-design .design-hero-cta--compact{margin-top:1.35rem!important}.app-shell.mode-design .design-hero-intro .design-kicker{max-width:none!important}.app-shell.mode-design .design-hero-links{grid-column:1!important;grid-row:4!important;position:relative!important;z-index:5!important;align-self:start!important;display:flex!important;flex-wrap:nowrap!important;gap:.5rem!important;justify-self:start!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;padding:1rem 0 0!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding-inline:0 1rem!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;transform:none!important;opacity:1!important}.app-shell.mode-design .design-hero-links::-webkit-scrollbar{display:none!important}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{flex:0 0 auto!important;width:auto!important;min-height:2rem!important;justify-content:flex-start!important;padding:.42rem .62rem!important;border:1px solid var(--design-border)!important;border-radius:999px!important;background:color-mix(in srgb,var(--design-surface) 92%,transparent)!important;box-shadow:none!important;color:var(--design-muted)!important;font-size:.78rem!important;font-weight:760!important;letter-spacing:-.02em!important;line-height:1.2!important;text-align:left!important}.app-shell.mode-design .design-hero-links>:not(:last-child):after{content:none!important}.app-shell.mode-design .design-metrics{width:calc(100% - 1.8rem)!important;margin-top:2.4rem!important;margin-inline:auto!important;padding:0!important;gap:.75rem!important}.app-shell.mode-design .design-metrics div{min-height:3.7rem!important;padding:.6rem .75rem!important}.app-shell.mode-design .design-metrics p{font-size:.94rem!important;line-height:1.18!important}.app-shell.mode-design .design-featured{width:calc(100% - 1.8rem)!important;margin-top:2.25rem!important;margin-inline:auto!important;gap:.75rem!important}.app-shell.mode-design .design-rail,.app-shell.mode-design .design-workbench,.app-shell.mode-design .design-writing-panel{width:calc(100% - 1.8rem)!important;margin-inline:auto!important}.app-shell.mode-design .design-workbench{padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))!important}.app-shell.mode-design .design-writing-panel{grid-template-columns:1fr!important;width:100%!important;gap:.75rem!important;margin-inline:0!important}.app-shell.mode-design .design-writing-panel article{padding:1rem!important;border-radius:26px!important}.app-shell.mode-design .design-section-heading{gap:.3rem!important}.app-shell.mode-design .design-section-heading p{font-size:.76rem!important;letter-spacing:.18em!important}.app-shell.mode-design .design-section-heading h2{font-size:clamp(2rem,9vw,3.2rem)!important;line-height:.98!important}.app-shell.mode-design .design-featured-card{gap:.65rem!important;padding:.72rem!important;border-radius:30px!important}.app-shell.mode-design .design-featured-main{gap:.78rem!important;padding:.75rem!important}.app-shell.mode-design .design-featured-main p{max-width:21rem!important;font-size:clamp(1.28rem,7vw,2rem)!important;line-height:1.12!important}.app-shell.mode-design .design-featured-side{gap:.55rem!important;padding:.85rem!important;border-radius:24px!important}.app-shell.mode-design .design-tag-row,.app-shell.mode-design .design-featured-side{align-content:flex-start!important}.app-shell.mode-design .design-featured-side span,.app-shell.mode-design .design-tag-row span{padding:.5rem .68rem!important;font-size:.82rem!important}}@media(max-width:520px){.app-shell.mode-design .design-hero-links{grid-template-columns:1fr!important}}@media(max-width:900px){.app-shell.mode-design{--design-mobile-gutter: clamp(1.35rem, 5.6vw, 1.9rem)}.app-shell.mode-design .global-top-controls{top:var(--design-mobile-gutter)!important;right:var(--design-mobile-gutter)!important}.app-shell.mode-design .top-right-menu-trigger{width:2.55rem!important;height:2.55rem!important}.app-shell.mode-design .design-portfolio{gap:2rem!important}.app-shell.mode-design .design-hero-pin{padding:var(--design-mobile-gutter) var(--design-mobile-gutter) 0!important}.app-shell.mode-design .design-hero-nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:0 3.35rem 0 0!important}.app-shell.mode-design .design-availability{min-height:2.8rem!important;padding:.65rem .86rem!important;border-radius:999px!important;font-size:clamp(.9rem,4vw,1.05rem)!important;font-weight:780!important}.app-shell.mode-design .design-availability span{width:.72rem!important;height:.72rem!important}.app-shell.mode-design .design-hero-stage{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:0!important;padding:clamp(1.35rem,5vw,1.85rem) 0 0!important}.app-shell.mode-design .design-hero-nameplate{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:1fr!important;gap:.08em!important;width:100%!important;font-size:clamp(3.7rem,15.4vw,5.15rem)!important;line-height:.82!important;letter-spacing:-.075em!important}.app-shell.mode-design .design-hero-nameplate span:first-child{-webkit-text-stroke-width:1.3px!important;text-stroke-width:1.3px!important}.app-shell.mode-design .design-hero-portrait{grid-column:1!important;grid-row:2!important;width:min(86vw,400px)!important;max-width:100%!important;margin:clamp(1rem,4.2vw,1.55rem) auto .85rem!important}.app-shell.mode-design .design-hero-intro{grid-column:1!important;grid-row:3!important;max-width:100%!important;padding:0!important}.app-shell.mode-design .design-hero-intro .design-kicker{margin:0 0 .95rem!important;font-size:clamp(2.05rem,8.8vw,2.7rem)!important;line-height:.96!important;letter-spacing:-.07em!important}.app-shell.mode-design .design-hero-intro .design-hero-title{max-width:16.5rem!important;margin:0 0 1rem!important;font-size:clamp(1.38rem,6.2vw,1.8rem)!important;line-height:1.08!important}.app-shell.mode-design .design-hero-intro>p:not(.design-kicker):not(.design-hero-title){max-width:25rem!important;margin:0!important;font-size:clamp(1.08rem,4.8vw,1.32rem)!important;line-height:1.34!important}.app-shell.mode-design .design-hero-cta--compact{min-height:3.85rem!important;margin-top:1.65rem!important;padding:.95rem 1.3rem!important;font-size:1rem!important}.app-shell.mode-design .design-hero-links{grid-column:1!important;grid-row:4!important;width:100%!important;max-width:none!important;margin:0!important;padding:1.65rem 0 0!important;gap:.55rem!important}.app-shell.mode-design .design-hero-links a,.app-shell.mode-design .design-hero-links .design-system-link{min-height:2.35rem!important;padding:.55rem .78rem!important;font-size:.86rem!important}.app-shell.mode-design .design-metrics,.app-shell.mode-design .design-featured,.app-shell.mode-design .design-rail,.app-shell.mode-design .design-workbench{width:calc(100% - (var(--design-mobile-gutter) * 2))!important;margin-inline:auto!important}.app-shell.mode-design .design-metrics{margin-top:2.65rem!important;padding-bottom:calc(2.5rem + env(safe-area-inset-bottom))!important;gap:.8rem!important}.app-shell.mode-design .design-metrics div{min-height:4.25rem!important;padding:.72rem .88rem!important;gap:1rem!important;border-radius:999px!important}.app-shell.mode-design .design-metrics span{width:2.65rem!important;height:2.65rem!important;font-size:.84rem!important}.app-shell.mode-design .design-metrics p{font-size:clamp(.96rem,4.2vw,1.12rem)!important;line-height:1.18!important}}