/*
Theme Name: Bragsmiths
Theme URI: https://www.bragsmiths.com
Author: Bragsmiths
Description: Bespoke premium theme for Bragsmiths, a personal branding and career positioning studio. Custom-built, lightweight, and responsive.
Version: 1.0
License: Proprietary
Text Domain: bragsmiths
*/
/* Fonts (Cormorant Garamond + Jost) are loaded via in the page for faster paint. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Jost', sans-serif; background: #F9F7F4; color: #1A1A1A; -webkit-font-smoothing: antialiased; font-size: 16px; }
:root {
--ink: #1A1A1A; --navy: #1C2B3A; --gold: #B08D57; --silver: #C5BFB5;
--slate: #4A4A47; --warm-white: #F9F7F4; --mist: #E8E6E0;
}
h1, h2, h3, h4 { font-family: 'Cormorant Garamond', serif; font-weight: 300; line-height: 1.1; }
p { line-height: 1.8; }
/* Nav LIGHT */
nav { display: flex; align-items: center; justify-content: space-between; padding: 16px 56px; background: var(--warm-white); border-bottom: 0.5px solid var(--mist); position: sticky; top: 0; z-index: 100; transition: box-shadow 0.3s; }
nav.scrolled { box-shadow: 0 2px 24px rgba(0,0,0,0.07); }
/* On desktop this wrapper is invisible to layout (its children act as if they were
direct children of