/*
================================================

Space Vanta Theme 1.0

Brand:
Space Vanta

Module:
Bundle Brand Wordmark / Typography Extension

Version:
1.0

Path:
public/brand/bundle/wordmark.css

Purpose:
Bundle-specific extension of the global
Space Vanta brand typography system.

Design DNA:
Space Vanta Core
    +
Expressive Abstraction
    +
Curated / Editorial / Spatial

Important:
- Depends on public/brand/wordmark.css.
- Extends the Space Vanta brand language.
- Does NOT replace the global brand system.
- Does NOT define Bundle layout.
- Does NOT define normal product/UI typography.

================================================
*/


/* ---------------------------------------------
   01. BUNDLE BRAND VARIABLES
--------------------------------------------- */

:root {
    /*
     * Bundle is intentionally more expressive
     * than the global Space Vanta wordmark.
     */
    --sv-bundle-letter-spacing: 0.025em;
    --sv-bundle-line-height: 0.88;

    /*
     * Reserved for future Bundle-specific display
     * font treatment if the final brand type system
     * requires a separate cut or font file.
     *
     * For now it inherits the Space Vanta core font.
     */
    --sv-font-bundle: var(--sv-font-brand);
}


/* ---------------------------------------------
   02. BUNDLE WORDMARK
--------------------------------------------- */

/*
 * Primary Bundle display identity.
 *
 * Intended for:
 * - Bundle Hero title
 * - Major Bundle identity
 * - Editorial Bundle headings
 *
 * The typography is deliberately more expressive
 * than .sv-wordmark while retaining the same DNA.
 */
.sv-bundle-wordmark {
    font-family: var(--sv-font-bundle);
    font-weight: 500;
    font-style: normal;
    line-height: var(--sv-bundle-line-height);
    letter-spacing: var(--sv-bundle-letter-spacing);
    text-transform: uppercase;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}


/* ---------------------------------------------
   03. BUNDLE DISPLAY
--------------------------------------------- */

.sv-bundle-display {
    font-family: var(--sv-font-bundle);
    font-weight: 500;
    font-style: normal;
    line-height: var(--sv-bundle-line-height);
    letter-spacing: 0.015em;
    text-wrap: balance;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}


/* ---------------------------------------------
   04. BUNDLE EYEBROW
--------------------------------------------- */

.sv-bundle-eyebrow {
    font-family: var(--sv-font-bundle);
    font-weight: 500;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}


/* ---------------------------------------------
   05. BUNDLE LABEL
--------------------------------------------- */

/*
 * For short identity labels such as:
 *
 * CURATED
 * BUNDLE 01
 * SPACE VANTA / CURATED
 *
 * Keep this restrained so it does not compete
 * with the main Bundle title.
 */
.sv-bundle-label {
    font-family: var(--sv-font-bundle);
    font-weight: 500;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}


/* ---------------------------------------------
   06. EXPRESSIVE MODIFIERS
--------------------------------------------- */

/*
 * These are controlled typography treatments.
 * They create variation through geometry and
 * spacing rather than decorative effects.
 */

.sv-bundle-tight {
    letter-spacing: -0.015em;
}

.sv-bundle-wide {
    letter-spacing: 0.06em;
}

.sv-bundle-expanded {
    letter-spacing: 0.12em;
}


/* ---------------------------------------------
   07. CONSTRUCTED / FRAGMENTED TREATMENT
--------------------------------------------- */

/*
 * Optional modifier for future Bundle Hero
 * experiments.
 *
 * It intentionally uses spacing and scale rather
 * than filters, shadows or 3D effects.
 *
 * Do not use this on every Bundle.
 */
.sv-bundle-constructed {
    letter-spacing: 0.04em;
    transform-origin: left center;
}


/* ---------------------------------------------
   08. MOBILE FOUNDATION
--------------------------------------------- */

/*
 * Mobile should not simply shrink the desktop
 * typography. Bundle titles may intentionally
 * occupy multiple lines.
 */

@media (max-width: 767px) {

    .sv-bundle-wordmark,
    .sv-bundle-display {
        line-height: 0.9;
        letter-spacing: 0.015em;
        text-wrap: balance;
    }

    .sv-bundle-eyebrow {
        letter-spacing: 0.11em;
    }

    .sv-bundle-label {
        letter-spacing: 0.08em;
    }
}


/* ---------------------------------------------
   09. CONTENT / ACCESSIBILITY RULE
--------------------------------------------- */

/*
 * Bundle brand typography is for short,
 * identity-driven text only.

 * Keep these elements readable:
 * - Product names
 * - Descriptions
 * - Prices
 * - Buttons
 * - Policies
 * - FAQ
 * - Long-form content
 */

.sv-bundle-wordmark,
.sv-bundle-display,
.sv-bundle-eyebrow,
.sv-bundle-label {
    overflow-wrap: normal;
    word-break: normal;
}