/* =========================================================
   Space Vanta Theme 1.0
   Collection Hero
   Editorial Geometric Title
   Version:
   COLLECTION VISUAL V1-B

   Responsibilities:
   - Collection title typography
   - Editorial composition
   - Geometric title detail

   Does NOT handle:
   - Collection image
   - Image frame
   - Collection description
========================================================= */


/* =========================================================
   Title Content
========================================================= */

.sv-collection-hero__content {
    position: relative;
    padding-left: 24px;
}


/* =========================================================
   Geometric Vertical Line
========================================================= */

.sv-collection-hero__content::before {
    content: "";

    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;

    width: 1px;

    background: rgba(145, 150, 160, 0.7);
}


/* =========================================================
   Collection Title
========================================================= */

.sv-collection-hero__content h1 {
    margin: 0;

    font-size: clamp(40px, 5vw, 76px);
    line-height: 0.95;

    font-weight: 500;

    letter-spacing: -0.035em;

    text-transform: uppercase;

    color: var(--sv-text);
}


/* =========================================================
   Editorial Divider
========================================================= */

.sv-collection-hero__content h1::after {
    content: "";

    display: block;

    width: 56px;
    height: 1px;

    margin-top: 18px;

    background: rgba(145, 150, 160, 0.7);
}


/* =========================================================
   Mobile
========================================================= */

@media(max-width:640px) {

    .sv-collection-hero__content {
        padding-left: 16px;
    }

    .sv-collection-hero__content h1 {
        font-size: clamp(32px, 11vw, 48px);
        line-height: 0.98;
        letter-spacing: -0.025em;
    }

    .sv-collection-hero__content h1::after {
        width: 40px;
        margin-top: 14px;
    }

}