/* 17 October 2026 | Greg Freeman brand and typography standards
 * Site-wide typefaces: Fraunces for editorial/display; Inter for navigation, copy and UI.
 * The Business of Growth keeps its approved bold uppercase Inter identity.
 * Loralis adheres to the approved Fraunces/Inter and #173D32/#F4EFE4/#A88755 identity.
 */
:root{--font-display:"Fraunces",Georgia,serif;--font-body:"Inter",system-ui,sans-serif;--serif:var(--font-display);--type-hero:clamp(2.55rem,1.8rem + 3.5vw,4.8rem);--type-section:clamp(1.85rem,1.45rem + 1.8vw,3rem);--type-card:clamp(1.22rem,1.07rem + .7vw,1.62rem);--type-eyebrow:.72rem}
html{scroll-padding-top:5.5rem}
body{font-family:var(--font-body)}
h1,h2,h3,h4,.brand,.big{font-family:var(--font-display);font-synthesis:none;font-weight:500;letter-spacing:-.026em;overflow-wrap:break-word}
h1,h2,h3{ text-wrap:balance }
h4{font-size:1rem;letter-spacing:-.01em;line-height:1.3}
main p,main li{overflow-wrap:break-word}
.eyebrow,.gf-issue-tag,.kicker,.mono,.pod-eyebrow,.pod-tag,.gf-badge,.tagline{font-family:var(--font-body);font-weight:700;letter-spacing:.12em}
.phead h1,.hero-block h1{font-size:var(--type-hero);line-height:1.07;max-width:22ch}
.sec-head h2,.latest-intro h2,.gf-article-follow h2,.loralis-section h2{font-size:var(--type-section);line-height:1.13}
.latest-card h3,.card h3,.loralis-feature h3{font-size:var(--type-card);line-height:1.19}
.crumb,.gf-article-byline,.read-lnk{font-family:var(--font-body)}
/* Same heading hierarchy for all editorial Without Prejudice issues. */
body.brand-context--editorial .phead h1{font-size:clamp(2.4rem,2rem + 2.6vw,4.35rem);line-height:1.09;max-width:25ch}
body.brand-context--editorial main h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.025em}
body.brand-context--editorial main h3{font-family:var(--font-display);font-weight:500;line-height:1.18}
.gf-article-hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(2.5rem,2.05rem + 2.7vw,4.6rem);line-height:1.09;max-width:22ch}
.gf-full-article h2{font-size:clamp(1.8rem,1.45rem + 1.5vw,2.65rem);font-weight:500;line-height:1.16}
.gf-full-article h3{font-family:var(--font-display);font-size:clamp(1.32rem,1.1rem + .7vw,1.7rem);line-height:1.2}
.gf-full-article .gf-article-opening{font-family:var(--font-display);font-weight:600}
.gf-source-visual>div span,.gf-transparency-note strong,.brand-tile--wp h3{font-family:var(--font-display)}
/* The Business of Growth is a media brand: uppercase Inter / warm gold / deep evergreen. */
body.brand-context--growth .growth-logo,body.brand-context--growth main h1,body.brand-context--growth main h2,body.brand-context--growth main h3,.brand-tile--growth h3,.growth-head{font-family:var(--font-body);font-weight:800;letter-spacing:-.055em;line-height:1.08;font-synthesis:none}
body.brand-context--growth .growth-logo{line-height:.98}
body.brand-context--growth main h2{font-size:clamp(1.9rem,1.45rem + 2vw,3.15rem)}
body.brand-context--growth main h3{font-size:clamp(1.18rem,1rem + .65vw,1.55rem);letter-spacing:-.028em}
body.brand-context--growth .gd-hero h1{font-size:clamp(2.4rem,1.7rem + 3.3vw,5.45rem);line-height:1.02}
body.brand-context--growth .growth-hero .growth-logo{font-size:clamp(2.8rem,5.7vw,6rem)}
body.brand-context--growth .growth-strip h3,body.brand-context--growth .gd-how-card h3{font-family:var(--font-body);font-weight:800}
/* Loralis: only Fraunces and Inter; approved editorial system and flat brass accent. */
body.brand-context--loralis{--loralis-forest:#173D32;--loralis-cream:#F4EFE4;--loralis-brass:#A88755;--loralis-sage:#BAC6B8}
body.brand-context--loralis h1,body.brand-context--loralis h2,body.brand-context--loralis h3,.brand-tile--loralis h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.025em;line-height:1.12}
body.brand-context--loralis .loralis-hero{background:var(--loralis-cream);color:var(--loralis-forest)}
body.brand-context--loralis .loralis-hero h1{font-size:clamp(2.4rem,2rem + 2.2vw,4rem);max-width:21ch;color:var(--loralis-forest)}
body.brand-context--loralis .loralis-feature h3{font-size:clamp(1.32rem,1.1rem + .55vw,1.6rem);font-weight:500;color:var(--loralis-forest)}
body.brand-context--loralis .brand-soon,body.brand-context--loralis .eyebrow{font-family:var(--font-body);font-weight:700;letter-spacing:.12em}
body.brand-context--loralis .loralis-visual .symbol{filter:none}
.brand-tile--loralis .tagline{color:#956D37}
/* Clear visual rhythm for headings, labels, button text, and small screens. */
.brand-tile p,.latest-card p{line-height:1.55}
.brand-tile h3{line-height:1.08;max-width:18ch}
.portfolio-news h2,.pod-banner h1,.pod-episode h2{line-height:1.12}
.pod-inline strong{font-family:var(--font-display)}
.pod-banner h1{font-weight:500;font-size:clamp(2.4rem,2rem + 2.2vw,4.25rem)}
.gd-root h2{line-height:1.13}
.gd-root .gd-kicker{font-family:var(--font-body);letter-spacing:.13em}
/* Contextual summaries and source notes for humans, crawlers and AI reading tools. */
.gf-reference{background:#f9f6ee;border:1px solid #ddd3c0;border-left:4px solid #a88755;padding:clamp(1.1rem,2.4vw,1.7rem);margin-block:1.75rem}
.gf-reference h2,.gf-reference h3{font-family:var(--font-display);font-size:clamp(1.3rem,1.15rem + .6vw,1.65rem);line-height:1.2;margin:0 0 .65rem}
.gf-reference p,.gf-reference li{font-size:.96rem;line-height:1.65;margin:.4rem 0;color:#3f4941}
.gf-reference a{text-decoration:underline;text-underline-offset:3px}
.gf-reference ul{padding-left:1.1rem}
.gf-topic-links{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.1rem}
.gf-topic-links a{font-family:var(--font-body);font-size:.86rem;font-weight:700;padding:.55rem .8rem;border:1px solid #ccbea5;border-radius:3px}
.gf-topic-links a:hover{background:#173d32;color:#fff}
.gf-faq{background:var(--cream-2);padding-block:clamp(2.3rem,5vw,4.3rem)}
.gf-faq h2{font-size:var(--type-section);margin:0 0 1.3rem}
.gf-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.gf-faq-item{background:var(--surface);border:1px solid var(--line);padding:1.3rem}
.gf-faq-item h3{font-family:var(--font-display);font-size:clamp(1.22rem,1.1rem + .4vw,1.48rem);line-height:1.2;margin:0 0 .6rem}
.gf-faq-item p{font-size:.95rem;line-height:1.65;color:var(--mut)}
.gf-faq-item a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.gf-faq-grid{grid-template-columns:1fr}.phead h1,.hero-block h1{max-width:none}.gf-article-hero h1{max-width:none}.gf-faq-item{padding:1.15rem}main .section{scroll-margin-top:4.5rem}}
@media print{.gf-faq{break-before:auto}.gf-reference{border-left:3px solid #777}a{text-decoration:underline}}

/* Insights headings and topic chips: one consistent H2 > H3 structure. */
.gf-insights-heading{font-family:var(--font-display);font-size:var(--type-section);line-height:1.12;margin:0 0 1.3rem}
.posts .post h3{font-family:var(--font-display);font-size:clamp(1.3rem,1.1rem + .62vw,1.75rem);line-height:1.16}
/* Avoid layout flash for motion users if JS is not available. */
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* Contact route labels and CTAs must stay visually distinct on small screens. */
.contact-routes{display:block}.contact-route{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;padding:.65rem 0;border-bottom:1px solid rgba(31,61,45,.17)}
.contact-route:last-child{border-bottom:0}.contact-route>span{font-size:.92rem;flex:1 1 175px}.contact-route>a{font-size:.88rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:normal}
@media(max-width:500px){.contact-route{align-items:flex-start;flex-direction:column;gap:.2rem}.contact-route>span{flex:auto}.contact-route>a{display:inline-block;padding:.12rem 0 .35rem}}