/* Base — reset, typography, body * Brand voice: * - white background, dark text (slate #1e252b for headings, grey #666 for body) * - Proxima Nova everywhere (loaded via Adobe Typekit kit "idi0ljb" — see ) * - bold headings, regular body, italic for accent words */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; scroll-padding-top: 96px; } body { font-family: var(--font-primary); font-size: var(--fs-body); font-weight: 400; line-height: var(--leading-body); color: var(--grey-600); background: var(--white); text-rendering: optimizeLegibility; } img, svg, video, picture { display: block; max-width: 100%; height: auto; } button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; } a { color: inherit; text-decoration: none; } ul, ol { list-style: none; } /* Headings — Proxima Nova Bold, slate */ h1, h2, h3, h4, h5 { font-family: var(--font-primary); font-weight: 700; color: var(--slate); letter-spacing: var(--tracking-tight); line-height: var(--leading-tight); } h1 { font-size: var(--fs-display); line-height: 1; } h2 { font-size: var(--fs-h2); line-height: var(--leading-snug); } h3 { font-size: var(--fs-h3); line-height: var(--leading-snug); } p { max-width: 64ch; } em, i, .italic { font-style: italic; } .lead { font-size: var(--fs-lead); line-height: 1.5; color: var(--grey-600); max-width: 56ch; } .eyebrow { display: inline-flex; align-items: center; gap: 0.75rem; font-size: var(--fs-eyebrow); text-transform: uppercase; letter-spacing: var(--tracking-wide); font-weight: 700; color: var(--slate); } .eyebrow::before { content: ""; width: 32px; height: 2px; background: var(--olive); display: inline-block; } /* Container */ .container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); position: relative; } .container--wide { max-width: 1440px; } /* Section base */ section { padding: var(--section-py) 0; position: relative; } /* Selection */ ::selection { background: var(--olive); color: var(--slate); } /* Focus */ :focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; border-radius: 2px; } /* Utility */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }