@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Press+Start+2P&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050608;--bg-elevated:#0a0d12;--panel:#10141b;--panel-strong:#161b23;--line:#ffffff1f;--line-strong:#fff3;--text:#f4f7fb;--muted:#b3bdca;--subtle:#8490a0;--shadow:0 28px 72px #00000080;--radius-xl:1.25rem;--radius-lg:.95rem;--radius-md:.7rem;--radius-sm:.45rem;--content-width:min(1120px, calc(100vw - 2rem));--accent:#68f0d0;--accent-soft:#68f0d029;--accent-contrast:#041016;--heading:"Space Grotesk", "IBM Plex Mono", monospace;--body:"IBM Plex Mono", "SFMono-Regular", "Menlo", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{min-width:320px;min-height:100vh;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 14% 14%,#68f0d014,#0000 28%),radial-gradient(circle at 84% 16%,#6c99ff17,#0000 24%),radial-gradient(circle at 72% 82%,#ffbb5c0f,#0000 22%),linear-gradient(#090c11 0%,#050608 100%);margin:0;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.55;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000061,#0000 82%);mask-image:linear-gradient(#00000061,#0000 82%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--text);color:var(--bg)}#root{min-height:100vh}.page-shell{padding:1rem;position:relative}.page-shell__noise{pointer-events:none;opacity:.08;mix-blend-mode:screen;background-image:radial-gradient(#ffffff0b 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}.terminal-shell{width:var(--content-width);border:1px solid var(--line-strong);background:linear-gradient(180deg, #ffffff08, transparent 18%), var(--bg-elevated);box-shadow:var(--shadow);border-radius:1.25rem;margin:0 auto;position:relative;overflow:visible}.terminal-shell__chrome{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffff12,#0000 28%),#0a0d12fa;border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex;position:sticky;top:0;box-shadow:0 12px 30px #00000038}.terminal-shell__brand{letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.terminal-shell__prompt{color:var(--muted)}.terminal-shell__title{align-items:center;font-family:"Press Start 2P",monospace;font-size:.68rem;line-height:1.5;transition:color .16s,opacity .16s;display:inline-flex}.terminal-shell__title:hover,.terminal-shell__title:focus-visible{color:var(--accent)}.terminal-shell__subtitle{color:var(--subtle);letter-spacing:.12em;font-size:.78rem}.terminal-shell__nav{color:var(--subtle);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.terminal-shell__nav-item{align-items:center;gap:.45rem;display:inline-flex}.terminal-shell__nav a{min-height:auto;color:inherit;background:0 0;border:0;border-radius:0;align-items:center;padding:0;transition:color .16s,opacity .16s;display:inline-flex}.terminal-shell__nav a:hover,.terminal-shell__nav a:focus-visible{color:var(--text);text-underline-offset:.18em;text-decoration:underline}.terminal-shell__nav-sep{color:#b3bdca80}.terminal-shell__nav a:focus-visible,.button:focus-visible,input:focus-visible,textarea:focus-visible,.terminal-card__tab:focus-visible,.persona-tabs__tab:focus-visible,.contact-email:focus-visible{outline:2px solid var(--text);outline-offset:3px}.terminal-shell__screen{padding:clamp(1rem,2.7vw,2rem)}.hero,.section{gap:1.35rem;display:grid}.hero{border-bottom:1px solid var(--line);grid-template-columns:1fr;align-items:start;padding-bottom:2rem}.hero__copy,.hero__artifact,.section__heading,.panel,.project-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg, #ffffff0a, transparent), var(--panel);box-shadow:inset 0 1px #ffffff0a}.hero__copy,.hero__artifact,.section__heading,.panel{padding:1.15rem}.hero__copy,.hero__artifact{gap:1rem;display:grid}.terminal-card{background:linear-gradient(#ffffff0a,#0000 20%),#050505;border:1px solid #ffffff29;border-radius:1rem;gap:.95rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffffff0d,0 16px 40px #00000059}.terminal-card__chrome{align-items:center;display:flex}.terminal-card__lights{align-items:center;gap:.45rem;display:flex}.terminal-card__light{border-radius:999px;width:.75rem;height:.75rem;box-shadow:inset 0 0 0 1px #ffffff14}.terminal-card__light--red{background:#ff5f57}.terminal-card__light--yellow{background:#febc2e}.terminal-card__light--green{background:#28c840}.terminal-card__shell-label{color:#ffffffb3;letter-spacing:.08em;margin-left:.35rem;font-size:.82rem}.terminal-card__tabs{background:#ffffff05;border-bottom:1px solid #ffffff1a;border-top-left-radius:.7rem;border-top-right-radius:.7rem;flex-wrap:wrap;align-items:flex-end;gap:.35rem;padding:.35rem .45rem 0;display:flex}.terminal-card__tab{color:#ffffff94;letter-spacing:.16em;text-align:left;text-transform:lowercase;background:0 0;border:1px solid #0000;border-bottom:none;border-top-left-radius:.55rem;border-top-right-radius:.55rem;align-items:center;gap:.1rem;padding:.58rem .9rem;font-size:.85rem;transition:color .16s,transform .16s,border-color .16s,background-color .16s;display:inline-flex}.terminal-card__tab:hover{color:#ffffffe0;background:#ffffff08}.terminal-card__tab-title{font-family:var(--body);letter-spacing:.18em;text-shadow:0 0 10px #68f0d00d;justify-content:center;align-items:center;font-size:.8rem;line-height:1;display:inline-flex}.terminal-card__tab:hover .terminal-card__tab-title,.terminal-card__tab:focus-visible .terminal-card__tab-title{color:#fff}.terminal-card__tab.is-active{color:#fff;background:#050505;border-color:#ffffff24;transform:translateY(1px)}.terminal-card__body{gap:.9rem;display:grid}.terminal-card__command,.terminal-card__stats span{font-size:.88rem}.terminal-card__command,.terminal-card__bullet{color:var(--accent)}.terminal-card__title{max-width:12ch;font-family:var(--body);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4.4vw,3.8rem);line-height:.95}.terminal-card__lede{color:#ffffffe6;max-width:64ch}.terminal-card__bullets{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.terminal-card__bullet-line{color:#ffffffd6;grid-template-columns:.95rem minmax(0,1fr);align-items:start;gap:.65rem;padding:.5rem .6rem;display:grid}.terminal-card__bullet-line p{color:#fff;margin:0;display:block}.terminal-card__cursor{color:#ffffffeb;animation:1s steps(2,end) infinite terminal-cursor-blink;display:inline-block}@keyframes terminal-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal-card__bullet-dot{border-radius:999px;width:.55rem;height:.55rem;margin-top:.34rem;box-shadow:inset 0 0 0 1px #ffffff14}.terminal-card__bullet-line--cyan .terminal-card__bullet-dot{background:#6ae4ff}.terminal-card__bullet-line--yellow .terminal-card__bullet-dot{background:#f8d66b}.terminal-card__bullet-line--green .terminal-card__bullet-dot{background:#76f29d}.terminal-card__bullet-line--pink .terminal-card__bullet-dot{background:#ff8cd5}.terminal-card__bullet-line--orange .terminal-card__bullet-dot{background:#ffb36d}.terminal-card__footer{gap:.9rem;padding-top:.25rem;display:grid}.terminal-card__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.terminal-card__stats div{background:#ffffff05;border:1px solid #ffffff14;border-radius:.7rem;gap:.3rem;padding:.78rem;display:grid}.terminal-card__stats span{color:#ffffff8a;letter-spacing:.14em;text-transform:uppercase}.terminal-card__stats strong{font-size:.98rem;font-weight:600}.terminal-card__signals{flex-wrap:wrap;gap:.5rem;display:flex}.terminal-card__signals span{color:#ffffffd1;background:#ffffff08;border:1px solid #ffffff14;border-radius:.25rem;padding:.4rem .65rem;font-size:.76rem}.eyebrow{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.72rem}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.03em}h1{max-width:14ch;font-size:clamp(2.4rem,6vw,4.9rem);line-height:.94}h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.04}h3{font-size:1.1rem;line-height:1.15}.hero__lede,.section__heading p,.panel p,.project-card p,.contact-email,.note-list,.footer-lines p{color:var(--muted);line-height:1.7}.persona-tabs{flex-wrap:wrap;gap:.6rem;display:flex}.persona-tabs__tab{border:1px solid var(--line);min-height:2.8rem;color:var(--text);background:#ffffff08;border-radius:999px;justify-content:center;align-items:center;padding:.7rem .95rem;font-size:.9rem;transition:transform .16s,border-color .16s,background-color .16s,color .16s;display:inline-flex}.persona-tabs__tab:hover{border-color:var(--line-strong);transform:translateY(-1px)}.persona-tabs__tab.is-active{background:var(--accent-soft);color:var(--text);border-color:#0000;box-shadow:inset 0 0 0 1px #ffffff0f}.persona-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(#ffffff0d,#0000),#ffffff06;gap:1rem;padding:1rem;display:grid}.persona-panel[data-persona=qa]{--accent:#68f0d0;--accent-soft:#68f0d024}.persona-panel[data-persona=app]{--accent:#7bc8ff;--accent-soft:#7bc8ff24}.persona-panel[data-persona=web]{--accent:#ffb35a;--accent-soft:#ffb35a24}.persona-panel__header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.persona-panel__summary{max-width:68ch;color:var(--text)}.persona-panel__prompt{color:var(--subtle)}.persona-panel__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.persona-panel__stats div,.signal-grid div,.project-card__meta>div,.panel--contact,.panel--resume,.panel--footer{border:1px solid var(--line);background:#ffffff06;border-radius:.25rem}.persona-panel__stats div{gap:.35rem;padding:.85rem;display:grid}.persona-panel__stats span,.project-card__meta-label,.panel__label,.signal-grid dt{color:var(--subtle);letter-spacing:.2em;text-transform:uppercase;font-size:.72rem}.persona-panel__stats strong,.signal-grid dd,.contact-email{color:var(--text)}.persona-panel__proof{gap:.85rem;margin:0;padding-left:1.1rem;display:grid}.persona-panel__proof li::marker{color:var(--accent)}.persona-panel__signals{flex-wrap:wrap;gap:.55rem;display:flex}.persona-panel__signals span{background:var(--accent-soft);color:var(--text);border:1px solid #ffffff14;border-radius:999px;padding:.42rem .7rem;font-size:.78rem}.signal-grid{gap:.75rem;display:grid}.signal-grid div{padding:.85rem .95rem}.signal-grid dd{margin:.35rem 0 0}.section{padding-top:2rem}.section--split{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}.project-grid{grid-template-columns:1fr;gap:1rem;display:grid}.project-grid--support{grid-template-columns:repeat(2,minmax(0,1fr))}.section--support{padding-top:1rem}.support-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.support-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg, #ffffff0a, transparent), var(--panel);gap:.8rem;padding:.9rem 1rem;display:grid}.support-card__label{color:var(--muted);letter-spacing:.22em;text-transform:lowercase;font-size:.72rem}.support-card__text{color:#ffffffe6}.support-card__links{flex-wrap:wrap;gap:.6rem;display:flex}.scroll-top{display:none}.project-card{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:1rem;padding:1rem;display:grid}.project-card__media{aspect-ratio:16/10;background:#ffffff05;border:1px solid #ffffff1a;border-radius:.95rem;transition:border-color .16s,transform .16s,box-shadow .16s;display:block;overflow:hidden}.project-card__media:hover,.project-card__media:focus-visible{border-color:#ffffff3d;transform:translateY(-1px);box-shadow:0 10px 26px #00000047}.project-card__media--label{color:#ffffffd1;letter-spacing:.16em;text-transform:lowercase;background:radial-gradient(circle at 0 0,#68f0d01a,#0000 42%),#ffffff08;justify-content:center;align-items:center;padding:1rem;font-size:clamp(1.4rem,2vw,2rem);display:flex}.project-card__media--label span{background:#0000003d;border:1px solid #ffffff1f;border-radius:.35rem;padding:.45rem .8rem}.project-card__image{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.project-card__content{gap:.9rem;display:grid}.project-card__header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.project-card__kind{color:var(--subtle);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem}.project-card__audience{text-align:right;max-width:22ch;color:var(--subtle);font-size:.86rem}.project-card__role{color:var(--text)}.project-card__summary{max-width:58ch}.project-card__meta{gap:.75rem;display:grid}.project-card__meta>div{padding:.8rem}.project-card__meta p{color:var(--text)}.project-card__note{color:var(--subtle);border-top:1px dashed var(--line);padding-top:.8rem}.project-card__links{flex-wrap:wrap;gap:.6rem;display:flex}.project-card__links--stacked{flex-direction:column;align-items:flex-start}.project-card__links--stacked .button{width:fit-content}.button{border:1px solid var(--line);min-height:2.8rem;color:var(--text);background:0 0;border-radius:.2rem;justify-content:center;align-items:center;padding:.72rem 1rem;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.button:hover{border-color:var(--line-strong);background:#ffffff0d;transform:translateY(-1px)}.button--primary{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.button--primary:hover{filter:brightness(1.05)}.button--small{min-height:2.45rem;padding:.6rem .85rem;font-size:.88rem}.panel--dense{gap:1rem;display:grid}.note-list{gap:.75rem;margin:0;padding-left:1rem;display:grid}.panel--resume,.panel--contact,.panel--footer{gap:1rem;display:grid}.panel--contact{padding:1.15rem}.panel__meta{color:var(--subtle)}.contact-email{border:1px solid var(--line);background:#ffffff08;border-radius:.2rem;width:fit-content;padding:.8rem 1rem;font-size:1rem;transition:transform .16s,border-color .16s,background-color .16s}.contact-email:hover{border-color:var(--line-strong);background:#ffffff0f;transform:translateY(-1px)}.section--footer{padding-bottom:.25rem}.footer-lines{gap:.45rem;display:grid}.ascii-banner{border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--text);letter-spacing:.08em;text-transform:uppercase;background:#ffffff06;margin:0;padding:.95rem;font-size:clamp(.56rem,.95vw,.76rem);line-height:1.45;overflow-x:auto}@media (width<=1040px){.hero,.section--split,.project-grid--support,.support-row,.terminal-card__stats,.project-card{grid-template-columns:1fr}.project-card__audience{text-align:left;max-width:none}.terminal-card__chrome{flex-direction:column;align-items:flex-start}}@media (width<=760px){.page-shell{padding:.7rem}.terminal-shell__chrome{flex-direction:column;align-items:flex-start}.terminal-shell__nav{justify-content:flex-start;width:100%}.terminal-shell__title{font-size:.58rem}.terminal-card__tabs{border-bottom:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid;overflow:hidden}.hero__copy,.hero__artifact,.section__heading,.panel,.project-card,.terminal-card{padding:1rem}.terminal-card__tab{text-align:center;justify-content:center;width:100%;min-width:0;padding-inline:.45rem}.terminal-card__tab-title{white-space:nowrap}.terminal-card__stats{grid-template-columns:1fr}.project-card__header{flex-direction:column}.project-card__links .button{width:100%}.scroll-top{z-index:40;border:1px solid var(--line-strong);min-width:3rem;min-height:3rem;color:var(--text);letter-spacing:.16em;text-transform:lowercase;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);background:#050608e6;border-radius:.35rem;justify-content:center;align-items:center;padding:.55rem .8rem;font-size:.78rem;display:inline-flex;position:fixed;bottom:.85rem;right:.85rem}h1{max-width:11ch}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
