.work-section[data-astro-cid-oivg7h3t]{background-color:var(--color-surface-50);padding:5rem 1.5rem 6rem}.inner[data-astro-cid-oivg7h3t]{max-width:72rem;margin:0 auto}.work-intro[data-astro-cid-oivg7h3t]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px solid var(--color-surface-200)}.eyebrow[data-astro-cid-oivg7h3t]{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-600);margin-bottom:.875rem}.intro-heading[data-astro-cid-oivg7h3t]{font-family:var(--font-display);font-size:clamp(1.625rem,3.5vw,2.375rem);font-weight:400;line-height:1.2;color:var(--color-brand-900);margin-bottom:1.25rem;letter-spacing:-.01em}.intro-body[data-astro-cid-oivg7h3t]{font-family:var(--font-body);font-size:1.0625rem;font-weight:300;line-height:1.7;color:var(--color-surface-700);max-width:52ch;margin-bottom:1rem}.intro-image[data-astro-cid-oivg7h3t]{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 3}.notebook-img[data-astro-cid-oivg7h3t]{width:100%;height:100%;object-fit:cover;display:block}.image-scrim[data-astro-cid-oivg7h3t]{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,oklch(from var(--color-brand-900) l c h / .25) 100%)}.examples-section[data-astro-cid-oivg7h3t]{margin-bottom:4.5rem}.examples-heading[data-astro-cid-oivg7h3t]{font-family:var(--font-display);font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:400;color:var(--color-brand-900);margin-bottom:.75rem}.examples-intro[data-astro-cid-oivg7h3t]{font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.65;color:var(--color-surface-600);max-width:52ch;margin-bottom:2rem}.examples-grid[data-astro-cid-oivg7h3t]{display:flex;flex-direction:column;gap:1px;background-color:var(--color-surface-200);border:1px solid var(--color-surface-200);border-radius:var(--radius);overflow:hidden}.example-card[data-astro-cid-oivg7h3t]{background-color:var(--color-surface-50);display:grid;grid-template-columns:1fr auto 1fr;gap:0}.example-col[data-astro-cid-oivg7h3t]{padding:2rem}.before[data-astro-cid-oivg7h3t]{background-color:var(--color-surface-100)}.after[data-astro-cid-oivg7h3t]{background-color:var(--color-brand-50)}.col-label[data-astro-cid-oivg7h3t]{font-family:var(--font-body);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-surface-500);margin-bottom:.75rem}.after[data-astro-cid-oivg7h3t] .col-label[data-astro-cid-oivg7h3t]{color:var(--color-accent-600)}.col-text[data-astro-cid-oivg7h3t]{font-family:var(--font-display);font-size:.9375rem;font-style:italic;font-weight:400;line-height:1.6;color:var(--color-surface-700)}.after[data-astro-cid-oivg7h3t] .col-text[data-astro-cid-oivg7h3t]{color:var(--color-brand-800)}.example-divider[data-astro-cid-oivg7h3t]{display:flex;align-items:center;justify-content:center;padding:0 .75rem;color:var(--color-accent-400);background-color:var(--color-surface-50);border-left:1px solid var(--color-surface-200);border-right:1px solid var(--color-surface-200)}.portfolio-note[data-astro-cid-oivg7h3t]{background-color:var(--color-surface-100);border:1px solid var(--color-surface-200);border-radius:var(--radius);overflow:hidden}.note-inner[data-astro-cid-oivg7h3t]{padding:2.5rem;max-width:54rem}.note-heading[data-astro-cid-oivg7h3t]{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--color-brand-900);margin-bottom:.75rem}.note-text[data-astro-cid-oivg7h3t]{font-family:var(--font-body);font-size:.9375rem;font-weight:300;line-height:1.7;color:var(--color-surface-700);max-width:58ch;margin-bottom:1.5rem}.note-cta[data-astro-cid-oivg7h3t]{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--color-surface-50);background-color:var(--color-brand-700);text-decoration:none;padding:.75rem 1.5rem;border-radius:var(--radius);min-height:44px;transition:background-color .2s ease}.note-cta[data-astro-cid-oivg7h3t]:hover{background-color:var(--color-brand-600)}@media(max-width:760px){.work-intro[data-astro-cid-oivg7h3t]{grid-template-columns:1fr;gap:2.5rem}.example-card[data-astro-cid-oivg7h3t]{grid-template-columns:1fr}.example-divider[data-astro-cid-oivg7h3t]{padding:.75rem;border-left:none;border-right:none;border-top:1px solid var(--color-surface-200);border-bottom:1px solid var(--color-surface-200)}}