/* Font Face Declarations - COSMICA MONO SYSTEM */

/* Thin - Large pull quotes, special emphasis */
@font-face {
    font-family: 'Cosmica Mono';
    src: url('../fonts/CosmicaMono-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Light - Reserved for special use */
@font-face {
    font-family: 'Cosmica Mono';
    src: url('../fonts/CosmicaMono-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Book - Body copy, paragraphs */
@font-face {
    font-family: 'Cosmica Mono';
    src: url('../fonts/CosmicaMono-Book.ttf') format('truetype');
    font-weight: 350;
    font-style: normal;
    font-display: swap;
}

/* Regular - Standard elements */
@font-face {
    font-family: 'Cosmica Mono';
    src: url('../fonts/CosmicaMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Medium - Small labels */
@font-face {
    font-family: 'Cosmica Mono';
    src: url('../fonts/CosmicaMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Semibold - Navigation */
@font-face {
    font-family: 'Cosmica Mono';
    src: url('../fonts/CosmicaMono-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Bold - Strong emphasis */
@font-face {
    font-family: 'Cosmica Mono';
    src: url('../fonts/CosmicaMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Extrabold - Section headers */
@font-face {
    font-family: 'Cosmica Mono';
    src: url('../fonts/CosmicaMono-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Heavy - All headings (ALL CAPS) */
@font-face {
    font-family: 'Cosmica Mono';
    src: url('../fonts/CosmicaMono-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* CSS Variables */
:root {
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-gray: #e9e8e2;
    --color-grid: rgba(0, 0, 0, 0.1);
    --font-main: 'Cosmica Mono', 'Courier New', monospace;
    --font-display: 'Cosmica Mono', monospace;
    --font-headline: 'Cosmica Mono', monospace;
    --spacing-unit: 1rem;
    --max-width: 1400px;
    --grid-size: 40px;
}
}

/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-weight: 300; /* Cosmica Mono Light */
    font-family: var(--font-main);
    font-weight: 400;
    line-height: 1.6;
    color: var(--color-black);
    background-color: var(--color-white);
    background-image: url('../images/R_R-grid-pattern.svg');
    background-size: 105px 105px;
    background-repeat: repeat;
}

/* Main Content Wrapper with Vertical Borders */
.site-header,
.hero,
section,
.site-footer {
    border-left: 1px solid var(--color-black);
    border-right: 1px solid var(--color-black);
    max-width: var(--max-width);
    margin: 0 auto;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600; /* Semibold */
    font-family: var(--font-display);
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    letter-spacing: -0.02em;
}

h1 {
    font-family: var(--font-headline);
    font-size: 5.5rem;
    font-weight: 900; /* Heavy */
    line-height: 1;
    letter-spacing: -0.04em;
}

h2 {
    font-family: var(--font-headline);
    font-size: 3rem;
    font-weight: 800; /* Extrabold */
    margin-bottom: 1rem;
    line-height: 1.1;
    letter-spacing: -0.03em;
}

h3 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

p {
    margin-bottom: 1rem;
    font-weight: 300; /* Light */
}

a {
    color: var(--color-black);
    text-decoration: none;
    transition: opacity 0.2s ease;
}

a:hover {
    opacity: 0.6;
}

strong {
    font-weight: 700;
}

/* Header */
.site-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 3rem;
    border-bottom: 1px solid var(--color-black);
    border-top: 1px solid var(--color-black);
    position: sticky;
    top: 0;
    background-color: var(--color-white);
    z-index: 1000;
}

.logo img {
    height: 100px;
    display: block;
}

.main-nav {
    display: flex;
    gap: 2.5rem;
}

.main-nav a {
    font-size: 0.95rem;
    letter-spacing: -0.01em;
    font-weight: 500; /* Medium */
}

/* Hero Section */
.hero {
    padding: 3rem 3rem;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-black);
}

.hero-content {
    max-width: none;
    border: none;
    padding: 0;
}

.hero h1 {
    font-size: 5.5rem;
    font-weight: 300;
    margin: 0;
    padding: 2rem 0;
    line-height: 0.9;
    border-bottom: 1px solid var(--color-gray);
}

.hero-lead {
    font-size: 1.125rem;
    line-height: 1.4;
    margin: 0;
    padding: 2rem 0;
    border-bottom: 1px solid var(--color-gray);
}

.hero p {
    font-size: 1rem;
    font-weight: 350; /* Book */
    line-height: 1.6;
    margin: 0;
    padding: 2rem 0;
    /*border-bottom: 1px solid var(--color-gray);*/
}

.hero-tagline {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.5rem;
    padding: 2rem 0 !important;
    border-bottom: none !important;
    display: flex;
    align-items: center;
}

/* Section Styles */
section {
    padding: 3rem 3rem;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-black);
}

section:last-of-type {
    border-bottom: none;
}

.section-intro {
    margin-bottom: 2rem;
    border: none;
    padding: 0;
}

.section-intro h2 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
    padding: 2rem 0;
    line-height: 1;
    border-bottom: 1px solid var(--color-gray);
}

.section-intro p {
    max-width: none;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
    padding: 2rem 0;
    border-bottom: 1px solid var(--color-gray);
}

.section-intro p:last-child {
    border-bottom: none;
}

/* Services Grid */
.services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-top: 0;
    border: 1px solid var(--color-black);
}

.service-column {
    padding: 1.5rem;
    border-right: 1px solid var(--color-gray);
}

.service-column:last-child {
    border-right: none;
}

.service-column h3 {
    font-size: 1.125rem;
    margin-bottom: 1rem;
    font-weight: 400;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-gray);
}

.service-column p {
    font-size: 0.9rem;
    line-height: 1.5;
}

/* How We Work Section */
.how-section {
    background-color: var(--color-gray);
}

.how-section .section-intro h2 {
    font-size: 3rem;
    margin: 0;
    padding: 2rem 0;
    line-height: 1.1;
    border-bottom: 1px solid var(--color-black);
}

.how-section .section-intro p {
    max-width: none;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
    padding: 2rem 0;
    border-bottom: 1px solid var(--color-black);
}

.how-content {
    max-width: none;
    border: none;
    background-color: transparent;
    padding: 0;
}

.how-content p {
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
    padding: 2rem 0;
    border-bottom: 1px solid var(--color-black);
}

.how-content p:first-child {
    padding-top: 0;
}

.how-content p:last-child {
    border-bottom: none;
}

/* Proof Section */
.proof-section {
    text-align: center;
}

.proof-section .section-intro {
    max-width: 800px;
    margin: 0 auto 2rem;
}

.cta-link {
    margin-top: 2rem;
}

.arrow-link {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.5rem;
    display: inline-block;
    padding: 0.5rem 0;
    transition: color 0.2s ease;
}

.arrow-link:hover {
    color: var(--color-gray);
}

.arrow-link:hover {
    opacity: 1;
    transform: translateX(5px);
    transition: transform 0.2s ease;
}

/* Contact Section */
.contact-section {
    background-color: var(--color-black);
    color: var(--color-white);
}

.contact-section h2 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
    padding: 2rem 0;
    line-height: 1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-content {
    max-width: none;
    border: none;
    padding: 0;
}

.contact-content > p {
    margin: 0;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-column {
    padding: 2rem;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-column:last-child {
    border-right: none;
}

.contact-column p {
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.contact-column strong {
    display: block;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-section a {
    color: var(--color-white);
    border-bottom: 1px solid var(--color-white);
    padding-bottom: 2px;
}

.contact-section a:hover {
    opacity: 0.7;
}

/* Footer */
.site-footer {
    padding: 3rem;
    border-top: 1px solid var(--color-black);
    font-size: 0.875rem;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .service-column {
        border-right: 1px solid var(--color-gray);
        border-bottom: 1px solid var(--color-gray);
    }
    
    .service-column:nth-child(2n) {
        border-right: none;
    }
    
    .service-column:nth-last-child(-n+2) {
        border-bottom: none;
    }
    
    .contact-info {
        grid-template-columns: 1fr;
        gap: 0;
    }
    
    .contact-column {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .contact-column:last-child {
        border-bottom: none;
    }
    
    .client-table th,
    .client-table td {
        padding: 1.25rem 1.5rem;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 15px;
    }
    
    .site-header {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
        align-items: flex-start;
    }
    
    .logo img {
        height: 70px;
    }
    
    .main-nav {
        gap: 1rem;
        flex-wrap: wrap;
    }
    
    .hero {
        padding: 2rem 1.5rem;
    }
    
    .hero-content {
        padding: 1.5rem;
    }
    
    .hero h1 {
        font-size: 2rem;
    }
    
    .tagline-box {
        width: 25px;
        height: 25px;
    }
    
    section {
        padding: 2rem 1.5rem;
    }
    
    .section-intro {
        padding: 1.5rem;
    }
    
    .services-grid {
        grid-template-columns: 1fr;
    }
    
    .service-column {
        border-right: none;
        border-bottom: 1px solid var(--color-gray);
        padding: 1.5rem;
    }
    
    .service-column:last-child {
        border-bottom: none;
    }
    
    .how-content {
        padding: 1.5rem;
    }
    
    .section-intro h2 {
        font-size: 1.5rem;
    }
    
    .contact-section h2 {
        font-size: 1.5rem;
    }
    
    .contact-content {
        padding: 1.5rem;
    }
    
    .page-intro {
        padding: 1.5rem;
    }
    
    .page-intro h1 {
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .hero h1 {
        font-size: 1.75rem;
    }
    
    .hero-lead {
        font-size: 1rem;
    }
    
    .logo img {
        height: 50px;
    }
}

/* ============================================
   HOW WE HELP SECTION
   ============================================ */

.how-we-help-section {
    background-color: var(--color-white);
}

.help-scenarios {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.scenario-item {
    padding: 2rem;
    border-right: 1px solid var(--color-gray);
    border-bottom: 1px solid var(--color-gray);
}

.scenario-item:nth-child(2n) {
    border-right: none;
}

.scenario-item:nth-child(3),
.scenario-item:nth-child(4) {
    border-bottom: none;
}

.scenario-item h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    line-height: 1.3;
}

.scenario-item p {
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 1rem 0;
}

.scenario-item p:last-child {
    margin-bottom: 0;
}

.scenario-example {
    font-size: 0.875rem !important;
    color: #666;
    margin-top: 1rem !important;
}

.scenario-example strong {
    color: var(--color-black);
}

/* ============================================
   FAQ SECTION
   ============================================ */

.faq-section {
    background-color: var(--color-gray);
}

.faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.faq-item {
    padding: 2rem;
    border-right: 1px solid var(--color-black);
    border-bottom: 1px solid var(--color-black);
}

.faq-item:nth-child(2n) {
    border-right: none;
}

.faq-item:nth-child(5),
.faq-item:nth-child(6) {
    border-bottom: none;
}

.faq-item h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 0 0.75rem 0;
    line-height: 1.3;
}

.faq-item p {
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
    color: #333;
}

/* ============================================
   CASE STUDY QUOTES - Thin, all caps, larger
   ============================================ */

.quote-text {
    font-weight: 100; /* Thin */
    font-size: 4rem; /* Larger */
    text-transform: uppercase;
    letter-spacing: -0.01em; /* Tighter for all caps thin */
    line-height: 1.1;
}

.case-study-quote-large .quote-text {
    font-weight: 100; /* Thin */
    font-size: 5rem; /* Even larger for emphasis */
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.quote-attribution {
    font-weight: 500; /* Medium */
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

/* Inline pull quote within text - also Thin */
.content-text .inline-quote {
    font-weight: 100; /* Thin */
    font-size: 2.5rem;
    text-transform: uppercase;
    letter-spacing: 0em;
}

/* ============================================
   WIDTH FIXES - Ensure proper containment
   ============================================ */

/* Ensure all main content respects max-width */
.site-header,
.hero,
section,
.site-footer,
.page-intro,
.client-table-section,
.case-study-header,
.case-study-content,
.case-study-quote,
.case-study-image-full,
.case-study-image-grid,
.case-study-conclusion,
.case-study-nav {
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
}

/* Prevent overflow */
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

/* ============================================
   RESPONSIVE - CASE STUDY QUOTES
   ============================================ */

@media (max-width: 768px) {
    .quote-text {
        font-size: 2.5rem;
    }
    
    .case-study-quote-large .quote-text {
        font-size: 3rem;
    }
    
    .content-text .inline-quote {
        font-size: 1.75rem;
    }
}


@media (max-width: 768px) {
    .help-scenarios,
    .faq-grid {
        grid-template-columns: 1fr;
    }
    
    .scenario-item,
    .faq-item {
        border-right: none;
    }
    
    .scenario-item:nth-child(3) {
        border-bottom: 1px solid var(--color-gray);
    }
    
    .faq-item:nth-child(5) {
        border-bottom: 1px solid var(--color-black);
    }
}

/* Section intro text with top border */
.section-intro-text {
    padding-top: 2rem;
    border-top: 1px solid var(--color-gray);
}

.section-intro-text p {
    margin: 0;
}
/* Typography - Heavy all caps for everything except body */

/* Body text - Book weight, tighter tracking */
body {
    font-weight: 350; /* Book */
    letter-spacing: -0.01em; /* Tighter */
}

/* All headings - Heavy, all caps, smaller, tighter */
h1, h2, h3, h4, h5, h6 {
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.03em; /* Much tighter for all caps */
}

h1 {
    font-size: 3.5rem; /* Smaller from 5.5rem */
    letter-spacing: -0.04em;
}

h2 {
    font-size: 2rem; /* Smaller from 3rem */
    letter-spacing: -0.03em;
}

h3 {
    font-size: 1.125rem; /* Smaller from 1.5rem */
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

/* Paragraphs - Book, tighter */
p {
    font-weight: 350; /* Book */
    letter-spacing: -0.01em;
}

/* Links - Book weight */
a {
    font-weight: 350;
    letter-spacing: -0.01em;
}

/* Strong - Bold instead of Heavy */
strong {
    font-weight: 700;
}

/* Navigation - Heavy, all caps, small, tight */
.main-nav a {
    font-weight: 900; /* Heavy */
    font-size: 0.75rem; /* Smaller */
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

/* Hero lead - Heavy, all caps */
.hero-lead {
    font-weight: 900; /* Heavy */
    font-size: 1.25rem; /* Smaller from 1.5rem */
    text-transform: uppercase;
    letter-spacing: -0.03em;
}

/* Hero paragraphs - Book */
.hero p {
    font-weight: 350; /* Book */
    letter-spacing: -0.01em;
}

/* Section intros - Book */
.section-intro p {
    font-weight: 350; /* Book */
    letter-spacing: -0.01em;
}

/* Service columns - Heavy titles, Book body */
.service-column h3 {
    font-weight: 900; /* Heavy */
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.service-column p {
    font-weight: 350; /* Book */
    letter-spacing: -0.01em;
}

/* How content - Book */
.how-content p {
    font-weight: 350; /* Book */
    letter-spacing: -0.01em;
}

/* Labels and small text - Heavy, all caps */
.contact-column strong,
.member-title,
.service-duration,
.meta-label,
.section-label {
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

/* CTAs - Heavy, all caps */
.arrow-link,
.cta-button,
.form-submit {
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.02em;
    font-size: 1.125rem; /* Slightly smaller */
}

/* FAQ items - Heavy questions, Book answers */
.faq-item h3 {
    font-weight: 900; /* Heavy */
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.faq-item p {
    font-weight: 350; /* Book */
    letter-spacing: -0.01em;
}

/* Scenario items - Heavy titles, Book body */
.scenario-item h3 {
    font-weight: 900; /* Heavy */
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.scenario-item p {
    font-weight: 350; /* Book */
    letter-spacing: -0.01em;
}

.scenario-example {
    font-weight: 500; /* Medium for examples */
    letter-spacing: -0.01em;
}
/* ============================================
   REFINED TYPOGRAPHY SYSTEM - Clear Hierarchy
   Based on Cosmica Mono specimen page aesthetic
   ============================================ */

/* ============================================
   SIZE HIERARCHY (Descending)
   ============================================ */

/* Level 1 - Main Headline */
h1 {
    font-size: 3rem; /* Smaller, more controlled */
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.05em; /* Very tight */
    line-height: 0.95;
}

/* Level 2 - Section Headers */
h2 {
    font-size: 1.75rem; /* Clear step down */
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.04em;
    line-height: 1;
}

/* Level 3 - Subsection Headers */
h3 {
    font-size: 1rem; /* Another step down */
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

/* Level 4 - Small Headers */
h4, h5, h6 {
    font-size: 0.875rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

/* ============================================
   BODY TEXT HIERARCHY
   ============================================ */

/* Default body - Smaller */
body {
    font-size: 15px; /* Smaller base */
    font-weight: 350; /* Book */
    letter-spacing: -0.015em;
    line-height: 1.65;
}

/* Standard paragraphs - Small */
p {
    font-size: 0.9375rem; /* 15px */
    font-weight: 350; /* Book */
    letter-spacing: -0.015em;
    line-height: 1.65;
    margin-bottom: 1rem;
}

/* Lead paragraph - Bigger, Bolder */
.hero-lead {
    font-size: 1.375rem; /* 22px - Bigger than body */
    font-weight: 700; /* Bold, not Heavy */
    text-transform: none; /* Mixed case for readability */
    letter-spacing: -0.02em;
    line-height: 1.4;
}

/* Sub-lead / Section intros - Medium size, Heavy, All Caps */
.section-intro-lead {
    font-size: 1.125rem; /* 18px - Between lead and body */
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
}

/* Small text - Labels, captions */
small,
.small-text {
    font-size: 0.8125rem; /* 13px */
    font-weight: 500; /* Medium */
    letter-spacing: -0.01em;
}

/* ============================================
   SPECIFIC COMPONENT FIXES
   ============================================ */

/* Hero headline - Heavier, tighter */
.hero h1 {
    font-size: 3rem;
    font-weight: 900; /* Heavy - force it */
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
}

/* Hero lead - Bold, bigger, mixed case */
.hero .hero-lead {
    font-size: 1.375rem; /* 22px */
    font-weight: 700; /* Bold */
    text-transform: none;
    letter-spacing: -0.02em;
    line-height: 1.4;
    border-bottom: 1px solid var(--color-gray);
    padding: 2rem 0;
    margin: 0;
}

/* Hero secondary paragraphs - Smaller body */
.hero p:not(.hero-lead) {
    font-size: 0.9375rem; /* 15px */
    font-weight: 350; /* Book */
    letter-spacing: -0.015em;
}

/* Section intro headers - Apply lead style */
.section-intro h2 {
    font-size: 1.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    margin: 0;
    padding: 0 0 1.5rem 0;
}

/* Section intro first paragraph - Bigger, Heavy, All Caps */
.section-intro > p:first-of-type {
    font-size: 1.125rem; /* 18px */
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

/* Section intro secondary paragraphs - Regular body */
.section-intro > p:not(:first-of-type) {
    font-size: 0.9375rem;
    font-weight: 350;
    letter-spacing: -0.015em;
}

/* Add spacing after section intro */
.section-intro {
    margin-bottom: 2.5rem;
}

/* Services grid spacing from intro */
.services-grid {
    margin-top: 2.5rem;
}

/* ============================================
   CLIENT WORK - All Caps Names & Services
   ============================================ */

/* Client names - All caps, Medium weight */
.client-table tbody td:nth-child(2) {
    font-weight: 500; /* Medium */
    text-transform: uppercase;
    letter-spacing: -0.02em;
    font-size: 0.875rem; /* 14px */
}

/* Services column - All caps */
.client-table tbody td:nth-child(4) {
    text-transform: uppercase;
    letter-spacing: -0.015em;
    font-size: 0.8125rem; /* 13px */
    font-weight: 350; /* Book */
}

/* Table headers - Heavy, all caps, small */
.client-table thead th {
    font-size: 0.6875rem; /* 11px */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

/* ============================================
   SERVICE COLUMNS
   ============================================ */

/* Service titles - All caps, Heavy */
.service-column h3 {
    font-size: 0.9375rem; /* 15px */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    margin: 0 0 1rem 0;
}

/* Service descriptions - Small body */
.service-column p {
    font-size: 0.875rem; /* 14px */
    font-weight: 350;
    letter-spacing: -0.015em;
    line-height: 1.6;
}

/* ============================================
   NAVIGATION
   ============================================ */

.main-nav a {
    font-size: 0.6875rem; /* 11px - Very small */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

/* ============================================
   HOW WE WORK SECTION
   ============================================ */

/* First paragraph - Bigger, Heavy, All caps */
.how-content > p:first-child {
    font-size: 1.125rem; /* 18px */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
}

/* Other paragraphs - Regular body */
.how-content > p:not(:first-child) {
    font-size: 0.9375rem;
    font-weight: 350;
    letter-spacing: -0.015em;
}

/* ============================================
   FAQ & SCENARIOS
   ============================================ */

/* FAQ questions - All caps, Heavy, small */
.faq-item h3 {
    font-size: 0.9375rem; /* 15px */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
}

.faq-item p {
    font-size: 0.875rem; /* 14px */
    font-weight: 350;
    letter-spacing: -0.015em;
}

/* Scenario titles */
.scenario-item h3 {
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
}

.scenario-item p {
    font-size: 0.875rem; /* 14px */
    font-weight: 350;
    letter-spacing: -0.015em;
}

/* ============================================
   CONTACT SECTION
   ============================================ */

.contact-section h2 {
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.04em;
}

.contact-column strong {
    font-size: 0.6875rem; /* 11px */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.contact-column p {
    font-size: 0.9375rem;
    font-weight: 350;
    letter-spacing: -0.015em;
}

/* ============================================
   BUTTONS & CTAS
   ============================================ */

.arrow-link,
.cta-button,
.form-submit {
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
}

/* ============================================
   FIX AMPERSAND & QUOTE WEIGHTS
   ============================================ */

/* Force consistent weight for special characters */
h1, h2, h3, h4, h5, h6,
.hero-lead,
.section-intro-lead,
.main-nav a,
.service-column h3,
.faq-item h3 {
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure ampersands inherit weight */
h1 *,
h2 *,
h3 * {
    font-weight: inherit;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.375rem;
    }
    
    h3 {
        font-size: 0.875rem;
    }
    
    .hero-lead {
        font-size: 1.125rem;
    }
    
    .section-intro-lead {
        font-size: 1rem;
    }
    
    p {
        font-size: 0.875rem;
    }
}

/* ============================================
   PROOF SECTION
   ============================================ */

.proof-section h2 {
    font-size: 1.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.04em;
}

.proof-section p {
    font-size: 1rem;
    font-weight: 350;
    letter-spacing: -0.015em;
}
/* ============================================
   TYPOGRAPHY FIXES - Matching Cosmica Specimen
   ============================================ */

/* ============================================
   BODY COPY - Regular weight, smaller, tighter
   ============================================ */

/* Base body - Regular (400), not Book */
body {
    font-size: 14px; /* Even smaller - matches specimen */
    font-weight: 400; /* Regular, not Book */
    letter-spacing: -0.02em; /* Tighter */
    line-height: 1.5; /* Tighter line spacing */
}

/* Standard paragraphs - Regular weight */
p {
    font-size: 0.875rem; /* 14px */
    font-weight: 400; /* Regular */
    letter-spacing: -0.02em; /* Tighter */
    line-height: 1.5; /* Much tighter - was 1.65 */
    margin-bottom: 1rem;
}

/* Hero secondary paragraphs - Regular */
.hero p:not(.hero-lead) {
    font-size: 0.875rem; /* 14px */
    font-weight: 400; /* Regular */
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* Section intro secondary paragraphs - Regular */
.section-intro > p:not(:first-of-type),
.section-intro-text p {
    font-size: 0.875rem; /* 14px */
    font-weight: 400; /* Regular */
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* Service descriptions - Regular */
.service-column p {
    font-size: 0.8125rem; /* 13px - even smaller */
    font-weight: 400; /* Regular */
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* How content paragraphs - Regular except first */
.how-content > p:not(:first-child) {
    font-size: 0.875rem; /* 14px */
    font-weight: 400; /* Regular */
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* FAQ answers - Regular */
.faq-item p {
    font-size: 0.8125rem; /* 13px */
    font-weight: 400; /* Regular */
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* Scenario descriptions - Regular */
.scenario-item p {
    font-size: 0.8125rem; /* 13px */
    font-weight: 400; /* Regular */
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* Contact info - Regular */
.contact-column p {
    font-size: 0.875rem; /* 14px */
    font-weight: 400; /* Regular */
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* ============================================
   FIX LINE SPACING ISSUES
   ============================================ */

/* Remove extra padding that causes spacing issues */
.hero p {
    padding: 1.5rem 0; /* Reduced from 2rem */
}

.how-content p {
    padding: 1.5rem 0; /* Reduced from 2rem */
}

.section-intro p {
    padding: 0; /* Remove all padding */
    margin: 0 0 1rem 0; /* Use margin instead */
}

.section-intro > p:first-of-type {
    margin-bottom: 1.5rem;
}

/* ============================================
   AMPERSAND SOLUTIONS
   ============================================ */

/* Option 1: Try different weights for ampersand */
h1 {
    /* Keep Heavy but adjust rendering */
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga" 1;
    font-feature-settings: "liga" 1;
}

/* Option 2: Custom ampersand styling */
.custom-ampersand {
    font-weight: 800; /* Try Extrabold instead of Heavy */
    display: inline-block;
    transform: scale(1.05); /* Slightly larger */
}

/* For logo-style ampersand in headlines */
h1 .amp,
h1 .ampersand {
    font-family: 'Cosmica Mono', monospace;
    font-weight: 800; /* Extrabold - closer to logo */
    font-style: normal;
}

/* ============================================
   ALTERNATIVE HEADLINE SUGGESTIONS
   If ampersand doesn't work, use these instead
   ============================================ */

/* Style for alternative headlines without ampersand */
.hero h1.alt-headline {
    font-size: 3rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
}
/* ============================================
   FINAL REVISIONS - Body 10px, Headlines Unified
   ============================================ */

/* ============================================
   BODY COPY - 10px across the board
   ============================================ */

body {
    font-size: 10px;
    font-weight: 400; /* Regular */
    letter-spacing: -0.02em;
    line-height: 1.5;
}

p {
    font-size: 0.625rem; /* 10px */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
    margin-bottom: 1rem;
}

/* All body paragraphs - 10px */
.hero p:not(.hero-lead),
.section-intro > p:not(:first-of-type),
.section-intro-text p,
.service-column p,
.how-content > p:not(:first-child),
.faq-item p,
.scenario-item p,
.contact-column p,
.proof-section p {
    font-size: 0.625rem; /* 10px */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* ============================================
   HEADLINES - All same size, larger
   ============================================ */

/* All headlines - 3.5rem (56px), Heavy, All Caps */
h1, h2 {
    font-size: 3.5rem; /* Larger than before */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
    margin: 0;
    padding: 0 0 2rem 0;
}

/* Section headers - same size */
.section-intro h2,
.how-section h2,
.proof-section h2,
.contact-section h2,
.how-we-help-section h2,
.faq-section h2 {
    font-size: 3.5rem; /* Same as H1 */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
    margin: 0;
    padding: 0 0 2rem 0;
}

/* H3 and smaller - keep smaller for hierarchy */
h3 {
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

h4, h5, h6 {
    font-size: 0.875rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

/* ============================================
   HOW WE WORK - Refined spacing and weights
   ============================================ */

/* Section intro - consistent with others */
.how-section .section-intro {
    margin-bottom: 3rem; /* More space */
}

/* First paragraph intro - Lighter weight, larger */
.how-section .section-intro p {
    font-size: 1rem; /* 16px - Larger */
    font-weight: 300; /* Light - was Heavy */
    text-transform: none; /* Mixed case */
    letter-spacing: -0.01em;
    line-height: 1.4;
    padding: 0;
    margin: 0;
}

/* How content wrapper - more minimal spacing */
.how-content {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 2rem; /* Consistent gaps between paragraphs */
}

/* How content paragraphs - remove padding, use gaps */
.how-content p {
    font-size: 0.625rem; /* 10px body */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
    padding: 0; /* No padding */
    margin: 0; /* No margin */
    border-bottom: 1px solid var(--color-black);
    padding-bottom: 2rem; /* Only bottom padding for border */
}

.how-content p:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* ============================================
   CLIENT WORK - Heavy names, smaller text
   ============================================ */

/* Client names - Heavy weight */
.client-table tbody td:nth-child(2) {
    font-weight: 900; /* Heavy, not Medium */
    text-transform: uppercase;
    letter-spacing: -0.02em;
    font-size: 0.75rem; /* 12px - smaller */
}

/* Project descriptions - smaller */
.client-table tbody td:nth-child(3) {
    font-size: 0.625rem; /* 10px */
    font-weight: 400;
    letter-spacing: -0.02em;
}

/* Services - smaller */
.client-table tbody td:nth-child(4) {
    text-transform: uppercase;
    letter-spacing: -0.015em;
    font-size: 0.5625rem; /* 9px - very small */
    font-weight: 400;
}

/* Year - Heavy, smaller */
.client-table tbody td:nth-child(5) {
    font-weight: 900; /* Heavy like names */
    font-size: 0.5625rem; /* 9px - very small */
    letter-spacing: -0.01em;
}

/* Table headers - keep small */
.client-table thead th {
    font-size: 0.5625rem; /* 9px */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

/* ============================================
   HERO LEAD - Keep larger for hierarchy
   ============================================ */

.hero-lead {
    font-size: 1.375rem; /* 22px - Keep as lead size */
    font-weight: 700;
    text-transform: none;
    letter-spacing: -0.02em;
    line-height: 1.4;
}

/* ============================================
   SECTION INTRO FIRST PARA - Keep larger
   ============================================ */

.section-intro > p:first-of-type {
    font-size: 1.125rem; /* 18px */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
}

/* ============================================
   NAVIGATION - Keep small and heavy
   ============================================ */

.main-nav a {
    font-size: 0.6875rem; /* 11px */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    h1, h2 {
        font-size: 2.5rem;
    }
    
    .hero-lead {
        font-size: 1.125rem;
    }
    
    .section-intro > p:first-of-type {
        font-size: 1rem;
    }
    
    p {
        font-size: 0.625rem; /* Stay 10px */
    }
}
/* ============================================
   FINAL FINAL REVISIONS - 11px body, fix How We Work
   ============================================ */

/* ============================================
   BODY COPY - 11px (up from 10px)
   ============================================ */

body {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

p {
    font-size: 0.6875rem; /* 11px */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
    margin-bottom: 1rem;
}

/* All body paragraphs - 11px */
.hero p:not(.hero-lead),
.service-column p,
.proof-section p {
    font-size: 0.6875rem; /* 11px */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* ============================================
   SECTION STRUCTURE - H2 + First Para Style
   ============================================ */

/* All section intros - consistent structure */
.section-intro {
    margin-bottom: 2.5rem;
}

/* Section H2 headers - 56px Heavy */
.section-intro h2 {
    font-size: 3.5rem; /* 56px - same as H1 */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
    margin: 0;
    padding: 0 0 2rem 0;
    border-bottom: 1px solid var(--color-gray);
}

/* First paragraph under H2 - LARGER, Heavy, All Caps */
.section-intro > p:first-of-type {
    font-size: 1.25rem; /* 20px - BIGGER than before */
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
    padding: 2rem 0 0 0;
    margin: 0 0 1.5rem 0;
}

/* Secondary paragraphs in section intro - 11px body */
.section-intro > p:not(:first-of-type) {
    font-size: 0.6875rem; /* 11px */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
    padding: 0;
    margin: 0 0 1rem 0;
}

/* Section intro text wrapper - 11px body */
.section-intro-text p {
    font-size: 0.6875rem; /* 11px */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* ============================================
   HOW WE WORK - FIX THE MESS
   ============================================ */

/* How We Work section intro - same as other sections */
.how-section .section-intro {
    margin-bottom: 3rem;
}

.how-section .section-intro h2 {
    font-size: 3.5rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
    margin: 0;
    padding: 0 0 2rem 0;
    border-bottom: 1px solid var(--color-gray);
}

/* First paragraph - LARGER, Heavy, All Caps (like other sections) */
.how-section .section-intro > p {
    font-size: 1.25rem; /* 20px - matches other first paragraphs */
    font-weight: 900; /* Heavy - matches other sections */
    text-transform: uppercase; /* All caps - matches other sections */
    letter-spacing: -0.03em;
    line-height: 1.3;
    padding: 2rem 0 0 0;
    margin: 0;
}

/* How content wrapper */
.how-content {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* How content paragraphs - 11px body, ALL CAPS */
.how-content > p {
    font-size: 0.6875rem; /* 11px body */
    font-weight: 400; /* Regular */
    text-transform: uppercase; /* ALL CAPS like screenshot */
    letter-spacing: -0.02em;
    line-height: 1.5;
    padding: 0 0 2rem 0;
    margin: 0;
    border-bottom: 1px solid var(--color-black);
}

.how-content > p:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* ============================================
   CLIENT WORK - Project Column Updates
   ============================================ */

/* Client names - Heavy, 12px, ALL CAPS */
.client-table tbody td:nth-child(2) {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    font-size: 0.75rem; /* 12px */
}

/* Project descriptions - Bold, 12px, ALL CAPS (same size as names) */
.client-table tbody td:nth-child(3) {
    font-size: 0.75rem; /* 12px - same as client names */
    font-weight: 700; /* Bold, not Regular */
    text-transform: uppercase; /* ALL CAPS */
    letter-spacing: -0.02em;
}

/* Services - smaller */
.client-table tbody td:nth-child(4) {
    text-transform: uppercase;
    letter-spacing: -0.015em;
    font-size: 0.5625rem; /* 9px */
    font-weight: 400;
}

/* Year - Heavy, small */
.client-table tbody td:nth-child(5) {
    font-weight: 900;
    font-size: 0.5625rem; /* 9px */
    letter-spacing: -0.01em;
}

/* ============================================
   FAQ & SCENARIOS - 11px body
   ============================================ */

.faq-item p,
.scenario-item p {
    font-size: 0.6875rem; /* 11px */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

.contact-column p {
    font-size: 0.6875rem; /* 11px */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .section-intro > p:first-of-type {
        font-size: 1rem;
    }
    
    h1, h2 {
        font-size: 2.5rem;
    }
}
/* ============================================
   INDEX PAGE SPECIFIC FIXES
   ============================================ */

/* ============================================
   HOW WE WORK - Spacing and styles
   ============================================ */

/* First paragraph gets bottom margin for spacing */
.how-section .section-intro > p {
    font-size: 1.25rem; /* 20px */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
    padding: 2rem 0 0 0;
    margin: 0 0 2rem 0; /* Bottom margin for space */
    border-bottom: 1px solid var(--color-black); /* Add divider */
    padding-bottom: 2rem;
}

/* All three body paragraphs - same style, mixed case */
.how-content > p {
    font-size: 0.6875rem; /* 11px body */
    font-weight: 400;
    text-transform: none; /* Mixed case, not all caps */
    letter-spacing: -0.02em;
    line-height: 1.5;
    padding: 0 0 2rem 0;
    margin: 0;
    border-bottom: 1px solid var(--color-black);
}

.how-content > p:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* ============================================
   HOW WE HELP - Sub-header and examples
   ============================================ */

/* First paragraph - sub-header style with divider */
.how-we-help-section .section-intro > p:first-of-type {
    font-size: 1.25rem; /* 20px - sub-header */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
    padding: 2rem 0;
    margin: 0 0 2rem 0;
    border-bottom: 1px solid var(--color-black); /* Add divider */
}

/* Recent work examples - match client work table style */
.scenario-example {
    font-size: 0.6875rem; /* 11px */
    font-weight: 400;
    text-transform: uppercase; /* All caps like services */
    letter-spacing: -0.02em;
    margin-top: 1rem !important;
}

.scenario-example strong {
    font-weight: 900; /* Heavy like client names */
    letter-spacing: -0.02em;
}

/* ============================================
   CONTACT SECTION - White sub-header
   ============================================ */

/* Contact intro - sub-header style in white */
.contact-intro {
    font-size: 1.25rem; /* 20px - sub-header size */
    font-weight: 900; /* Heavy */
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
    color: var(--color-white);
    margin-bottom: 2rem;
}

/* Contact header text - smaller */
.contact-header h2 {
    font-size: 3.5rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    margin-bottom: 1.5rem;
    color: var(--color-white);
}

/* Contact info - small body text */
.contact-column p,
.contact-column a {
    font-size: 0.6875rem; /* 11px - body size */
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--color-white);
}

/* Contact labels - keep Heavy */
.contact-column strong {
    font-size: 0.6875rem; /* 11px */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    display: block;
    margin-bottom: 0.5rem;
    color: var(--color-white);
}

/* Hide email link (will be handled in HTML) */
.contact-column:nth-child(2) {
    display: none;
}
/* ============================================
   PAGE SUB-HEADER - Consistent across all pages
   ============================================ */

.page-subheader {
    font-size: 1.25rem; /* 20px - sub-header */
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
    margin-bottom: 1.5rem;
    padding-top: 2rem;
    border-top: 1px solid var(--color-gray);
}

/* Contact section white version */
.contact-section .page-subheader,
.contact-section .contact-intro {
    border-top-color: rgba(255,255,255,0.3);
}

/* ============================================
   CLIENT WORK PAGE - Match index
   ============================================ */

.client-work .page-intro h1 {
    font-size: 3.5rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
}

.client-work .page-intro p:not(.page-subheader) {
    font-size: 0.6875rem; /* 11px body */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* ============================================
   ABOUT PAGE - Match index
   ============================================ */

.about .page-intro h1 {
    font-size: 3.5rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
}

/* Philosophy section headers */
.philosophy-content h2,
.approach-content h2 {
    font-size: 3.5rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
    margin: 0;
    padding: 0 0 2rem 0;
}

/* Philosophy first paragraph - sub-header style */
.philosophy-content > p:first-of-type,
.approach-content > p:first-of-type {
    font-size: 1.25rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
    padding: 2rem 0;
    margin: 0 0 2rem 0;
    border-bottom: 1px solid var(--color-black);
}

/* All other about paragraphs - 11px body */
.member-bio p,
.philosophy-item p,
.benefit-item p {
    font-size: 0.6875rem; /* 11px */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* ============================================
   CASE STUDY PAGE - Match index + margins
   ============================================ */

/* Meta boxes - add left padding */
.meta-item {
    padding-left: 1.5rem; /* Add space from divider */
}

/* Case study H1 */
.case-study-header h1 {
    font-size: 3.5rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
}

/* Intro paragraph - sub-header style */
.case-study-intro {
    font-size: 1.25rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1.3;
    padding: 2rem 0;
    border-bottom: 1px solid var(--color-black);
    margin-bottom: 2rem;
}

.service-header{
Padding-top:50;
}

/* Section headers */
.case-study-section h2 {
    font-size: 3.5rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
    margin: 0;
    padding: 0 0 2rem 0;
}

/* Body text - 11px */
.case-study-content p,
.content-text p {
    font-size: 0.6875rem; /* 11px */
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* Meta labels - 11px Heavy */
.meta-label {
    font-size: 0.6875rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

/* Meta values - 11px Regular */
.meta-value {
    font-size: 0.6875rem;
    font-weight: 400;
    letter-spacing: -0.02em;
}

/* Section labels - 11px Heavy */
.section-label {
    font-size: 0.6875rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}
/* ============================================
   CRITICAL FIXES - Force consistency
   ============================================ */

/* ============================================
   HOW WE WORK - All body same style
   ============================================ */

/* Remove all caps transform from all how-content paragraphs */
.how-content > p,
.how-content p {
    font-size: 0.6875rem !important; /* 11px body */
    font-weight: 400 !important; /* Regular */
    text-transform: none !important; /* Mixed case */
    letter-spacing: -0.02em !important;
    line-height: 1.5 !important;
    padding: 0 0 2rem 0;
    margin: 0;
    border-bottom: 1px solid var(--color-black);
}

.how-content > p:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* ============================================
   HOW WE HELP - Move intro above divider
   ============================================ */

/* This paragraph should be part of section-intro, not scenarios */
.how-we-help-section .section-intro {
    margin-bottom: 2.5rem;
}

.how-we-help-section .section-intro h2 {
    font-size: 3.5rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    line-height: 0.95;
    margin: 0;
    padding: 0 0 2rem 0;
    border-bottom: 1px solid var(--color-gray);
}

/* First paragraph after H2 - 20px sub-header with bottom border */
.how-we-help-section .section-intro > p {
    font-size: 1.25rem !important; /* 20px */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
    padding: 2rem 0 !important;
    margin: 0 0 2rem 0 !important;
    border-bottom: 1px solid var(--color-black) !important;
}

/* ============================================
   CONTACT SECTION - Force smaller text
   ============================================ */

/* Hide email column completely */
.contact-info .contact-column:nth-child(2) {
    display: none !important;
}

/* All contact info - 11px body */
.contact-column p,
.contact-column a {
    font-size: 0.6875rem !important; /* 11px */
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.5 !important;
    color: var(--color-white);
}

.contact-column strong {
    font-size: 0.6875rem !important; /* 11px */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    color: var(--color-white);
}

/* ============================================
   ALL PAGES - Force consistent body style
   ============================================ */

/* All body paragraphs - 11px Regular mixed case */
p,
.content-text p,
.case-study-content p,
.service-description p,
.member-bio p,
.philosophy-item p,
.benefit-item p,
.approach-intro,
.outcome-item p,
li {
    font-size: 0.6875rem !important; /* 11px */
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.5 !important;
}

/* Exception: Don't override page-subheader or hero-lead */
.page-subheader,
.hero-lead,
.section-intro > p:first-of-type {
    /* These keep their special styling */
}

/* ============================================
   ALL PAGES - Force headline consistency
   ============================================ */

/* All H1 and H2 - 56px Heavy all caps */
h1,
h2,
.page-intro h1,
.case-study-header h1,
.service-header h2,
.philosophy-content h2,
.approach-content h2 {
    font-size: 3.5rem !important; /* 56px */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.05em !important;
    line-height: 0.95 !important;
}

/* H3 - 16px Heavy all caps */
h3,
.service-column h3,
.faq-item h3,
.scenario-item h3,
.philosophy-item h3 {
    font-size: 1rem !important; /* 16px */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.1 !important;
}

/* ============================================
   SERVICES PAGE - Match index
   ============================================ */

/* Service intro paragraphs */
.services-section .section-intro > p:first-of-type {
    font-size: 1.25rem !important; /* 20px */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
    padding: 2rem 0 !important;
    border-bottom: 1px solid var(--color-black) !important;
}

/* ============================================
   ABOUT PAGE - Match index
   ============================================ */

/* About intro */
.about .page-intro p.page-subheader {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
}

/* Member names */
.member-name {
    font-size: 2.5rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.04em !important;
}

/* Member titles and labels */
.member-title {
    font-size: 0.6875rem !important; /* 11px */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
}

/* ============================================
   CASE STUDY - Match index
   ============================================ */

/* Case study meta */
.meta-label {
    font-size: 0.6875rem !important; /* 11px */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
}

.meta-value:not(h1) {
    font-size: 0.6875rem !important; /* 11px */
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
}

/* Case study section labels */
.section-label {
    font-size: 0.6875rem !important; /* 11px */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
}

/* Quote attribution */
.quote-attribution {
    font-size: 0.6875rem !important; /* 11px */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
}
/* ============================================
   CONSISTENT SECTION FORMAT ACROSS ALL PAGES
   Structure: Headline > Sub-headline > Light line > Content
   ============================================ */

/* Remove border from headlines */
.section-intro h2,
.page-intro h1,
h1, h2 {
    border-bottom: none !important;
    padding-bottom: 1rem !important;
    margin-bottom: 0 !important;
}

/* Sub-headline styling - no border, just spacing */
.section-intro > p:first-of-type,
.page-subheader {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
    padding: 0 0 1.5rem 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--color-gray) !important; /* Light gray line */
}

/* Content after sub-headline */
.section-intro > p:not(:first-of-type),
.section-intro-text p {
    padding-top: 1.5rem !important;
}

/* ============================================
   CONTACT SECTION - Hide email completely
   ============================================ */

/* Target email column by content - hide any with email */
.contact-info .contact-column:has(a[href^="mailto"]) {
    display: none !important;
}

/* Backup: hide second column */
.contact-info > .contact-column:nth-child(2) {
    display: none !important;
}

/* ============================================
   CLIENT WORK PAGE FIXES
   ============================================ */

/* Reduce space before client table */
.client-table-section {
    margin-top: 1.5rem !important;
    padding-top: 0 !important;
}

.page-intro {
    margin-bottom: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

/* ============================================
   ABOUT PAGE FIXES
   ============================================ */

/* No border under about page sub-headline */
.about .page-subheader,
.about .page-intro .page-subheader {
    border-bottom: none !important;
}

/* How We Work Together - sub-headline style for first paragraph */
.approach-content > p:first-of-type {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
    padding: 0 0 1.5rem 0 !important;
    margin: 0 0 1.5rem 0 !important;
    border-bottom: 1px solid var(--color-black) !important;
}

/* Reduce space before footer on about page */
.about .cta-section,
.about section:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 2rem !important;
}

/* ============================================
   SERVICES PAGE FIXES
   ============================================ */

/* Recent work - consistent sizing */
.service-recent,
.recent-work {
    font-size: 0.6875rem !important; /* 11px - same as body */
    font-weight: 400 !important;
    margin-top: 1rem !important; /* Tighter spacing */
    padding-top: 0 !important;
}

.service-recent strong,
.recent-work strong,
.recent-work-label {
    font-size: 0.6875rem !important; /* Same size as content */
    font-weight: 900 !important;
}

/* ============================================
   CASE STUDY PAGE FIXES
   ============================================ */

/* Quote text - MUCH bigger and bolder */
.quote-text,
blockquote p,
.case-study-quote p {
    font-size: 5rem !important; /* Bigger */
    font-weight: 100 !important; /* Thin for contrast */
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
}

/* Stats numbers - headline styling */
.stat-number {
    font-size: 5rem !important; /* Same as headlines */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.05em !important;
    line-height: 0.9 !important;
}

/* Stats labels - sub-headline styling */
.stat-label {
    font-size: 1.25rem !important; /* 20px sub-headline size */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
}

/* Results text - sub-headline styling */
.results-text,
.case-study-results p:first-of-type {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
}
/* ============================================
   COMPREHENSIVE FIXES FROM SCREENSHOTS
   ============================================ */

/* ============================================
   INDEX PAGE FIXES
   ============================================ */

/* Hero lead - Make sub-header style (20px Heavy all caps) */
.hero-lead {
    font-size: 1.25rem !important; /* 20px */
    font-weight: 900 !important; /* Heavy */
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
}

/* Remove extra space between hero and What We Do */
.hero {
    padding-bottom: 2rem !important;
    margin-bottom: 0 !important;
}

/* What We Do section - Remove line under sub-header */
.services-section .section-intro > p:first-of-type,
#what-we-do .section-intro > p:first-of-type {
    border-bottom: none !important;
    padding-bottom: 1rem !important;
    margin-bottom: 1.5rem !important;
}

/* How We Help - Remove line under sub-header */
.how-we-help-section .section-intro > p,
.how-we-help-section .section-intro > p:first-of-type {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 2rem !important;
}

/* ============================================
   CLIENT WORK PAGE FIXES
   ============================================ */

/* Remove line under sub-header */
.page-subheader {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 1.5rem !important;
}

/* Remove gap before table */
.client-table-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove black line above table header */
.client-table {
    border-top: none !important;
}

.client-table thead {
    border-top: none !important;
}

.client-table thead tr {
    border-top: none !important;
}

.client-table thead th {
    border-top: none !important;
}

/* ============================================
   ABOUT PAGE FIXES
   ============================================ */

/* Remove black line after sub-header in intro */
.about .page-subheader,
.page-intro .page-subheader {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* Remove unnecessary gap before team photos */
.team-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.team-grid {
    margin-top: 1.5rem !important;
}

/* Remove line between photo placeholders */
.team-grid .member-photo {
    border-right: none !important;
}

/* How We Work Together - Remove line after headline */
.approach-section h2,
.approach-content h2 {
    border-bottom: none !important;
    padding-bottom: 1rem !important;
}

/* How We Work Together - sub-header keeps black line below */
.approach-content .page-subheader {
    border-bottom: 1px solid var(--color-black) !important;
    padding-bottom: 1.5rem !important;
    margin-bottom: 2rem !important;
}

/* Remove huge gap before footer */
.cta-section,
.about .cta-section {
    margin-top: 2rem !important;
    padding-top: 2rem !important;
}

/* ============================================
   SERVICES PAGE FIXES
   ============================================ */

/* Services intro - sub-header style */
.services-page .page-intro p,
.services .section-intro > p:first-of-type {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
}

/* Remove gap and black line before first service */
.service-item:first-child,
.services-list > div:first-child {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================================
   CASE STUDY PAGE FIXES
   ============================================ */

/* Update navigation to full global nav */
.case-study-nav,
.case-study .main-nav {
    /* Nav will be fixed in HTML */
}

/* Sub-header style for intro text */
.case-study-intro,
.headline-intro,
.case-study-header + section p:first-of-type {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
    border-bottom: none !important;
}

/* Remove line under intro */
.case-study-content:first-of-type {
    border-top: none !important;
}

/* Quote text - HEADER STYLE (Heavy, not Thin) */
.quote-text,
blockquote p,
.case-study-quote p {
    font-size: 5rem !important;
    font-weight: 900 !important; /* Heavy, not Thin */
    text-transform: uppercase !important;
    letter-spacing: -0.05em !important;
    line-height: 0.95 !important;
}

/* Stats numbers - same header style */
.stat-number {
    font-size: 5rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.05em !important;
    line-height: 1 !important;
}

/* Stats labels - sub-header style */
.stat-label {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.2 !important;
}

/* Center the concluding paragraph */
.case-study-conclusion p,
.case-study-content:last-of-type .content-text {
    text-align: center !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* ============================================
   GLOBAL FOOTER - Contact form footer on all pages
   ============================================ */

/* Footer styling - consistent across all pages */
.site-footer,
.cta-section {
    background-color: var(--color-black) !important;
    color: var(--color-white) !important;
    padding: 3rem !important;
}

.site-footer h2,
.cta-section h2 {
    color: var(--color-white) !important;
}

.site-footer p,
.cta-section p {
    color: var(--color-white) !important;
}
/* ============================================
   FINAL OVERRIDES - ACTUALLY FIX EVERYTHING
   Last updated: Triple-checked fixes
   ============================================ */

/* ============================================
   PAGE SUBHEADER - Remove line ABOVE it
   ============================================ */

.page-subheader {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 1rem !important;
    margin-top: 0 !important;
}

/* ============================================
   PAGE INTRO - Remove gaps
   ============================================ */

.page-intro {
    padding-bottom: 1.5rem !important;
    margin-bottom: 0 !important;
}

.page-intro-content {
    padding-bottom: 0 !important;
}

/* ============================================
   CLIENT TABLE - Remove line above header, remove gap
   ============================================ */

.client-table-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

.client-table {
    border-top: none !important;
    margin-top: 0 !important;
}

.client-table thead {
    border-top: none !important;
}

.client-table thead tr {
    border-top: none !important;
}

.client-table thead tr th {
    border-top: none !important;
}

/* ============================================
   ABOUT PAGE - Team section gap
   ============================================ */

.team-section {
    margin-top: 0 !important;
    padding-top: 1.5rem !important;
    border-top: none !important;
}

.team-grid {
    margin-top: 0 !important;
    border-top: none !important;
}

/* Remove vertical line between team members */
.member-card {
    border-right: none !important;
}

.member-card:first-child {
    border-right: none !important;
}

/* ============================================
   ABOUT PAGE - Approach section
   ============================================ */

.approach-section {
    border-top: none !important;
}

.approach-section h2 {
    border-bottom: none !important;
}

/* Sub-header in approach keeps black line below it */
.approach-content .page-subheader,
.approach-content > p:first-of-type {
    border-top: none !important;
    border-bottom: 1px solid var(--color-black) !important;
    padding-bottom: 1.5rem !important;
    margin-bottom: 2rem !important;
}

/* ============================================
   SERVICES PAGE - Sub-header style
   ============================================ */

.services-intro p:first-of-type,
.services .page-intro p:first-of-type,
.services-page .section-intro > p:first-of-type {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Remove gap before first service item */
.services-list,
.service-item:first-child {
    margin-top: 1.5rem !important;
    border-top: none !important;
}

/* ============================================
   CASE STUDY PAGE - Typography fixes
   ============================================ */

/* Sub-header style for intro paragraph */
.case-study-intro,
.headline-intro {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Quote text - HEAVY weight (like header), not thin */
.quote-text,
blockquote p,
.case-study-quote p,
.case-study-quote-large p {
    font-size: 4rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.04em !important;
    line-height: 1 !important;
}

/* Stats numbers - header style */
.stat-number {
    font-size: 4rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.04em !important;
    line-height: 1 !important;
    margin-bottom: 0.5rem !important;
}

/* Stats labels - sub-header style */
.stat-label {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.2 !important;
}

/* Conclusion text centered */
.case-study-conclusion .content-text,
.conclusion-text {
    text-align: center !important;
}
/* ============================================
   MASTER FIXES - This MUST override everything
   Applied to end of all CSS files
   ============================================ */

/* ============================================
   SECTION INTRO - Remove ALL lines
   ============================================ */

.section-intro h2 {
    border-bottom: none !important;
    border-top: none !important;
    padding-bottom: 1rem !important;
}

.section-intro p {
    border-bottom: none !important;
    border-top: none !important;
}

.section-intro > p:first-of-type {
    border-bottom: none !important;
    border-top: none !important;
}

/* ============================================
   PAGE INTRO - Remove ALL lines
   ============================================ */

.page-intro {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 50px !important;
}

.page-intro h1 {
    border-bottom: none !important;
    border-top: none !important;
}

.page-subheader {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0.5rem !important;
}

/* ============================================
   CLIENT TABLE SECTION - Remove gap and line
   ============================================ */

.client-table-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

.client-table {
    border-top: none !important;
}

.client-table thead {
    border-top: none !important;
}

.client-table thead tr {
    border-top: none !important;
}

.client-table thead th {
    border-top: none !important;
}

/* ============================================
   ABOUT PAGE - Team section
   ============================================ */

.team-section {
    padding-top: 1.5rem !important;
    margin-top: 0 !important;
    border-top: none !important;
}

.team-grid {
    margin-top: 0 !important;
}

/* Approach section */
.approach-section {
    padding-top: 3rem !important;
}

.approach-section h2 {
    border-bottom: none !important;
}

/* Sub-header in approach - HAS black line below */
.approach-content > p:first-of-type,
.approach-section .page-subheader {
    border-top: none !important;
    border-bottom: 1px solid var(--color-black) !important;
    padding-bottom: 1.5rem !important;
    margin-bottom: 2rem !important;
}

/* ============================================
   SERVICES PAGE - Intro sub-header style
   ============================================ */

/* Make intro paragraph sub-header style */
.services-intro > p:first-of-type,
body.services .page-intro p:first-of-type {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
    border: none !important;
}

/* Remove gap before first service */
.services-list {
    margin-top: 1.5rem !important;
}

.service-item:first-child {
    border-top: none !important;
    margin-top: 0 !important;
}

/* ============================================
   CASE STUDY PAGE TYPOGRAPHY
   ============================================ */

/* Intro text - sub-header style */
.case-study-intro,
.headline-intro,
.lead-para {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1.3 !important;
    border: none !important;
}

/* Remove line under intro */
.case-study-content:first-of-type {
    border-top: none !important;
}

/* Quote text - HEAVY (like headline) */
.quote-text,
blockquote p,
.case-study-quote p {
    font-size: 4rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.04em !important;
    line-height: 1 !important;
}

/* Stats numbers - headline style */
.stat-number {
    font-size: 4rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.04em !important;
    line-height: 1 !important;
}

/* Stats labels - sub-header style */
.stat-label {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
}

/* Conclusion centered */
.conclusion-text {
    text-align: center !important;
}

/* ============================================
   FINAL GAP FIXES - Force no gaps between sections
   ============================================ */

/* Client Work Page - no gap before table */
.page-intro + .client-table-section {
    margin-top: -3rem !important;
    padding-top: 0 !important;
}

/* About Page - no gap before team */
.page-intro + .team-section {
    margin-top: -3rem !important;
    padding-top: 0 !important;
}

/* Services Page - no gap before first service */
.page-intro + .service-detail {
    margin-top: -3rem !important;
    padding-top: 0 !important;
}

/* Case Study - Stats block styling */
.case-study-quote-large {
    background: #e8e5df !important;
    padding: 4rem 3rem !important;
    text-align: center !important;
}

.case-study-quote-large .quote-text {
    font-weight: 900 !important;
    font-size: 3.5rem !important;
    text-transform: uppercase !important;
    letter-spacing: -0.04em !important;
    line-height: 1 !important;
    max-width: 900px !important;
    margin: 0 auto 3rem auto !important;
}

.case-study-quote-large .stats-grid {
    display: flex !important;
    justify-content: center !important;
    gap: 4rem !important;
    border-top: 1px solid #333 !important;
    padding-top: 2rem !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

.case-study-quote-large .stat-item {
    text-align: center !important;
}

.case-study-quote-large .stat-number {
    font-weight: 900 !important;
    font-size: 3.5rem !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.case-study-quote-large .stat-label {
    font-weight: 900 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    margin: 0.5rem 0 0 0 !important;
}

/* Case Study - Conclusion section */
.case-study-conclusion {
    background: #e8e5df !important;
    padding: 3rem !important;
}

.case-study-conclusion .content-block {
    max-width: 100% !important;
    width: 100% !important;
}

.case-study-conclusion .content-text {
    text-align: center !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* Case Study - Meta section line */
.case-study-meta {
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: 2rem !important;
    margin-bottom: 2rem !important;
}

/* Fix conclusion section border */
.case-study-conclusion {
    border-bottom: 1px solid var(--color-black) !important;
}