/* ========================================================================== */
/* TYPOGRAPHY & FONTS STYLESHEET (fonts.css)                                  */
/* ========================================================================== */

/* --- Font Faces --- */
@font-face { font-family: 'LL Bradford'; src: url('/assets/fonts/LL-Bradford-Regular.woff2') format('woff2'), url('/assets/fonts/LL-Bradford-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'AvantGarde'; src: url('/assets/fonts/ITC Avant Garde Gothic CE Book.woff') format('woff'); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: 'AvantGarde'; src: url('/assets/fonts/ITC Avant Garde Gothic CE Book Oblique.woff') format('woff'); font-weight: 400; font-style: italic; font-display: block; }
@font-face { font-family: 'AvantGarde'; src: url('/assets/fonts/ITC Avant Garde Gothic Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: block; }
@font-face { font-family: 'AvantGarde'; src: url('/assets/fonts/ITC Avant Garde Gothic Medium Oblique.woff') format('woff'); font-weight: 500; font-style: italic; font-display: block; }
@font-face { font-family: 'AvantGarde'; src: url('/assets/fonts/ITC Avant Garde Gothic CE Demi.woff') format('woff'); font-weight: 600; font-style: normal; font-display: block; }
@font-face { font-family: 'AvantGarde'; src: url('/assets/fonts/ITC Avant Garde Gothic CE Demi Oblique.woff') format('woff'); font-weight: 600; font-style: italic; font-display: block; }
@font-face { font-family: 'AvantGarde'; src: url('/assets/fonts/ITC Avant Garde Gothic Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: block; }
@font-face { font-family: 'AvantGarde'; src: url('/assets/fonts/ITC Avant Garde Gothic Bold Oblique.woff') format('woff'); font-weight: 700; font-style: italic; font-display: block; }

@font-face { font-family: 'AvantGardeCondensed'; src: url('/assets/fonts/ITC Avant Garde Gothic Book Condensed.woff') format('woff'); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: 'AvantGardeCondensed'; src: url('/assets/fonts/ITC Avant Garde Gothic Medium Condensed.woff') format('woff'); font-weight: 500; font-style: normal; font-display: block; }
@font-face { font-family: 'AvantGardeCondensed'; src: url('/assets/fonts/ITC Avant Garde Gothic Demi Condensed.woff') format('woff'); font-weight: 600; font-style: normal; font-display: block; }
@font-face { font-family: 'AvantGardeCondensed'; src: url('/assets/fonts/ITC Avant Garde Gothic Bold Condensed.woff') format('woff'); font-weight: 700; font-style: normal; font-display: block; }

@font-face { font-family: 'Jost'; src: url('/assets/fonts/Jost-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: 'Jost'; src: url('/assets/fonts/Jost-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: block; }
@font-face { font-family: 'Jost'; src: url('/assets/fonts/Jost-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: block; }
@font-face { font-family: 'Jost'; src: url('/assets/fonts/Jost-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: block; }

/* --- Base Typography --- */
body { font-family: 'LL Bradford', serif; }
h1 { font-size: clamp(60px, 12vw, 160px); font-weight: 400; letter-spacing: clamp(-1px, -0.5vw, -4px); }
h1 span { font-style: italic; }
h2 { font-family: "AvantGarde", sans-serif; font-size: clamp(40px, 8vw, 100px); font-weight: 400; letter-spacing: clamp(-1px, -0.5vw, -4px); }
h2 span { font-style: italic; }
h3 { font-family: "AvantGarde", sans-serif; font-size: clamp(18px, 3vw, 28px); font-weight: 400; letter-spacing: 0px; }
h4 { font-family: "AvantGarde", sans-serif; font-size: 10px; font-weight: 300; letter-spacing: 1.5px; color: #999; }
h5 { font-family: "AvantGarde", sans-serif; font-size: 0.75rem; color: #666; font-weight: 300; text-transform: uppercase; }
h6 { font-size: 11px; letter-spacing: 2px; font-weight: 300; text-transform: uppercase; color: #999; }
p { font-family: 'LL Bradford', serif; font-size: clamp(14px, 1.4vw, 16px); font-weight: 400; color: #181818; letter-spacing: 0px; }
a { color: #000; }
a:hover { color: #000; }

/* --- Masthead & Meta Typography --- */
.masthead-seo-title { font-size: clamp(2rem, 5.5vw, 6.5rem); font-weight: 300; text-transform: uppercase; color: #111; letter-spacing: -2px; }
.masthead-location { font-family: serif; font-style: italic; font-weight: 300; text-transform: lowercase; font-size: clamp(20px, 4vw, 70px); }
.card-meta-line.meta-flex { font-family: 'AvantGarde', sans-serif; font-size: clamp(14px, 2.5vw, 20px); font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; text-transform: uppercase; }
.ed-meta-block { text-transform: uppercase; }
.ed-heading { text-transform: capitalize; }
.masthead-meta-strip { font-family: monospace; font-size: 0.75rem; letter-spacing: 1px; text-transform: uppercase; color: #111; }

/* --- Components Typography --- */
.home-hero-title { font-family: "AvantGarde", sans-serif; font-size: clamp(32px, 3.3vw, 85px); font-weight: 600; letter-spacing: -0.09em; line-height: 0.82; text-transform: uppercase; }
.hero-period { font-size: 0.25em; letter-spacing: 0; }
.home-hero-subtitle { font-size: 19px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; text-transform: none; }
.home-hero-description { font-family: "AvantGarde", sans-serif; font-size: 0.85rem; line-height: 1.6; letter-spacing: 0.04em; text-align: right; }
.section-subtitle { font-size: 0.75rem; font-weight: 400; letter-spacing: 0.3em; text-transform: uppercase; text-align: center; }
.section-title { font-family: "AvantGarde", sans-serif; font-weight: 700; letter-spacing: -0.02em; text-transform: uppercase; text-align: center; }
.edition-intro p { font-family: 'AvantGarde', sans-serif; font-size: 1.0rem; font-weight: 400; line-height: 1.2rem; }
.load-more-btn { font-family: 'AvantGarde', sans-serif !important; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; text-transform: none; }
.home-hero-meta { font-family: 'AvantGarde', sans-serif; font-size: clamp(11px, 1.2vw, 13px); font-weight: 300; font-style: italic; letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.85); }
.home-archive-card h5 { margin-top: 0px; }

/* --- Media Queries for Typography --- */
@media (max-width: 600px) { p { font-size: 13px; } h4 { font-size: 9px; } }
@media (max-width: 768px) { .masthead-meta-strip { font-size: 0.55rem; letter-spacing: 1px; text-transform: uppercase; } 
    .home-hero-title { font-size: 30px; } 
    .home-hero-description { font-size: 0.78rem; text-align: left; } 
    .section-subtitle { font-size: 0.55rem; letter-spacing: 0.2em; } 
    .section-title { font-size: 23px; } 
    .edition-intro p { font-size: 0.82rem; line-height: 1.7; } }