/* Homepage visual identity. Shared by portfolio pages and hosted products. */
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600;700&display=swap');
:root {
 --portfolio-font: 'Schibsted Grotesk', sans-serif;
 --portfolio-canvas: #fff; --portfolio-ink: #28282a; --portfolio-muted: #4f4f4f;
 --portfolio-soft: #f7f7f7; --portfolio-line: #d9dbd6; --portfolio-accent: #c9ee7d;
 --portfolio-radius: 20px; --portfolio-width: 1400px; --portfolio-section: clamp(48px, 6vw, 80px);
 --portfolio-h1: clamp(40px, 5.4vw, 76px); --portfolio-h2: clamp(32px, 4vw, 56px); --portfolio-h3: clamp(23px, 2.5vw, 32px);
 --legacy-ink: var(--portfolio-ink); --legacy-line: var(--portfolio-line); --legacy-lime: var(--portfolio-accent);
}