/* ========================================================================
   NEURON — PROJECT / TAG ARCHIVE
   Path: /assets/css/project-archive.css
   Applies to project pages using WordPress Tag archives.
   ======================================================================== */


/* ================================
   PROJECT VARIABLES
================================ */

body.archive.tag {
    --project-container: 1280px;
    --project-side-padding: 48px;
    --project-side-padding-tablet: 32px;
    --project-side-padding-mobile: 20px;

    --project-accent: var(--neuron-red, #FF1249);
    --project-dark: var(--neuron-blue, #090950);
    --project-soft-bg: var(--neuron-soft-bg, #FAFAFF);
    --project-soft-line: var(--neuron-soft-line, rgba(9, 9, 80, 0.10));
    --project-heading-font: var(--neuron-font-heading, "Geist", Helvetica, Arial, sans-serif);
    --project-body-font: var(--neuron-font-body, inherit);

    /* Desktop sticky header offset */
    --project-nav-offset-desktop: 123px;

    /* Updated live by project-archive.js on tablet/mobile */
    --project-nav-current-offset: var(--project-nav-offset-desktop);
}


/* ================================
   PROJECT / TAG ARCHIVE RESET
================================ */

body.archive.tag .jeg_content,
body.archive.tag .jeg_vc_content.custom_archive_template {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.archive.tag .jeg_vc_content.custom_archive_template > .vc_row:first-child,
body.archive.tag .jeg_vc_content.custom_archive_template > .row:first-child,
body.archive.tag #project-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.archive.tag #project-header,
body.archive.tag #project-header + .vc_row-full-width {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* ========================================================================
   HERO
   ======================================================================== */

body.archive.tag #project-header {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    width: 100vw !important;
    max-width: 100vw !important;

    left: 50% !important;
    right: auto !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    height: clamp(360px, 40vh, 480px) !important;
    min-height: 360px !important;
    max-height: 480px !important;

    display: flex !important;
    align-items: center !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    box-sizing: border-box !important;
}

body.archive.tag #project-header::before,
body.archive.tag #project-header::after {
    display: none !important;
    content: none !important;
}


/* ================================
   HERO OVERLAY
================================ */

body.archive.tag #project-header .project-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(3, 7, 18, 0.82) 0%,
            rgba(3, 7, 18, 0.62) 34%,
            rgba(3, 7, 18, 0.28) 68%,
            rgba(3, 7, 18, 0.10) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 7, 18, 0.08) 0%,
            rgba(3, 7, 18, 0.22) 48%,
            rgba(3, 7, 18, 0.78) 100%
        ) !important;
}


/* ================================
   HERO INNER LAYOUT
================================ */

body.archive.tag #project-header > .jeg-vc-wrapper,
body.archive.tag #project-header .jeg-vc-wrapper {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    max-width: var(--project-container) !important;
    height: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-top: 52px !important;
    padding-bottom: 58px !important;
    padding-left: var(--project-side-padding) !important;
    padding-right: var(--project-side-padding) !important;

    box-sizing: border-box !important;
}

/* Remove WPBakery default inner offset inside hero only */
body.archive.tag #project-header .wpb_column,
body.archive.tag #project-header .vc_column_container,
body.archive.tag #project-header .vc_col-sm-12,
body.archive.tag #project-header .jeg_column,
body.archive.tag #project-header .jeg_wrapper,
body.archive.tag #project-header .wpb_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

body.archive.tag #project-header .wpb_column,
body.archive.tag #project-header .vc_column_container,
body.archive.tag #project-header .vc_column-inner,
body.archive.tag #project-header .jeg_wrapper,
body.archive.tag #project-header .wpb_wrapper {
    height: 100% !important;
}

body.archive.tag #project-header .jeg_wrapper,
body.archive.tag #project-header .wpb_wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
}


/* ================================
   HERO BREADCRUMBS
================================ */

body.archive.tag #project-breadcrumbs {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    max-width: 840px !important;
}

body.archive.tag #project-breadcrumbs,
body.archive.tag #project-breadcrumbs * {
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    text-align: left !important;
    color: rgba(255, 255, 255, 0.72) !important;
    text-transform: none !important;
}

body.archive.tag #project-breadcrumbs a {
    color: rgba(255, 255, 255, 0.76) !important;
    text-decoration: none !important;
}

body.archive.tag #project-breadcrumbs a:hover {
    color: #ffffff !important;
}

body.archive.tag #project-breadcrumbs p,
body.archive.tag #project-breadcrumbs h2,
body.archive.tag #project-breadcrumbs .jeg_archive_description {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* ================================
   HERO TITLE + DESCRIPTION
================================ */

body.archive.tag #project-title {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 840px !important;
}

body.archive.tag #project-title .jeg_archive_title {
    margin: 0 !important;

    color: #ffffff !important;
    font-family: var(--project-heading-font) !important;

    font-size: clamp(40px, 4vw, 66px) !important;
    line-height: 1.03 !important;

    font-weight: 700 !important;
    letter-spacing: -0.045em !important;

    text-align: left !important;
    text-transform: none !important;

    text-shadow:
        0 3px 18px rgba(0, 0, 0, 0.56),
        0 14px 42px rgba(0, 0, 0, 0.38) !important;
}

body.archive.tag #project-title .jeg_archive_title::before,
body.archive.tag #project-title .jeg_archive_title::after {
    display: none !important;
}

body.archive.tag .jeg_archive_description_wrapper {
    max-width: 780px !important;
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
}

body.archive.tag .jeg_archive_description {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.88) !important;
    font-family: inherit !important;
    font-size: clamp(15px, 1vw, 17px) !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    text-transform: none !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    max-height: none !important;
    overflow: visible !important;

    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.64) !important;
}

body.archive.tag .jeg_archive_description::before,
body.archive.tag .jeg_archive_description::after {
    display: none !important;
}


/* ========================================================================
   PROJECT NAV / TABS
   ======================================================================== */

body.archive.tag #project-nav-row {
    position: sticky !important;

    /*
      This variable is updated by project-archive.js.
      Desktop fallback: 123px.
      Tablet/mobile: dynamic based on visible JNews mobile header.
    */
    top: var(--project-nav-current-offset, var(--project-nav-offset-desktop, 123px)) !important;

    z-index: 180 !important;

    width: 100vw !important;
    max-width: 100vw !important;

    left: 50% !important;
    right: auto !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;

    padding: 0 !important;

    background: rgba(255, 255, 255, 0.94) !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--project-soft-line) !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;

    box-shadow: 0 6px 18px rgba(9, 9, 80, 0.04) !important;
    box-sizing: border-box !important;
}

body.archive.tag #project-nav-row > .jeg-vc-wrapper,
body.archive.tag #project-nav-row .jeg-vc-wrapper,
body.archive.tag #project-nav-row .wpb_column,
body.archive.tag #project-nav-row .vc_column_container,
body.archive.tag #project-nav-row .jeg_wrapper,
body.archive.tag #project-nav-row .wpb_wrapper,
body.archive.tag #project-nav-row .wpb_raw_code,
body.archive.tag #project-nav-row .wpb_content_element {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.archive.tag #project-nav {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.archive.tag #project-nav .project-nav-inner {
    width: 100% !important;
    max-width: var(--project-container) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: var(--project-side-padding) !important;
    padding-right: var(--project-side-padding) !important;

    display: flex !important;
    align-items: center !important;
    gap: 30px !important;

    min-height: 58px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;

    box-sizing: border-box !important;
}

body.archive.tag #project-nav .project-nav-inner::-webkit-scrollbar {
    display: none !important;
}

body.archive.tag #project-nav a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;

    min-height: 58px !important;

    color: var(--project-dark) !important;
    font-family: var(--project-heading-font) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    opacity: 0.9 !important;

    transition:
        opacity 0.18s ease,
        color 0.18s ease !important;
}

body.archive.tag #project-nav a:hover,
body.archive.tag #project-nav a.is-active {
    opacity: 1 !important;
    color: var(--project-accent) !important;
}

body.archive.tag #project-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;
    border-radius: 999px 999px 0 0;
    background: var(--project-accent);

    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.18s ease;
}

body.archive.tag #project-nav a:hover::after,
body.archive.tag #project-nav a.is-active::after {
    transform: scaleX(1);
}

body.archive.tag #project-nav a.is-hidden {
    display: none !important;
}


/* ================================
   TAB VISIBILITY
================================ */

body.archive.tag .project-tab-section {
    display: none !important;
}

body.archive.tag .project-tab-section.is-active-project-tab {
    display: block !important;
}

body.archive.tag .project-tab-row {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.archive.tag .project-tab-row.is-active-project-tab-row {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

body.archive.tag #project-header + .vc_row-full-width,
body.archive.tag #project-nav-row,
body.archive.tag #project-nav {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ========================================================================
   PROJECT POST CARDS
   ======================================================================== */

body.archive.tag #project-research-row,
body.archive.tag #project-datasets-row,
body.archive.tag #project-policies-row,
body.archive.tag #project-all-publications-row {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

body.archive.tag #project-research-row > .jeg-vc-wrapper,
body.archive.tag #project-datasets-row > .jeg-vc-wrapper,
body.archive.tag #project-policies-row > .jeg-vc-wrapper,
body.archive.tag #project-all-publications-row > .jeg-vc-wrapper {
    width: 100% !important;
    max-width: var(--project-container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--project-side-padding) !important;
    padding-right: var(--project-side-padding) !important;
    box-sizing: border-box !important;
}

body.archive.tag #project-research-row .wpb_column,
body.archive.tag #project-datasets-row .wpb_column,
body.archive.tag #project-policies-row .wpb_column,
body.archive.tag #project-all-publications-row .wpb_column,
body.archive.tag #project-research-row .vc_column_container,
body.archive.tag #project-datasets-row .vc_column_container,
body.archive.tag #project-policies-row .vc_column_container,
body.archive.tag #project-all-publications-row .vc_column_container,
body.archive.tag #project-research-row .jeg_wrapper,
body.archive.tag #project-datasets-row .jeg_wrapper,
body.archive.tag #project-policies-row .jeg_wrapper,
body.archive.tag #project-all-publications-row .jeg_wrapper,
body.archive.tag #project-research-row .wpb_wrapper,
body.archive.tag #project-datasets-row .wpb_wrapper,
body.archive.tag #project-policies-row .wpb_wrapper,
body.archive.tag #project-all-publications-row .wpb_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

body.archive.tag .project-posts-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 32px 0 70px 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

body.archive.tag .project-posts-inner {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

body.archive.tag .project-section-heading {
    display: none !important;
}

body.archive.tag .project-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    gap: 28px !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

body.archive.tag .project-post-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(23, 23, 60, 0.10) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 18px rgb(0 0 0 / 4%) !important;
    box-sizing: border-box !important;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease !important;
}

body.archive.tag .project-post-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgb(0 0 0 / 7%) !important;
    border-color: rgba(23, 23, 60, 0.16) !important;
}

body.archive.tag .project-post-image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: #f2f2ff !important;
    aspect-ratio: 16 / 9 !important;
    text-decoration: none !important;
}

body.archive.tag .project-post-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: opacity 0.18s ease, filter 0.18s ease !important;
}

body.archive.tag .project-post-card:hover .project-post-image img {
    transform: none !important;
    opacity: 0.92 !important;
    filter: saturate(0.96) contrast(1.02) !important;
}

body.archive.tag .project-post-image-placeholder {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background:
        linear-gradient(135deg, #eef2f7 0%, #dbe4ff 100%) !important;
}

body.archive.tag .project-post-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 16px 16px 14px !important;
    box-sizing: border-box !important;
}

body.archive.tag .project-post-card h3.project-post-title,
body.archive.tag h3.project-post-title,
body.archive.tag .project-post-title {
    margin: 0 0 9px 0 !important;
    padding: 0 !important;
    color: var(--project-dark) !important;
    font-family: var(--project-heading-font) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.025em !important;
    text-transform: none !important;
}

body.archive.tag .project-post-card h3.project-post-title a,
body.archive.tag h3.project-post-title a,
body.archive.tag .project-post-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: var(--project-dark) !important;
    font-family: var(--project-heading-font) !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important;
    transition: opacity 0.18s ease !important;
}

body.archive.tag .project-post-card:hover h3.project-post-title a,
body.archive.tag .project-post-card:hover .project-post-title a,
body.archive.tag .project-post-card h3.project-post-title a:hover,
body.archive.tag h3.project-post-title a:hover,
body.archive.tag .project-post-title a:hover {
    color: var(--project-dark) !important;
    opacity: 0.78 !important;
}

body.archive.tag .project-post-excerpt {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(23, 23, 60, 0.66) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

body.archive.tag .project-post-date {
    margin-top: auto !important;
    padding-top: 16px !important;
    color: var(--project-dark) !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    opacity: 0.58 !important;
}

body.archive.tag .project-posts-datasets .project-post-date::before {
    content: "Dataset · ";
}

body.archive.tag .project-posts-policy-papers .project-post-date::before,
body.archive.tag .project-posts-policy .project-post-date::before {
    content: "Policy Paper · ";
}


/* ================================
   LOAD MORE
================================ */

body.archive.tag .project-load-more-wrap {
    display: flex !important;
    justify-content: center !important;
    margin-top: 48px !important;
    padding: 0 !important;
}

body.archive.tag .project-load-more-wrap:empty,
body.archive.tag .project-load-more-wrap.is-empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

body.archive.tag .project-load-more {
    appearance: none !important;
    border: 1px solid rgba(23, 23, 60, 0.18) !important;
    background: transparent !important;
    color: var(--project-dark) !important;
    padding: 12px 22px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition:
        border-color 0.18s ease,
        opacity 0.18s ease !important;
}

body.archive.tag .project-load-more:hover {
    border-color: rgba(23, 23, 60, 0.42) !important;
}

body.archive.tag .project-load-more.is-loading,
body.archive.tag .project-load-more:disabled {
    opacity: 0.55 !important;
    cursor: default !important;
}


/* ========================================================================
   RESPONSIVE
   ======================================================================== */

@media (min-width: 1025px) and (max-height: 820px) {
    body.archive.tag #project-header {
        height: clamp(380px, 46vh, 460px) !important;
        min-height: 380px !important;
        max-height: 460px !important;
    }

    body.archive.tag #project-header .jeg-vc-wrapper {
        padding-top: 52px !important;
        padding-bottom: 58px !important;
    }

    body.archive.tag #project-title .jeg_archive_title {
        font-size: clamp(40px, 4vw, 62px) !important;
        line-height: 1.03 !important;
    }
}

@media (min-width: 1025px) and (max-height: 700px) {
    body.archive.tag #project-header {
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    }

    body.archive.tag #project-header .jeg-vc-wrapper {
        padding-top: 46px !important;
        padding-bottom: 50px !important;
    }

    body.archive.tag #project-title .jeg_archive_title {
        font-size: clamp(38px, 3.8vw, 58px) !important;
    }

    body.archive.tag .jeg_archive_description {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
}

/* Tablet and mobile header behavior starts at 1024px */
@media (max-width: 1024px) {
    body.archive.tag {
        --project-side-padding: var(--project-side-padding-tablet);
    }

    body.archive.tag #project-header {
        height: clamp(370px, 44vh, 460px) !important;
        min-height: 370px !important;
    }

    body.archive.tag #project-header .jeg-vc-wrapper {
        padding-top: 48px !important;
        padding-bottom: 54px !important;
    }

    body.archive.tag #project-title {
        max-width: 760px !important;
    }

    body.archive.tag .jeg_archive_description_wrapper {
        max-width: 700px !important;
    }

    body.archive.tag .project-posts-section {
        padding: 30px 0 56px 0 !important;
    }

    body.archive.tag .project-posts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px !important;
        align-items: stretch !important;
    }

    body.archive.tag .project-post-image {
        aspect-ratio: 16 / 9 !important;
    }

    body.archive.tag .project-post-card h3.project-post-title,
    body.archive.tag h3.project-post-title,
    body.archive.tag .project-post-title {
        font-size: 18px !important;
    }

    body.archive.tag .project-post-title a {
        -webkit-line-clamp: 3 !important;
    }

    body.archive.tag .project-post-excerpt {
        -webkit-line-clamp: 2 !important;
    }
}

@media (max-width: 767px) {
    body.archive.tag {
        --project-side-padding: var(--project-side-padding-mobile);
    }

    body.archive.tag #project-header {
        height: auto !important;
        min-height: 400px !important;
        max-height: none !important;
    }

    body.archive.tag #project-header .project-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(3, 7, 18, 0.78) 0%,
                rgba(3, 7, 18, 0.58) 56%,
                rgba(3, 7, 18, 0.28) 100%
            ),
            linear-gradient(
                180deg,
                rgba(3, 7, 18, 0.16) 0%,
                rgba(3, 7, 18, 0.36) 44%,
                rgba(3, 7, 18, 0.84) 100%
            ) !important;
    }

    body.archive.tag #project-header .jeg-vc-wrapper {
        padding-top: 42px !important;
        padding-bottom: 48px !important;
    }

    body.archive.tag #project-title .jeg_archive_title {
        font-size: clamp(32px, 9vw, 46px) !important;
        line-height: 1.04 !important;
        letter-spacing: -0.035em !important;
    }

    body.archive.tag .jeg_archive_description_wrapper {
        margin-top: 14px !important;
        max-width: 100% !important;
    }

    body.archive.tag .jeg_archive_description {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    body.archive.tag .project-posts-section {
        padding: 28px 0 46px 0 !important;
    }

    body.archive.tag .project-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    body.archive.tag .project-post-card {
        border-radius: 8px !important;
    }

    body.archive.tag .project-post-image {
        aspect-ratio: 16 / 9 !important;
        border-radius: 0 !important;
    }

    body.archive.tag .project-post-content {
        padding: 16px !important;
    }

    body.archive.tag .project-post-card h3.project-post-title,
    body.archive.tag h3.project-post-title,
    body.archive.tag .project-post-title {
        font-size: 18px !important;
        line-height: 1.25 !important;
    }

    body.archive.tag .project-post-title a {
        -webkit-line-clamp: 3 !important;
    }

    body.archive.tag .project-post-excerpt {
        font-size: 14px !important;
        -webkit-line-clamp: 2 !important;
    }

    body.archive.tag .project-post-date {
        font-size: 10.5px !important;
    }
}