/* =========================================================
   Space Vanta Theme 1.0
   Collection Hero
   Image Geometric Frame
   Version:
   COLLECTION VISUAL V1-A-R2

   Responsibilities:
   - Collection Hero image outer frame
   - Silver / grey geometric border
   - Hover cold-blue edge highlight

   Does NOT handle:
   - Hero image sizing
   - Hero image crop
   - Collection title
   - Collection description
========================================================= */


/* =========================================================
   Image Frame
========================================================= */

.sv-collection-hero__media {
    position: relative;

    border: 1px solid rgba(145, 150, 160, 0.85);

    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================================
   Inner Geometric Line
========================================================= */

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

    position: absolute;
    inset: 7px;

    border: 1px solid rgba(185, 190, 200, 0.28);

    pointer-events: none;

    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================================
   Hover — Cold Blue Edge
========================================================= */

.sv-collection-hero__media:hover {
    border-color: rgba(185, 205, 225, 0.95);

    box-shadow:
        0 0 0 1px rgba(125, 170, 215, 0.35);
}


.sv-collection-hero__media:hover::before {
    border-color: rgba(145, 190, 230, 0.58);

    box-shadow:
        inset 0 0 0 1px rgba(150, 195, 235, 0.08);
}


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

@media(max-width:640px) {

    .sv-collection-hero__media {
        border-width: 1px;
    }

    .sv-collection-hero__media::before {
        inset: 5px;
    }

}