@font-face{font-family:'DM Mono';src:url('/dm-mono-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
/* White-first workspace with soft grey secondary surfaces, inspired by Brilean.
   System typography avoids redistributing the reference site's commercial font. */
:root{
--nd-color-canvas:#fff;--nd-color-surface:#fff;--nd-color-surface-secondary:#f3f3f2;--nd-color-surface-dark:#252522;--nd-color-ink:#252522;--nd-color-ink-muted:#656560;--nd-color-ink-subtle:#656560;--nd-color-ink-inverse:#fff;--nd-color-line:#dededb;--nd-color-accent:#e2f896;
--nd-font-sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--nd-font-mono:'DM Mono','SFMono-Regular',Consolas,monospace;--nd-weight-body:400;--nd-weight-heading:400;--nd-tracking-display:-.045em;--nd-tracking-body:-.015em;
--nd-type-display:clamp(2.5rem,4.6vw,4rem);--nd-type-section:1.5rem;--nd-type-card-title:1.5rem;--nd-type-body-large:1.125rem;--nd-type-body:1rem;--nd-type-meta:.8125rem;
--nd-space-grid:18px;--nd-space-inline:clamp(24px,4.5vw,72px);--nd-space-card:26px;--nd-space-section-inner:32px;--nd-space-section:64px;
--nd-radius-card:16.5px;--nd-media-inset:8px;--nd-radius-media-inset:10.5px;--nd-radius-control:999px;--nd-radius-small:9px;--nd-container-max:1520px;
--nd-motion-fast:180ms;--nd-motion-standard:420ms;--nd-ease-standard:cubic-bezier(.22,1,.36,1);--nd-layer-sticky:5;--nd-layer-mobile-nav:30;
}
@media(max-width:700px){:root{--nd-space-inline:20px;--nd-space-card:20px;--nd-space-section:44px;--nd-type-display:2.5rem}}

:root{--portfolio-content:min(calc(100vw - 2 * var(--nd-space-inline)),calc(var(--nd-container-max) - 2 * var(--nd-space-inline)))}