/* Montserrat loaded via Google Fonts in */ @font-face { font-family: 'IBM Plex Mono'; src: url(../assets/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf) format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Mono'; src: url(../assets/fonts/IBM_Plex_Mono/IBMPlexMono-Medium.ttf) format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } body { font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Text size utilities — fluid scaling with clamp() */ .text-4xl { font-size: clamp(3rem, 8vw, 10rem); line-height: 1.0; font-weight: 700; letter-spacing: -0.02em; } .text-2xl { font-size: clamp(2rem, 4vw, 5rem); line-height: 1.1; font-weight: 600; letter-spacing: -0.01em; } .text-xl { font-size: clamp(1.5rem, 2.5vw, 3rem); line-height: 1.2; font-weight: 500; } .text-lg { font-size: clamp(1.125rem, 1.5vw, 1.75rem); line-height: 1.4; font-weight: 400; } .text-base { font-size: clamp(1rem, 1.2vw, 1.25rem); line-height: 1.6; font-weight: 400; } .text-xs { font-size: 0.75rem; line-height: 1.5; font-weight: 400; letter-spacing: 0.02em; } .text-mono { font-family: 'IBM Plex Mono', 'Courier New', monospace; } .text-medium { font-weight: 500; } @media (max-width: 812px) { .text-4xl { font-size: 13vw; } .text-2xl { font-size: 8vw; } .text-lg { font-size: 1.25rem; } }