:root{color-scheme:light;--ink:#101216;--muted:#626a77;--paper:#f6efe4;--surface:#fffaf1;--line:#10121624;--orange:#ff5630;--teal:#22b8a6;--charcoal:#141821;--radius:8px}*{box-sizing:border-box}html,body{margin:0}html{background:var(--paper)}body{background:linear-gradient(#1012160b 1px, transparent 1px), linear-gradient(90deg, #1012160b 1px, transparent 1px), var(--paper);min-height:100dvh;color:var(--ink);letter-spacing:0;background-size:44px 44px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{grid-template-rows:64px minmax(0,1fr);width:min(100%,1500px);height:100dvh;margin:0 auto;padding:0 22px 22px;display:grid}.topbar{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.brand,.quick-links,.status-pill{align-items:center;display:flex}.brand{gap:10px;font-weight:850}.brand-name-short{display:none}.brand-mark{border:1px solid var(--ink);background:var(--orange);color:#fff;border-radius:6px;place-items:center;width:34px;height:34px;font-size:.75rem;font-weight:900;display:grid}.status-pill{border:1px solid var(--line);min-width:0;color:var(--muted);white-space:nowrap;background:#fffaf1b8;border-radius:999px;justify-self:center;gap:8px;padding:7px 12px;font-size:clamp(.72rem,1vw,.86rem);font-weight:750}.status-pill span{background:var(--teal);border-radius:999px;width:8px;height:8px}.quick-links{gap:8px}.quick-links a{border:1px solid var(--ink);border-radius:var(--radius);background:var(--surface);width:48px;height:48px;box-shadow:4px 4px 0 var(--orange);place-items:center;transition:transform .16s,box-shadow .16s,background .16s;display:inline-grid}.quick-links a:hover{box-shadow:2px 2px 0 var(--orange);background:#fff;transform:translate(2px,2px)}.quick-links svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:24px;height:24px}.quick-links a[aria-label=GitHub] svg,.quick-links a[aria-label=LinkedIn] svg,.quick-links a[aria-label=X] svg{fill:currentColor;stroke:none}.portfolio-card{grid-template-columns:minmax(390px,.98fr) minmax(440px,1.06fr) minmax(320px,.8fr);align-self:start;gap:14px;width:100%;min-height:0;max-height:860px;padding-top:16px;display:grid}.identity-panel,.work-panel,.signal-panel{min-height:0}.identity-panel,.work-panel,.signal-panel>*,.project-card{border:1px solid var(--line);border-radius:var(--radius);background:#fffaf1c7}.identity-panel{flex-direction:column;padding:clamp(18px,2vw,26px);display:flex}.eyebrow,.panel-heading,.project-topline,.agent-head,.stack-card span,.value-strip span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:850}.eyebrow{align-items:center;gap:8px;margin:0 0 18px;display:flex}.eyebrow:before{background:var(--teal);content:"";border-radius:999px;width:9px;height:9px}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:7.3ch;margin-bottom:16px;font-size:clamp(3.35rem,5.1vw,6rem);line-height:.9}h1 span{color:var(--orange);display:block}.hero-copy{max-width:36rem;color:var(--muted);margin-bottom:16px;font-size:clamp(.98rem,1.3vw,1.12rem);line-height:1.45}.audience-row{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.audience-row span,.journey-badge,.stack-line span{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#ffffff70;border-radius:999px;padding:6px 8px;font-size:.72rem;font-weight:800}.journey-badge{color:var(--orange);background:#ff563014;border-color:#ff563073}.mini-proof{gap:9px;margin-top:auto;display:grid}.mini-proof div{border-top:1px solid var(--line);grid-template-columns:10px 1fr;align-items:start;gap:8px;padding-top:9px;display:grid}.mini-proof span{background:var(--orange);border-radius:999px;width:8px;height:8px;margin-top:5px}.mini-proof p{margin:0;font-size:.9rem;font-weight:780;line-height:1.25}.work-panel{flex-direction:column;gap:10px;min-width:0;display:flex}.panel-heading,.project-topline,.agent-head{justify-content:space-between;gap:10px;display:flex}.panel-heading{border:1px solid var(--line);border-radius:var(--radius);background:var(--charcoal);color:#ffffffad;align-items:center;padding:11px 13px}.panel-heading strong,.agent-head strong,.project-topline strong{color:var(--teal)}.project-stack{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0;display:grid}.project-card{min-height:0;padding:clamp(13px,1.7vw,18px);transition:transform .16s,border-color .16s,background .16s;display:grid}.project-card:hover{border-color:var(--ink);background:#fff;transform:translateY(-2px)}.project-card h2{margin:8px 0 7px;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1}.project-card p{color:var(--muted);margin-bottom:10px;font-size:clamp(.82rem,1.05vw,.96rem);line-height:1.35}.stack-line,.project-links{flex-wrap:wrap;gap:6px;display:flex}.project-links{align-self:end;margin-top:10px}.project-links a{border:1px solid var(--ink);border-radius:var(--radius);background:var(--surface);padding:7px 9px;font-size:.75rem;font-weight:900}.project-links a:first-child{background:var(--ink);color:#fff}.signal-panel{grid-template-rows:auto auto minmax(0,1fr);gap:10px;display:grid}.value-strip{grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.value-strip article{border-right:1px solid var(--line);padding:13px}.value-strip article:last-child{border-right:0}.value-strip p{margin:8px 0 0;font-size:.78rem;font-weight:760;line-height:1.28}.stack-card{padding:13px}.stack-card p{margin:8px 0 0;font-size:.9rem;font-weight:800;line-height:1.35}.agent-panel{background:var(--charcoal);color:#fff;grid-template-rows:auto minmax(86px,1fr) auto auto;gap:10px;min-height:0;padding:13px;display:grid}.agent-head{color:#ffffffa3}.chat-log{border-radius:var(--radius);color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff21;min-height:0;padding:12px;font-size:.86rem;line-height:1.38;overflow:auto}.chat-log strong{color:#fff}.chat-form{grid-template-columns:1fr auto;gap:7px;display:grid}.chat-form input{border-radius:var(--radius);color:#fff;background:#ffffff17;border:1px solid #ffffff29;outline:none;min-width:0;padding:0 10px}.chat-form input::placeholder{color:#ffffff75}.chat-form button{border-radius:var(--radius);background:var(--teal);color:#081211;cursor:pointer;border:0;min-height:40px;padding:0 13px;font-weight:900}.suggestions{flex-wrap:wrap;gap:6px;display:flex}.suggestions button{color:#ffffffb8;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:999px;padding:7px 8px;font-size:.72rem;font-weight:780}@media (height<=760px) and (width>=980px){.page-shell{grid-template-rows:58px minmax(0,1fr);padding-bottom:14px}.portfolio-card{gap:10px;padding-top:12px}h1{margin-bottom:12px;font-size:clamp(3rem,4.6vw,5.25rem)}.hero-copy,.audience-row{margin-bottom:12px}.identity-panel,.project-card{padding:13px}.project-card h2{margin:6px 0}.project-card p{margin-bottom:7px}.stack-line span,.project-links a,.suggestions button{padding-block:5px}}@media (width<=1199px){body{overflow:auto}.page-shell{height:auto;min-height:100dvh}.portfolio-card{grid-template-columns:minmax(280px,.86fr) minmax(380px,1.14fr);max-height:none;padding-bottom:22px}.signal-panel{grid-column:1/-1;grid-template-rows:none;grid-template-columns:minmax(0,.95fr) minmax(260px,.7fr) minmax(320px,1fr)}.project-stack{grid-template-rows:none}}@media (width<=900px){.portfolio-card{grid-template-columns:1fr}.signal-panel{grid-column:auto;grid-template-rows:none;grid-template-columns:1fr}}@media (width<=700px){.page-shell{padding:0 14px 18px}.topbar{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:10px;min-height:62px}.status-pill{display:none}.brand{min-width:0}.brand-name-full{display:none}.brand-name-short{text-overflow:ellipsis;white-space:nowrap;display:inline;overflow:hidden}.quick-links{justify-content:end;gap:7px;min-width:0}.quick-links a{width:42px;height:42px;box-shadow:3px 3px 0 var(--orange)}.quick-links svg{width:22px;height:22px}.portfolio-card{padding-top:12px}h1{max-width:7.1ch;font-size:clamp(3rem,15vw,4.15rem)}.value-strip{grid-template-columns:1fr}.value-strip article{border-right:0;border-bottom:1px solid var(--line)}.value-strip article:last-child{border-bottom:0}}