.portfolio-app.svelte-1xrbbla{grid-template-columns:240px 1fr;gap:1.2rem;display:grid;overflow:auto}aside.svelte-1xrbbla{border-inline-end:1px solid var(--stroke);padding-inline-end:.8rem}aside.svelte-1xrbbla button:where(.svelte-1xrbbla){text-align:start;border-radius:.8rem;grid-template-columns:24px 1fr;gap:.2rem .5rem;width:100%;padding:.8rem;display:grid}aside.svelte-1xrbbla button:where(.svelte-1xrbbla):hover,aside.svelte-1xrbbla button.active:where(.svelte-1xrbbla){background:var(--surface-hover)}aside.svelte-1xrbbla button:where(.svelte-1xrbbla) span:where(.svelte-1xrbbla){color:var(--cyan);font:.65rem var(--font-mono);grid-row:1/3}aside.svelte-1xrbbla button:where(.svelte-1xrbbla) strong:where(.svelte-1xrbbla){font-size:.82rem}aside.svelte-1xrbbla button:where(.svelte-1xrbbla) small:where(.svelte-1xrbbla){color:var(--ink-faint);font-size:.7rem}article.svelte-1xrbbla{min-width:0}.visual.svelte-1xrbbla{border:1px solid var(--stroke);background:radial-gradient(circle at 70% 15%,#58d8ff38,#0000 24%),linear-gradient(140deg,#0b1b35,#3a54a3 55%,#8b5cf6);border-radius:1.2rem;place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.visual.svelte-1xrbbla span:where(.svelte-1xrbbla){z-index:1;color:#fff;font:700 clamp(1.5rem, 4vw, 3rem) var(--font-sans);letter-spacing:-.04em;position:relative}.visual.svelte-1xrbbla i:where(.svelte-1xrbbla){background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:46%;height:1px;position:absolute;rotate:-22deg}.visual.svelte-1xrbbla i:where(.svelte-1xrbbla):nth-of-type(2){translate:0 50px;rotate:22deg}.visual.svelte-1xrbbla i:where(.svelte-1xrbbla):nth-of-type(3){translate:0 -60px;rotate:0deg}h1.svelte-1xrbbla{margin-block:.35rem;font-size:2.2rem}.lead.svelte-1xrbbla{max-width:65ch}ul.svelte-1xrbbla{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}li.svelte-1xrbbla{border:1px solid var(--stroke);color:var(--ink-muted);font:.68rem var(--font-mono);border-radius:999px;padding:.25rem .55rem}.disclosure.svelte-1xrbbla{border-inline-start:3px solid var(--emerald);background:#3fb68b14;padding:.75rem;font-size:.78rem}@media (width<=650px){.portfolio-app.svelte-1xrbbla{grid-template-columns:1fr}aside.svelte-1xrbbla{border:0;gap:.3rem;display:flex;overflow-x:auto}aside.svelte-1xrbbla .eyebrow:where(.svelte-1xrbbla){display:none}aside.svelte-1xrbbla button:where(.svelte-1xrbbla){min-width:175px}}
