/* Common Field Media — supplemental styles Most styling is driven by Tailwind via CDN (configured inline in each HTML ). Brand tokens below for reference and any future overrides. */ :root { --color-primary: #1C2419; /* deep forest — nav, footer, dark sections */ --color-accent: #C8964F; /* warm gold ochre — highlights, accents */ --color-accent-dark: #8C6428; /* deeper gold — accent text on light backgrounds */ --color-surface: #F5F1E8; /* warm cream — base background */ --color-surface-2: #EBE6D8; /* slightly deeper cream — alternating sections */ --color-ink: #1C2419; /* alias for primary, used for text */ } html { scroll-behavior: smooth; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input:focus, select:focus, textarea:focus { outline: none; } /* Underline-style form inputs on contact page */ input, textarea, select { background: transparent; } img { transition: transform 0.7s ease; } ::selection { background: var(--color-accent); color: var(--color-ink); } /* Slightly tighter tracking on serif headlines */ .font-serif { letter-spacing: -0.015em; } /* Article body typography Used inside
on journal article pages and the case study detail page. */ .prose-article p { font-size: 1.0625rem; /* 17px */ line-height: 1.75; color: #36342D; /* stone-700 */ margin-bottom: 1.4em; } .prose-article p:last-child { margin-bottom: 0; } .prose-article h2 { color: var(--color-ink); letter-spacing: -0.015em; } .prose-article ul, .prose-article ol { font-size: 1.0625rem; line-height: 1.75; color: #36342D; margin-bottom: 1.4em; } .prose-article a { color: var(--color-accent-dark); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } .prose-article a:hover { color: var(--color-ink); } .prose-article strong { color: var(--color-ink); font-weight: 600; } .prose-article em { font-style: italic; } .prose-article blockquote { color: var(--color-ink); }