/* Global Portfolio Styles */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
    /* Fluid container padding */
    --container-px: clamp(1.5rem, 5vw, 4rem);
}

/* Base section padding — use .px-container class on sections that need it */

/* Utilities */
.px-container {
    padding-left: var(--container-px);
    padding-right: var(--container-px);
}

.mx-container {
    margin-left: var(--container-px);
    margin-right: var(--container-px);
}