/* ==============================
   PREMIUM BODY TREATMENT
   ==============================
   Unified aesthetic for descriptive text across the site.
   Loads after styles.css so it overrides base body rules,
   loads before inline <style> blocks so page-specific
   tweaks always win.
   ============================== */

/* Section lead paragraphs (under H2 headings) */
.pillars-header p,
.audience-header p,
.selected-work .subhead {
    font-size: 15px;
    line-height: 1.75;
    color: var(--color-gray);
    font-weight: 400;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

/* Italic pillar leads — quieter and more refined */
.pillar-lead {
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-primary-taupe-dark);
}

/* Card body text (pillars, audience, products, templates, work tiles, case studies) */
.pillar-card ul li,
.pillar-sub .sub-body,
.audience-card p,
.template-mini p,
.product-mini p,
.work-tile p,
.case-card .card-text,
.case-card .case-impact li,
.product-card .card-text,
.product-features li,
.intro-card p,
.stage-card p,
.principle-card p {
    font-size: 14px;
    line-height: 1.65;
    color: var(--color-gray);
    font-weight: 400;
}

/* Small section kickers/eyebrows — pull back to hero scale */
.audience-header .kicker,
.templates-strip .eyebrow,
.products-strip .eyebrow {
    font-size: 10px !important;
    letter-spacing: 3px !important;
}

/* Case/product/template card labels — softer weight */
.card-label,
.card.card-accent .card-title,
.product-card .card-label {
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    color: var(--color-primary-taupe-dark);
    font-weight: 600;
}

/* Card titles — refine sizing across cards */
.pillar-card h3,
.audience-card h3,
.product-card h3,
.case-card h3,
.template-card h2 {
    font-weight: 400;
    letter-spacing: -0.2px;
}

/* Meet Hayley body — softer, more editorial */
.meet-hayley p {
    font-size: 15px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.82);
    font-weight: 400;
}

/* About page: story section body */
.story-content p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--color-dark);
    font-weight: 400;
}
.story-content h2 {
    font-weight: 400;
}
.pullquote {
    font-size: 20px !important;
    line-height: 1.5 !important;
    font-weight: 400;
}

/* Timeline entries on About page */
.timeline-body p {
    font-size: 13px;
    line-height: 1.6;
    color: var(--color-gray);
    font-weight: 400;
}
.timeline-body .place {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: var(--color-primary-taupe-dark);
}

/* Value cards */
.value-card p {
    font-size: 14px;
    line-height: 1.65;
    color: var(--color-gray);
    font-weight: 400;
}

/* Skills grid */
.skill-block li {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
}
.skill-block h4 {
    font-size: 11px !important;
    letter-spacing: 2px !important;
}

/* CTA subtitles — quieter */
.cta-v2 p {
    font-size: 14px;
    letter-spacing: 0.3px;
    font-style: normal;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
}

/* Testimonial — restrained pull-quote */
.testimonial-card blockquote {
    font-size: 19px;
    line-height: 1.55;
    font-weight: 400;
}
.testimonial-card .attribution {
    font-size: 12px;
    letter-spacing: 1px;
    color: var(--color-gray);
}

/* Footer text — refined */
.footer-v2 .footer-grid p,
.footer-v2 .footer-grid a {
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 0.2px;
}
.footer-v2 .footer-grid h4 {
    font-size: 10px !important;
    letter-spacing: 2.5px !important;
    font-weight: 700;
}

/* Buttons — slightly smaller, more refined tracking */
.btn {
    font-size: 12px;
    letter-spacing: 1.5px;
    padding: 12px 22px;
}

/* Templates page: pricing box */
.template-card .pricing-box .price-row {
    font-size: 13px;
}
.template-card .subtitle-italic {
    font-size: 15px;
    line-height: 1.5;
}

/* How-it-works step cards */
.step-card p {
    font-size: 14px;
    line-height: 1.65;
    color: var(--color-gray);
    font-weight: 400;
}

/* Roadmap items */
.roadmap-item .item-desc {
    font-size: 13px;
    line-height: 1.55;
}

/* Hero description — align with premium treatment (if you haven't already tweaked it) */
.hero-card .description {
    font-size: 15px;
    line-height: 1.7;
    color: var(--color-gray);
    font-weight: 400;
}

/* Toolkit line on the Data pillar — smaller and more restrained */
.pillar-card .toolkit-line {
    font-size: 10px !important;
    letter-spacing: 2.5px !important;
    font-weight: 600 !important;
}

/* All eyebrow-style labels — consistent scale */
.eyebrow,
.pillar-eyebrow,
.about-hero .about-eyebrow {
    font-size: 10px !important;
    letter-spacing: 3px !important;
    font-weight: 700;
}