/* Base styles shared across every page of the site (Home, Design, Photography, About Me). Page-specific styles live in their own stylesheet (e.g. home.css) so new pages can be added without touching this file. */ /* Neue Haas Grotesk Display is delivered by the Adobe Fonts (Typekit) stylesheet linked in each page's (use.typekit.net/ngk3ews.css), which registers its own @font-face rules for this family — no @font-face is declared here to avoid shadowing them. */ :root { --color-bg: #ffffff; --color-fg: #0a0a0a; --font-primary: "neue-haas-grotesk-display", "Neue Haas Grotesk Display", "Helvetica Neue", Helvetica, Arial, sans-serif; --page-padding: clamp(20px, 4vw, 48px); } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; } body { background: var(--color-bg); color: var(--color-fg); font-family: var(--font-primary); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } img { max-width: 100%; display: block; } a { color: inherit; text-decoration: none; } ul { list-style: none; margin: 0; padding: 0; } button { font-family: inherit; background: none; border: none; }