/* Source: brand repo docs/css/base.css @ 01c2934 — do not edit here; run scripts/sync-brand.sh */ /* ========================================================================== Base — Reset, Fonts, Defaults ========================================================================== */ /* Font loaded via Adobe Typekit in */ /* ── Reset ── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; overflow-x: hidden; } body { font-family: var(--font-body); font-weight: var(--font-weight-regular); font-size: var(--text-base); line-height: var(--leading-normal); color: var(--color-text-primary); background-color: var(--color-bg-primary); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } img, video, svg { display: block; max-width: 100%; height: auto; } a { color: inherit; text-decoration: none; } button { cursor: pointer; border: none; background: none; font: inherit; color: inherit; } input, textarea, select { font: inherit; color: inherit; } ul, ol { list-style: none; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); font-weight: var(--font-weight-bold); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); } /* ── Utility Classes ── */ .eyebrow { font-size: var(--text-xs); font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: var(--tracking-wider); color: var(--color-accent-blue); margin-bottom: var(--space-sm); display: block; } .gradient-text { background: var(--color-accent-gradient-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ── Skip Link ── */ .skip-to-content { position: absolute; top: -100%; left: var(--gutter); z-index: calc(var(--z-nav) + 1); padding: var(--space-xs) var(--space-sm); background: var(--color-accent-blue); color: var(--color-bg-primary); font-weight: var(--font-weight-semibold); font-size: var(--text-sm); border-radius: var(--radius-sm); text-decoration: none; transition: top var(--duration-fast) var(--ease-out); } .skip-to-content:focus { top: var(--space-xs); } /* ── Global Focus-Visible ── */ :focus-visible { outline: 2px solid var(--color-accent-cyan); outline-offset: 2px; } /* Remove outline for mouse users */ :focus:not(:focus-visible) { outline: none; } /* Selection */ ::selection { background: rgba(67, 169, 223, 0.3); color: var(--color-text-primary); }