/* ==========================================================================
   JOUSH LUXURY — TYPOGRAPHY SYSTEM
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.font-heading {
    font-family: var(--font-heading);
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-black);
    letter-spacing: 0.04em;
    text-rendering: optimizeLegibility;
}

h1, .h1 {
    font-size: clamp(2.25rem, 4.5vw, 3.75rem);
    margin-bottom: var(--spacing-md);
}

h2, .h2 {
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    margin-bottom: var(--spacing-sm);
}

h3, .h3 {
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    margin-bottom: var(--spacing-xs);
}

h4, .h4 {
    font-size: 1.25rem;
    font-weight: 500;
}

h5, .h5 {
    font-size: 1.1rem;
    letter-spacing: 0.05em;
}

h6, .h6 {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

p {
    margin-bottom: var(--spacing-md);
}

p:last-child {
    margin-bottom: 0;
}

/* Luxury Editorial Eyebrow & Subtitles */
.eyebrow {
    font-family: var(--font-body);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: var(--color-gold);
    display: inline-block;
    margin-bottom: var(--spacing-xs);
}

.editorial-lead {
    font-family: var(--font-heading);
    font-size: clamp(1.15rem, 1.8vw, 1.5rem);
    font-style: italic;
    color: var(--color-dark);
    line-height: 1.5;
    margin-bottom: var(--spacing-lg);
}

/* Layout Utilities */
.luxury-container {
    width: 100%;
    max-width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
    box-sizing: border-box;
}

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.uppercase { text-transform: uppercase; }
.letter-spacing-wide { letter-spacing: 0.2em; }