/* -------------------------------------------------------
   1) Font faces (from your uploaded files)
------------------------------------------------------- */

/* Basis Grotesque — primary sans */
@font-face {
    font-family: 'BasisGrotesque';
    src: url('/fonts/BasisGrtforThrivent.woff2') format('woff2'), url('/fonts/BasisGrtforThrivent.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisGrotesque';
    src: url('/fonts/BasisGrtforThrivent-Lt.woff2') format('woff2'), url('/fonts/BasisGrtforThrivent-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisGrotesque';
    src: url('/fonts/BasisGrtforThrivent-Bold.woff2') format('woff2'), url('/fonts/BasisGrtforThrivent-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisGrotesque';
    src: url('/fonts/BasisGrtforThrivent-Blk.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisGrotesque';
    src: url('/fonts/BasisGrtforThrivent-Italic.woff2') format('woff2'), url('/fonts/BasisGrtforThrivent-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Burgess — secondary serif for select moments */
@font-face {
    font-family: 'Burgess';
    src: url('/fonts/BurgessforThrivent.woff2') format('woff2'), url('/fonts/BurgessforThrivent.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Burgess';
    src: url('/fonts/BurgessforThrivent-Italic.woff2') format('woff2'), url('/fonts/BurgessforThrivent-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Burgess';
    src: url('/fonts/BurgessforThrivent-Bold.woff2') format('woff2'), url('/fonts/BurgessforThrivent-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Burgess';
    src: url('/fonts/BurgessforThrivent-BoldIt.woff2') format('woff2'), url('/fonts/BurgessforThrivent-BoldIt.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* -------------------------------------------------------
   2) Design tokens / defaults
------------------------------------------------------- */

:root {
    /* Font stacks */
    --font-sans: 'BasisGrotesque', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    --font-serif: 'Burgess', Georgia, 'Times New Roman', Times, serif;
    /* Base typography */
    --font-size-body: 1rem; /* 16px default */
    --line-height-body: 1.55;
    --tracking-tight: -0.01em;
    --tracking-normal: 0;
    --tracking-wide: 0.01em;
    /* Responsive scale (tweak as needed) */
    --step--1: clamp(0.85rem, 0.82rem + 0.2vw, 0.95rem); /* small/captions */
    --step-0: clamp(1rem, 0.96rem + 0.3vw, 1.125rem); /* body */
    --step-1: clamp(1.125rem, 1.05rem + 0.5vw, 1.35rem); /* subhead */
    --step-2: clamp(1.35rem, 1.2rem + 0.8vw, 1.75rem); /* h3 */
    --step-3: clamp(1.75rem, 1.45rem + 1.6vw, 2.25rem); /* h2 */
    --step-4: clamp(2.25rem, 1.7rem + 2.6vw, 3rem); /* h1 */
    --step-5: clamp(3rem, 2.3rem + 3.5vw, 3.75rem); /* hero */
    /* Disclosure sizing: 75% of body, but min 8pt (~10.6667px) */
    --font-size-disclosure: max(0.75em, 10.6667px);
}

/* Global base */
html {
    font-size: 16px;
}

/* adjust once for whole site */
body {
    font-family: var(--font-sans);
    font-size: var(--step-0);
    line-height: var(--line-height-body);
    letter-spacing: var(--tracking-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: normal;
    font-feature-settings: "kern","liga","clig","calt";
    font-synthesis-weight: none;
    font-synthesis-style: none;
    color: #111; /* update to brand text color if desired */
}

/* -------------------------------------------------------
   3) The 7 copy blocks (hierarchy)
   - Basis Grotesque is default
   - Burgess appears only where noted (subheading/quote/H2)
------------------------------------------------------- */

/* 1) Hero Heading */
.hero-heading {
    font-family: var(--font-sans);
    font-size: var(--step-5);
    font-weight: 900; /* Black for strong brand presence */
    line-height: 1.05;
    letter-spacing: var(--tracking-tight);
    margin: 0 0 0.35em;
}

/* 2) H1 */
.h1, h1 {
    font-family: var(--font-sans);
    font-size: var(--step-4);
    font-weight: 700; /* Bold */
    line-height: 1.1;
    letter-spacing: var(--tracking-tight);
    margin: 0 0 0.5em;
}

/* 3) H2 — use Burgess (secondary serif) */
.h2, h2 {
    font-family: var(--font-serif); /* switched to Burgess */
    font-size: var(--step-3);
    line-height: 1.15;
    letter-spacing: var(--tracking-tight);
    margin: 0 0 0.6em;
}

/* 4) Subheading (Burgess: supportive moment) */
.subheading {
    font-family: var(--font-serif); /* secondary typeface */
    font-size: var(--step-1);
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: var(--tracking-normal);
    margin: 0.25em 0 0.75em;
}

/* 5) Body copy */
.body, p {
    font-family: var(--font-sans);
    font-size: var(--step-0);
    font-weight: 400;
    line-height: var(--line-height-body);
    margin: 0 0 1em;
}

/* 6) Caption / small */
.caption {
    font-family: var(--font-sans);
    font-size: var(--step--1);
    line-height: 1.4;
    color: rgba(0,0,0,0.72);
}

/* 7) Pull Quote (Burgess: warmth & expertise) */
.quote {
    font-family: var(--font-serif);
    font-size: var(--step-2);
    font-weight: 400;
    font-style: italic; /* use Burgess italic for quotes */
    line-height: 1.35;
    letter-spacing: var(--tracking-normal);
    margin: 1.25em 0;
}

    .quote cite {
        display: block;
        font-family: var(--font-sans);
        font-size: var(--step--1);
        font-style: normal;
        color: rgba(0,0,0,0.72);
        margin-top: 0.4em;
    }

/* Disclosures: Basis Grotesque at 75% of body, min 8pt */
.disclosure {
    font-family: var(--font-sans);
    font-size: var(--font-size-disclosure);
    line-height: 1.45;
    color: rgba(0,0,0,0.8);
}

/* -------------------------------------------------------
   4) Utilities (weights, italics, families)
------------------------------------------------------- */

/* Weights mapped to your files */
.weight-light {
    font-weight: 300;
}
/* Basis Lt */
.weight-regular {
    font-weight: 400;
}

.weight-bold {
    font-weight: 700;
}

.weight-black {
    font-weight: 900;
}

/* Italic only where available */
.italic {
    font-style: italic;
}
/* Basis & Burgess both have italics */

/* Explicit family switches (use sparingly; Basis should dominate) */
.font-sans {
    font-family: var(--font-sans);
}
/* Basis */
.font-serif {
    font-family: var(--font-serif);
}
/* Burgess */

/* Tight/normal/wide tracking tweaks */
.tracking-tight {
    letter-spacing: var(--tracking-tight);
}

.tracking-normal {
    letter-spacing: var(--tracking-normal);
}

.tracking-wide {
    letter-spacing