/* =========================================================
   CULT INDIA — VENDOR TYPE ARCHIVE
   Bundled with Dokan Vendor Types
========================================================= */

:root {

  --ink: #0A0A0A;
  --charcoal: #161616;

  --ivory: #F3EEE5;
  --paper: #FAF8F3;

  --stone: #B8AA96;
  --stone-dark: #817565;

  --gold: #b97842;

  --line:
  rgba(10,10,10,.12);

  --dark-line:
  rgba(255,255,255,.15);

  --serif:
  "Fraunces", serif;

  --sans:
  "Inter", sans-serif;

  --max:
  1500px;

  --padding:
  clamp(20px,5vw,80px);

}


/* ---------------------------------------------------------
   PAGE HEADER / THEME WRAPPER RESET
--------------------------------------------------------- */

.cvm-vendor-type-archive .container {
    width: auto;
    max-width: none;
    padding: 0;
}

.cvm-vendor-type-archive .site-content,
.cvm-vendor-type-archive #content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.cult-brands-page {
    width: 100%;
    background: #eee7db;
}

.site-content:has(.cult-brands-page) {
    padding: 0px !important;
}

.cult-brands-page .ci-container {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.cult-brands-page .breadcrumb {
    padding: 22px 0 0;
    font-size: 11px;
    letter-spacing: .04em;
    color: var(--stone-dark);
}

.cult-brands-page .breadcrumb a {
    color: var(--stone-dark);
    text-decoration: none;
}

.cult-brands-page .breadcrumb a:hover {
    color: var(--gold);
}

.cult-brands-page .breadcrumb .sep {
    margin: 0 6px;
    opacity: .5;
}

.cult-brands-page .breadcrumb .current {
    color: var(--ink);
}


/* ---------------------------------------------------------
   PAGE HEADING
--------------------------------------------------------- */

.cult-brands-page .page-head {
    padding: 34px 0 40px;
    border-bottom: 1px solid var(--line);
}

.cult-brands-page .page-head .eyebrow {
    color: var(--gold);
    font-size: 10px;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 600;
}

.cult-brands-page .page-head h1 {
    font-weight: 500;
    font-size: clamp(30px, 4.5vw, 52px);
    line-height: 1.08;
    margin: 10px 0 12px;
}

.cult-brands-page .page-head p {
    font-size: 14px;
    color: var(--stone-dark);
    max-width: 60ch;
    line-height: 1.6;
    margin: 0;
}

.cult-brands-page .page-count {
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--stone-dark);
    margin-top: 14px;
}


/* ---------------------------------------------------------
   VENDOR GRID
--------------------------------------------------------- */

.cult-brands-page .brand-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    padding: 40px 0 80px;
}


/* ---------------------------------------------------------
   VENDOR CARD
--------------------------------------------------------- */

.cult-brands-page .brand-card {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.cult-brands-page .brand-tile {
    aspect-ratio: 1 / 1.22;
    position: relative;
    overflow: hidden;
    background: #ddd;
    transform: translateZ(0);
}


/* ---------------------------------------------------------
   VENDOR IMAGE
--------------------------------------------------------- */

.cult-brands-page .brand-tile img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;

    filter: saturate(.78);

    transition:
    transform .7s ease,
    filter .7s ease;
    border-radius: 0;
}

.cult-brands-page .brand-card:hover .brand-tile img {
    transform: scale(1.045);
    filter: saturate(.95);
}


/* ---------------------------------------------------------
   DARK GRADIENT OVER IMAGE
--------------------------------------------------------- */

.cult-brands-page .brand-tile::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            transparent 42%,
            rgba(24, 19, 15, .8)
        );

    pointer-events: none;
}


/* ---------------------------------------------------------
   VENDOR NAME
--------------------------------------------------------- */

.cult-brands-page .brand-name-overlay {
    position: absolute;
    font-family: "Fraunces", serif;
    left: 24px;
    right: 24px;
    bottom: 28px;
    z-index: 2;
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.08;
    margin: 0px !important;
    letter-spacing: -.02em;
}


/* ---------------------------------------------------------
   CARD NUMBER
--------------------------------------------------------- */

.cult-brands-page .tile-index {
    position: absolute;

    top: 22px;
    left: 50%;

    transform: translateX(-50%);

    z-index: 3;

    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    color: #fff;

    font-size: 8px;
    letter-spacing: .18em;

    border: 1px solid rgba(255,255,255,.45);
    border-radius: 50%;
}


/* ---------------------------------------------------------
   EMPTY STATE
--------------------------------------------------------- */

.cult-brands-page .brands-empty {
    padding: 40px 0 40px;

    color: var(--stone-dark);

    font-size: 20px;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   LOAD MORE
--------------------------------------------------------- */

.cvm-load-more-wrap {
    display: flex;
    justify-content: center;
    padding: 0 0 80px;
}

.cvm-load-more-vendors {
    min-width: 150px;
    padding: 14px 28px;
    border: 1px solid #0A0A0A;
    background: transparent;
    color: #0A0A0A;
    font-family: var(--sans);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .3s ease, color .3s ease, opacity .3s ease;
}

.cvm-load-more-vendors:hover {
    background: #0A0A0A;
    color: #fff;
}

.cvm-load-more-vendors:disabled,
.cvm-load-more-vendors.is-loading {
    opacity: .55;
    cursor: wait;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .cult-brands-page .ci-container {
        width: calc(100% - 32px);
    }

    .cult-brands-page .breadcrumb {
        padding-top: 18px;
        font-size: 10px;
    }

    .cult-brands-page .page-head {
        padding: 28px 0 32px;
    }

    .cult-brands-page .page-head h1 {
        font-size: clamp(30px, 9vw, 44px);
    }

    .cult-brands-page .page-head p {
        font-size: 13px;
    }

    .cult-brands-page .brand-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 32px 0 60px;
    }

    .cult-brands-page .brand-tile {
        aspect-ratio: 1 / 1.28;
    }

    .cult-brands-page .brand-name-overlay {
        font-size: 18px;
        line-height: 1.05;

        left: 14px;
        right: 14px;
        bottom: 16px;
    }

    .cult-brands-page .tile-index {
        top: 12px;

        width: 28px;
        height: 28px;

        font-size: 7px;
    }

    .cvm-load-more-wrap {
        padding-bottom: 50px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .cult-brands-page .ci-container {
        width: calc(100% - 28px);
    }

    .cult-brands-page .brand-name-overlay {
        font-size: 17px;
    }

}

/* Creator archive cards — follows supplied Creators reference */
.cult-vendor-type-page .creator-grid-full{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:36px 0 80px}.cult-vendor-type-page .cg-card{position:relative}.cult-vendor-type-page .cg-img{display:block;aspect-ratio:4/5;overflow:hidden;margin-bottom:14px;background:var(--stone);position:relative}.cult-vendor-type-page .cg-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.cult-vendor-type-page .cg-img>span{position:absolute;top:10px;left:10px;font-family:var(--serif);font-style:italic;font-size:11px;color:#fff;background:rgba(10,10,10,.4);padding:3px 9px}.cult-vendor-type-page .cg-card .creator-medium{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.cult-vendor-type-page .cg-card h3{font-family:var(--serif);font-weight:500;font-size:17px;margin:6px 0}.cult-vendor-type-page .cg-card h3 a{color:inherit;text-decoration:none}.cult-vendor-type-page .creator-handle{font-size:9px;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:5px;white-space:nowrap;color:inherit;text-decoration:none}@media(max-width:820px){.cult-vendor-type-page .creator-grid-full{grid-template-columns:repeat(2,1fr);gap:14px}}

/* =========================================================
   ARTISAN ARCHIVE — title and meta outside image
========================================================= */
.cvm-vendor-type-artisan .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}
.artisan-archive-card{min-width:0}
.artisan-archive-image{display:block;aspect-ratio:4/5;overflow:hidden;background:#ddd;border-radius:0px}
.artisan-archive-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;transition:transform .6s ease,filter .6s ease;filter:saturate(.78)}
.artisan-archive-card:hover .artisan-archive-image img{transform:scale(1.035);filter:saturate(.95)}
.artisan-archive-info{padding:16px 0 2px}
.artisan-archive-info h3{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.1;margin:0 0 9px}
.artisan-archive-info h3 a{text-decoration:none;color:inherit}
.artisan-archive-meta{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--stone-dark)}

/* =========================================================
   CREATOR ARCHIVE — Instagram Atelier
========================================================= */
.cvm-creator-archive{--ink:#18130F;--ivory:#EFE8DC;--paper:#F8F4EC;--stone-dark:#756A5B;--gold:#B97842;--line:rgba(24,19,15,.14);--serif:"Fraunces",serif;--sans:"Inter",sans-serif;background:var(--ivory);color:var(--ink);font-family:var(--sans);padding-bottom:1px}
.cvm-vendor-type-creator .site-content,.cvm-vendor-type-creator .site-content>.container{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.cvm-creator-container{width:min(calc(100% - clamp(32px,5vw,80px)),1500px);margin:auto}
.cvm-creator-archive .breadcrumb{padding:0;font-size:11px;letter-spacing:.04em;color:var(--stone-dark)}
.cvm-creator-archive .breadcrumb a{color:var(--stone-dark);text-decoration:none}.cvm-creator-archive .breadcrumb .sep{margin:0 6px;opacity:.5}.cvm-creator-archive .breadcrumb .current{color:var(--ink)}
.ig-hero{padding:58px 0 52px;border-bottom:1px solid var(--line);background:var(--paper)}
.ig-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.ig-hero .eyebrow,.cvm-creator-archive .eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--stone-dark)}
.ig-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5.5vw,70px);line-height:1.04;margin:16px 0 20px;letter-spacing:-.035em}
.ig-hero h1 em{font-style:italic;color:#8A5F2C}
.ig-hero p{font-size:14.5px;color:var(--stone-dark);max-width:52ch;line-height:1.7;margin:0}
.ig-mini-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ig-mini-feed div{aspect-ratio:1/1;overflow:hidden}.ig-mini-feed div:nth-child(2){margin-top:22px}.ig-mini-feed div:nth-child(3){margin-top:-10px}.ig-mini-feed img{width:100%;height:100%;object-fit:cover;display:block}
.cvm-creator-archive .section-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.cvm-creator-first-section{padding-top:44px}.cvm-creator-section{margin-top:54px}.cvm-creator-archive .section-title{font-family:var(--serif);font-size:clamp(36px,4vw,58px);font-weight:400;letter-spacing:-.035em;line-height:1;margin:14px 0 0}
.ig-flow{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-top:10px}.ig-flow-node{background:#fff;border:1px solid var(--line);padding:16px 22px;text-align:center;min-width:150px}.ig-flow-node .fl{font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--stone-dark);display:block;margin-bottom:6px}.ig-flow-node b{font-family:var(--serif);font-size:15px}.ig-flow-node.active{background:var(--ink);color:var(--ivory);border-color:var(--ink)}.ig-flow-node.active .fl{color:var(--gold)}.ig-flow-arrow{padding:0 14px;color:var(--stone-dark);font-size:16px}.flow-note{margin:16px 0 0;max-width:88ch;font-size:12.5px;line-height:1.7;color:var(--stone-dark)}
.medium-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:0}.medium-pill{font-size:11px;padding:9px 18px;border:1px solid var(--line);color:#3a3630;text-decoration:none}.medium-pill.on,.medium-pill:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.cvm-creator-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;padding:34px 0 12px}.cvm-creator-card{min-width:0}.cvm-creator-card-image{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;background:#ddd}.cvm-creator-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.cvm-creator-card:hover img{transform:scale(1.035)}.cvm-creator-card-image>span{position:absolute;top:12px;left:12px;color:#fff;background:rgba(10,10,10,.42);padding:4px 8px;font-size:8px;letter-spacing:.1em}.cvm-creator-card-info{padding:14px 0}.cvm-creator-card .creator-medium{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--gold)}.cvm-creator-card h3{font-family:var(--serif);font-weight:500;font-size:21px;margin:7px 0 7px}.cvm-creator-card h3 a{text-decoration:none;color:inherit}.cvm-creator-card .creator-handle{font-size:10px;color:var(--stone-dark);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}
.cvm-spotlight-grid{display:grid;gap:16px}.spotlight-card{display:grid;grid-template-columns:260px 1fr;gap:30px;border:1px solid var(--line);padding:26px;align-items:center;background:#fff;margin-top:0}.spotlight-avatar{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border:0;border-radius:0}.spotlight-avatar img{width:100%;height:100%;object-fit:cover;display:block}.spotlight-tag{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#8A5F2C;margin-bottom:8px}.spotlight-card h3{font-family:var(--serif);font-weight:500;font-size:28px;margin:0 0 10px}.spotlight-card h3 a{text-decoration:none;color:inherit}.spotlight-card p{font-size:13px;color:#3a3630;line-height:1.7;margin:0 0 16px;max-width:58ch}.spotlight-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.master-card-cta{font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:5px;text-decoration:none;color:inherit}.spotlight-links .creator-handle{font-size:10px;text-decoration:none;color:var(--stone-dark)}
.submit-strip{background:var(--paper);border:1px dashed var(--gold);padding:36px;text-align:center;margin:58px 0 80px}.submit-strip span.k{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone-dark)}.submit-strip strong{display:block;font-family:var(--serif);font-weight:500;font-size:24px;margin:10px 0 20px}.submit-strip .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-size:9px;letter-spacing:.12em;text-transform:uppercase;background:transparent}.submit-strip .button:hover{background:var(--ink);color:var(--ivory)}

@media(max-width:1000px){.cvm-vendor-type-artisan .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cvm-creator-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ig-hero-grid{gap:36px}}
@media(max-width:768px){.cvm-vendor-type-artisan .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.artisan-archive-image{border-radius:0px}.artisan-archive-info h3{font-size:21px}.artisan-archive-meta{font-size:8px}.cvm-creator-container{width:calc(100% - 32px)}.ig-hero{padding:36px 0}.ig-hero-grid{grid-template-columns:1fr;gap:28px}.ig-mini-feed{max-width:520px}.ig-flow{flex-direction:column;align-items:stretch}.ig-flow-arrow{transform:rotate(90deg);padding:6px 0;text-align:center}.cvm-creator-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.spotlight-card{grid-template-columns:1fr;padding:16px}.spotlight-avatar{max-width:none}.cvm-creator-archive .section-header{align-items:flex-start}.submit-strip{padding:28px 18px;margin-bottom:58px}}