/**
 * ==========================================================
 * CHACHA HOME — CAMPAIGN HUB V1.0
 * DEV-04 / PATCH-03
 * ==========================================================
 */

.chacha-campaign-hub-page .content-area,
.chacha-campaign-hub-page .site-main,
.chacha-campaign-hub {
	margin: 0;
	padding: 0;
}

.chacha-campaign-hub *,
.chacha-campaign-hub *::before,
.chacha-campaign-hub *::after {
	box-sizing: border-box;
}

.chacha-campaign-hub {
	background: #F6F1EA;
	color: #201A17;
}

.chacha-campaign-hub__shell {
	width: min(
		calc(100% - 64px),
		var(--chacha-container-max, 1400px)
	);
	margin-inline: auto;
}

.chacha-campaign-hub__hero {
	padding: 72px 0 64px;
	border-bottom: 1px solid #E4DBD0;
	background: #FDF9F3;
}

.chacha-campaign-hub__eyebrow,
.chacha-campaign-hub__section-heading > div > p,
.chacha-campaign-hub-card__eyebrow {
	margin: 0 0 11px !important;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: var(--chacha-eyebrow-promo-size);
	font-weight: var(--chacha-eyebrow-promo-weight);
	line-height: var(--chacha-eyebrow-promo-line-height);
	letter-spacing: var(--chacha-eyebrow-promo-letter-spacing);
	text-transform: var(--chacha-eyebrow-text-transform);
	color: #9A7847;
}

.chacha-campaign-hub__hero h1 {
	max-width: 900px;
	margin: 0 !important;
	font-family: var(--chacha-font-heading, "Cormorant Garamond", serif);
	font-size: clamp(48px, 6vw, 76px);
	font-weight: 500;
	line-height: 0.95;
	letter-spacing: -0.025em;
	color: #201A17;
}

.chacha-campaign-hub__intro {
	max-width: 680px;
	margin: 19px 0 0 !important;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: 13px;
	line-height: 1.8;
	color: #62564F;
}

.chacha-campaign-hub__content {
	padding: 58px 0 82px;
}

.chacha-campaign-hub__section-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 26px;
}

.chacha-campaign-hub__section-heading h2 {
	margin: 0 !important;
	font-family: var(--chacha-font-heading, "Cormorant Garamond", serif);
	font-size: clamp(34px, 4vw, 48px);
	font-weight: 500;
	line-height: 1;
	color: #201A17;
}

.chacha-campaign-hub__section-heading > span {
	max-width: 360px;
	padding-bottom: 5px;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: 10px;
	line-height: 1.6;
	text-align: right;
	color: #7A6F68;
}

.chacha-campaign-hub__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.chacha-campaign-hub-card {
	display: grid;
	grid-template-rows: minmax(250px, 0.92fr) auto;
	min-width: 0;
	border: 1px solid #DED4C8;
	background: #FDF9F3;
}

.chacha-campaign-hub-card--copy-only {
	grid-template-rows: 1fr;
}

.chacha-campaign-hub-card__visual {
	position: relative;
	min-height: 250px;
	overflow: hidden;
	background: #E8DFD5;
}

.chacha-campaign-hub-card__visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(32, 26, 23, 0) 62%, rgba(32, 26, 23, 0.12) 100%);
	pointer-events: none;
}

.chacha-campaign-hub-card__visual img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 250px;
	object-fit: cover;
	object-position: center;
	transition: transform 420ms ease;
}

@media (hover: hover) {
	.chacha-campaign-hub-card:hover .chacha-campaign-hub-card__visual img {
		transform: scale(1.018);
	}
}

.chacha-campaign-hub-card__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 30px 32px 32px;
}

.chacha-campaign-hub-card--copy-only .chacha-campaign-hub-card__content {
	justify-content: center;
	min-height: 310px;
}

.chacha-campaign-hub-card__content h2 {
	margin: 0 !important;
	font-family: var(--chacha-font-heading, "Cormorant Garamond", serif);
	font-size: clamp(30px, 3vw, 42px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.015em;
	color: #201A17;
}

.chacha-campaign-hub-card__description {
	margin: 13px 0 0 !important;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: 12px;
	line-height: 1.72;
	color: #62564F;
}

.chacha-campaign-hub-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 42px;
	margin-top: 22px;
	padding: 0 18px;
	border: 1px solid #201A17;
	background: #201A17;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: var(--chacha-button-promo-size);
	font-weight: var(--chacha-button-promo-weight);
	line-height: var(--chacha-button-promo-line-height);
	letter-spacing: var(--chacha-button-promo-letter-spacing);
	text-transform: var(--chacha-button-text-transform);
	text-decoration: none !important;
	color: #FFFDFC !important;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		color 180ms ease;
}

.chacha-campaign-hub-card__cta:focus-visible {
	outline: 2px solid #B08D57;
	outline-offset: 3px;
}

@media (hover: hover) {
	.chacha-campaign-hub-card__cta:hover {
		border-color: #B08D57;
		background: #B08D57;
		color: #FFFDFC !important;
	}
}

.chacha-campaign-countdown--hub {
	margin-top: 20px;
}

.chacha-campaign-hub__empty {
	padding: 54px 28px;
	border: 1px solid #DED4C8;
	background: #FDF9F3;
	text-align: center;
}

.chacha-campaign-hub__empty[hidden] {
	display: none;
}

.chacha-campaign-hub__empty p {
	margin: 0 0 18px !important;
	font-family: var(--chacha-font-heading, "Cormorant Garamond", serif);
	font-size: 30px;
	line-height: 1.1;
	color: #201A17;
}

.chacha-campaign-hub__empty a {
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #8F6F3F;
}

@media (max-width: 1024px) {
	.chacha-campaign-hub__shell {
		width: calc(100% - 48px);
	}

	.chacha-campaign-hub__hero {
		padding: 58px 0 52px;
	}

	.chacha-campaign-hub__grid {
		gap: 18px;
	}

	.chacha-campaign-hub-card__content {
		padding: 26px 26px 28px;
	}
}

@media (max-width: 767px) {
	.chacha-campaign-hub__shell {
		width: calc(100% - 28px);
	}

	.chacha-campaign-hub__hero {
		padding: 44px 0 40px;
	}

	.chacha-campaign-hub__hero h1 {
		font-size: clamp(44px, 14vw, 62px);
	}

	.chacha-campaign-hub__content {
		padding: 40px 0 60px;
	}

	.chacha-campaign-hub__section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 9px;
		margin-bottom: 20px;
	}

	.chacha-campaign-hub__section-heading > span {
		max-width: none;
		padding: 0;
		text-align: left;
	}

	.chacha-campaign-hub__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.chacha-campaign-hub-card {
		grid-template-rows: auto auto;
	}

	.chacha-campaign-hub-card__visual,
	.chacha-campaign-hub-card__visual img {
		min-height: 190px;
	}

	.chacha-campaign-hub-card__visual {
		aspect-ratio: 16 / 9;
	}

	.chacha-campaign-hub-card__content {
		padding: 24px 22px 26px;
	}

	.chacha-campaign-hub-card__cta {
		width: 100%;
		min-height: 44px;
	}
}

@media (max-width: 430px) {
	.chacha-campaign-hub__shell {
		width: calc(100% - 24px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.chacha-campaign-hub-card__visual img,
	.chacha-campaign-hub-card__cta {
		transition: none;
	}
}

/**
 * ==========================================================
 * PATCH-03C — DYNAMIC CAMPAIGN COLLECTION
 * ==========================================================
 */
.chacha-campaign-hub--detail {
	min-height: 60vh;
}

.chacha-campaign-detail-hero {
	padding: 34px 0 0;
	background: #F6F1EA;
}

.chacha-campaign-detail-hero__frame {
	display: grid;
	grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
	min-height: 420px;
	border: 1px solid #DED4C8;
	background: #FDF9F3;
	overflow: hidden;
}

.chacha-campaign-detail-hero__frame--copy-only {
	grid-template-columns: 1fr;
}

.chacha-campaign-detail-hero__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: clamp(34px, 5vw, 68px);
}

.chacha-campaign-detail-hero__content h1 {
	max-width: 760px;
	margin: 0 !important;
	font-family: var(--chacha-font-heading, "Cormorant Garamond", serif);
	font-size: clamp(42px, 5vw, 68px);
	font-weight: 500;
	line-height: .98;
	letter-spacing: -.025em;
	color: #201A17;
}

.chacha-campaign-detail-hero__description {
	max-width: 640px;
	margin: 17px 0 0 !important;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: 12px;
	line-height: 1.75;
	color: #62564F;
}

.chacha-campaign-detail-hero__visual {
	position: relative;
	min-height: 420px;
	background: #E8DFD5;
	overflow: hidden;
}

.chacha-campaign-detail-hero__visual img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
	object-position: center;
}

.chacha-campaign-countdown--detail {
	margin-top: 24px;
}

.chacha-campaign-hub-products {
	padding-top: 52px;
}

.chacha-campaign-hub-products ul.products {
	margin-top: 0;
}

.chacha-campaign-hub-pagination {
	display: flex;
	justify-content: center;
	margin-top: 42px;
}

.chacha-campaign-hub-pagination .page-numbers {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin: 0;
	padding: 0;
}

.chacha-campaign-hub-pagination .page-numbers li {
	margin: 0;
}

.chacha-campaign-hub-pagination .page-numbers a,
.chacha-campaign-hub-pagination .page-numbers span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border: 1px solid #D8CEC3;
	background: #FFFDFC;
	font-family: var(--chacha-font-body, Inter, sans-serif);
	font-size: 10px;
	font-weight: 600;
	text-decoration: none !important;
	color: #201A17;
}

.chacha-campaign-hub-pagination .page-numbers .current {
	border-color: #A07A46;
	background: #A07A46;
	color: #FFFDFC;
}

@media (hover: hover) {
	.chacha-campaign-hub-pagination .page-numbers a:hover {
		border-color: #A07A46;
		color: #7D5F37;
	}
}

.chacha-campaign-hub-pagination .page-numbers a:focus-visible {
	outline: 2px solid #B08D57;
	outline-offset: 2px;
}

.chacha-campaign-hub__empty--products {
	margin-top: 4px;
}

@media (max-width: 1024px) {
	.chacha-campaign-detail-hero__frame,
	.chacha-campaign-detail-hero__visual,
	.chacha-campaign-detail-hero__visual img {
		min-height: 360px;
	}
}

@media (max-width: 767px) {
	.chacha-campaign-detail-hero {
		padding-top: 18px;
	}

	.chacha-campaign-detail-hero__frame {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.chacha-campaign-detail-hero__content {
		padding: 34px 24px 32px;
	}

	.chacha-campaign-detail-hero__content h1 {
		font-size: clamp(38px, 11vw, 54px);
	}

	.chacha-campaign-detail-hero__visual,
	.chacha-campaign-detail-hero__visual img {
		min-height: 230px;
	}

	.chacha-campaign-detail-hero__visual {
		aspect-ratio: 4 / 3;
	}

	.chacha-campaign-hub-products {
		padding-top: 38px;
	}
}

/**
 * ==========================================================
 * CHACHA CAMPAIGN HUB - VISUAL POLISH FINAL V1
 * ==========================================================
 *
 * Campaign index visual system.
 *
 * Breakpoints:
 * 1025+     Desktop
 * 901-1024  Wide tablet
 * 768-900   Portrait tablet
 * <=767     Mobile
 *
 * Campaign data, countdown runtime and CTA contracts remain
 * unchanged.
 */


/* ==========================================================
   01. INDEX HERO
   ========================================================== */

body.chacha-campaign-hub-page
.chacha-campaign-hub:not(.chacha-campaign-hub--detail)
.chacha-campaign-hub__hero {

    padding:
        34px
        0
        32px;
}


body.chacha-campaign-hub-page
.chacha-campaign-hub:not(.chacha-campaign-hub--detail)
.chacha-campaign-hub__hero
.chacha-campaign-hub__eyebrow {

    margin:
        0
        0
        9px;

    font-size:
        10px;

    font-weight:
        600;

    line-height:
        1.2;

    letter-spacing:
        0.16em;
}


body.chacha-campaign-hub-page
.chacha-campaign-hub:not(.chacha-campaign-hub--detail)
.chacha-campaign-hub__hero h1 {

    margin:
        0;

    font-size:
        clamp(
            42px,
            3.8vw,
            56px
        );

    font-weight:
        500;

    line-height:
        1;

    letter-spacing:
        -0.015em;

    text-wrap:
        balance;
}


body.chacha-campaign-hub-page
.chacha-campaign-hub:not(.chacha-campaign-hub--detail)
.chacha-campaign-hub__intro {

    max-width:
        640px;

    margin:
        14px
        0
        0;

    font-size:
        14px;

    line-height:
        1.65;
}


/* ==========================================================
   02. INDEX LIST RHYTHM
   ========================================================== */

body.chacha-campaign-hub-page
.chacha-campaign-hub__content--index {

    padding-top:
        34px;
}


body.chacha-campaign-hub-page
.chacha-campaign-hub__grid {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr);

    gap:
        24px;
}


/* ==========================================================
   03. DESKTOP CAMPAIGN CARD
   ========================================================== */

body.chacha-campaign-hub-page
.chacha-campaign-hub-card {

    display:
        grid;

    grid-template-columns:
        minmax(320px, 0.82fr)
        minmax(0, 1.18fr);

    min-height:
        292px;

    overflow:
        hidden;

    border:
        1px solid
        var(
            --chacha-border,
            #D7CEC4
        );

    border-radius:
        0;

    background:
        var(
            --chacha-warm-white,
            #FFFDFC
        );

    box-shadow:
        none;

    transition:
        border-color
        180ms
        ease;
}


@media (hover: hover) {

    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card:hover {

        border-color:
            var(
                --chacha-brass-dark,
                #8F6F3F
            );
    }
}


/* ==========================================================
   04. CARD VISUAL
   ========================================================== */

body.chacha-campaign-hub-page
.chacha-campaign-hub-card__visual {

    position:
        relative;

    min-width:
        0;

    min-height:
        292px;

    height:
        100%;

    overflow:
        hidden;

    background:
        var(
            --chacha-surface,
            #EDE6DD
        );
}


body.chacha-campaign-hub-page
.chacha-campaign-hub-card__visual img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    min-height:
        292px;

    object-fit:
        cover;

    object-position:
        center;

    transition:
        transform
        450ms
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );
}


@media (hover: hover) {

    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card:hover
    .chacha-campaign-hub-card__visual img {

        transform:
            scale(1.015);
    }
}


/* ==========================================================
   05. CARD CONTENT
   ========================================================== */

body.chacha-campaign-hub-page
.chacha-campaign-hub-card__content {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-content:
        center;

    column-gap:
        26px;

    min-width:
        0;

    padding:
        32px
        36px;
}


body.chacha-campaign-hub-page
.chacha-campaign-hub-card__eyebrow {

    grid-column:
        1 / -1;

    margin:
        0
        0
        9px;

    font-family:
        var(
            --chacha-font-body,
            "Inter",
            sans-serif
        );

    font-size:
        10px;

    font-weight:
        600;

    line-height:
        1.2;

    letter-spacing:
        0.16em;

    text-transform:
        uppercase;

    color:
        var(
            --chacha-brass-dark,
            #8F6F3F
        );
}


body.chacha-campaign-hub-page
.chacha-campaign-hub-card__content h2 {

    grid-column:
        1 / -1;

    margin:
        0;

    font-family:
        var(
            --chacha-font-heading,
            "Cormorant Garamond",
            serif
        );

    font-size:
        clamp(
            34px,
            2.7vw,
            44px
        );

    font-weight:
        500;

    line-height:
        1.05;

    letter-spacing:
        -0.015em;

    color:
        var(
            --chacha-espresso,
            #201A17
        );

    text-wrap:
        balance;
}


body.chacha-campaign-hub-page
.chacha-campaign-hub-card__description {

    grid-column:
        1 / -1;

    width:
        100%;

    max-width:
        none;

    margin:
        14px
        0
        0;

    padding-bottom:
        18px;

    font-family:
        var(
            --chacha-font-body,
            "Inter",
            sans-serif
        );

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.7;

    color:
        var(
            --chacha-text-muted,
            #6A5F58
        );

    text-wrap:
        pretty;
}


/* ==========================================================
   06. COUNTDOWN
   ========================================================== */

body.chacha-campaign-hub-page
.chacha-campaign-hub-card__content
.chacha-campaign-countdown--hub {

    grid-column:
        1;

    align-self:
        end;

    justify-self:
        start;

    margin:
        0;
}


body.chacha-campaign-hub-page
.chacha-campaign-hub-card
.chacha-campaign-countdown__label {

    margin-bottom:
        7px;

    font-family:
        var(
            --chacha-font-body,
            "Inter",
            sans-serif
        );

    font-size:
        9px;

    font-weight:
        600;

    line-height:
        1;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

    color:
        var(
            --chacha-brass-dark,
            #8F6F3F
        );
}


/* ==========================================================
   07. CTA
   ========================================================== */

body.chacha-campaign-hub-page
.chacha-campaign-hub-card__cta {

    grid-column:
        2;

    align-self:
        end;

    justify-self:
        end;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    width:
        auto;

    min-height:
        44px;

    margin:
        0;

    padding:
        0
        22px;

    border:
        1px solid
        var(
            --chacha-espresso,
            #201A17
        );

    border-radius:
        0;

    background:
        var(
            --chacha-espresso,
            #201A17
        );

    font-family:
        var(
            --chacha-font-body,
            "Inter",
            sans-serif
        );

    font-size:
        10px;

    font-weight:
        600;

    line-height:
        1;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

    text-decoration:
        none;

    white-space:
        nowrap;

    color:
        var(
            --chacha-warm-white,
            #FFFDFC
        );

    transition:
        background-color
        180ms
        ease,
        border-color
        180ms
        ease,
        color
        180ms
        ease;
}


@media (hover: hover) {

    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__cta:hover {

        border-color:
            var(
                --chacha-brass-dark,
                #8F6F3F
            );

        background:
            var(
                --chacha-brass-dark,
                #8F6F3F
            );

        color:
            #FFFDFC;
    }
}


body.chacha-campaign-hub-page
.chacha-campaign-hub-card__cta:focus-visible {

    outline:
        2px solid
        var(
            --chacha-brass,
            #B08D57
        );

    outline-offset:
        3px;
}


/* ==========================================================
   08. COPY-ONLY FALLBACK
   ========================================================== */

body.chacha-campaign-hub-page
.chacha-campaign-hub-card--copy-only {

    grid-template-columns:
        minmax(0, 1fr);
}


body.chacha-campaign-hub-page
.chacha-campaign-hub-card--copy-only
.chacha-campaign-hub-card__content {

    max-width:
        900px;
}


/* ==========================================================
   09. WIDE TABLET ? 901-1024
   ========================================================== */

@media (min-width: 901px) and (max-width: 1024px) {

    body.chacha-campaign-hub-page
    .chacha-campaign-hub__content--index {

        padding-top:
            32px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card {

        grid-template-columns:
            minmax(270px, 0.9fr)
            minmax(0, 1.1fr);

        min-height:
            270px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__visual,
    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__visual img {

        min-height:
            270px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content {

        column-gap:
            18px;

        padding:
            28px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content h2 {

        font-size:
            clamp(
                32px,
                3.7vw,
                38px
            );
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__description {

        padding-bottom:
            16px;

        line-height:
            1.68;
    }
}


/* ==========================================================
   10. TABLET PORTRAIT ? 768-900
   ========================================================== */

@media (min-width: 768px) and (max-width: 900px) {

    body.chacha-campaign-hub-page
    .chacha-campaign-hub__content--index {

        padding-top:
            38px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub__grid {

        gap:
            22px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card {

        grid-template-columns:
            minmax(0, 1fr);

        min-height:
            0;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__visual {

        min-height:
            0;

        height:
            auto;

        aspect-ratio:
            2 / 1;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__visual img {

        width:
            100%;

        height:
            100%;

        min-height:
            0;

        object-fit:
            cover;

        object-position:
            center;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content {

        display:
            grid;

        grid-template-columns:
            minmax(0, 1fr)
            auto;

        align-content:
            start;

        column-gap:
            24px;

        padding:
            28px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__eyebrow,
    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content h2,
    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__description {

        grid-column:
            1 / -1;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content h2 {

        font-size:
            clamp(
                34px,
                5vw,
                40px
            );

        line-height:
            1.04;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__description {

        margin-top:
            14px;

        padding-bottom:
            18px;

        font-size:
            14px;

        line-height:
            1.68;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content
    .chacha-campaign-countdown--hub {

        grid-column:
            1;

        align-self:
            end;

        justify-self:
            start;

        margin:
            0;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__cta {

        grid-column:
            2;

        align-self:
            end;

        justify-self:
            end;

        width:
            auto;

        min-height:
            44px;

        padding:
            0
            22px;
    }
}


/* ==========================================================
   11. MOBILE ? <=767
   ========================================================== */

@media (max-width: 767px) {

    body.chacha-campaign-hub-page
    .chacha-campaign-hub:not(.chacha-campaign-hub--detail)
    .chacha-campaign-hub__hero {

        padding:
            28px
            0
            26px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub:not(.chacha-campaign-hub--detail)
    .chacha-campaign-hub__hero h1 {

        font-size:
            clamp(
                34px,
                10vw,
                42px
            );

        letter-spacing:
            -0.01em;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub__intro {

        margin-top:
            12px;

        font-size:
            13px;

        line-height:
            1.6;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub__content--index {

        padding-top:
            24px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub__grid {

        gap:
            18px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card {

        grid-template-columns:
            minmax(0, 1fr);

        min-height:
            0;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__visual {

        min-height:
            0;

        height:
            auto;

        aspect-ratio:
            4 / 3;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__visual img {

        width:
            100%;

        height:
            100%;

        min-height:
            0;

        object-fit:
            cover;

        object-position:
            center;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content {

        display:
            flex;

        flex-direction:
            column;

        align-items:
            flex-start;

        padding:
            22px
            20px
            20px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__eyebrow {

        margin-bottom:
            9px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content h2 {

        font-size:
            clamp(
                30px,
                9vw,
                36px
            );

        line-height:
            1.05;

        letter-spacing:
            -0.01em;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__description {

        width:
            100%;

        max-width:
            none;

        margin:
            14px
            0
            0;

        padding-bottom:
            18px;

        font-size:
            14px;

        line-height:
            1.65;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content
    .chacha-campaign-countdown--hub {

        width:
            100%;

        margin:
            0
            0
            18px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__cta {

        width:
            100%;

        min-height:
            46px;

        padding:
            0
            18px;
    }
}


/* ==========================================================
   12. NARROW MOBILE ? <=390
   ========================================================== */

@media (max-width: 390px) {

    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content {

        padding:
            20px
            18px
            18px;
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__content h2 {

        font-size:
            clamp(
                29px,
                8.8vw,
                34px
            );
    }


    body.chacha-campaign-hub-page
    .chacha-campaign-hub-card__description {

        font-size:
            14px;

        line-height:
            1.65;
    }
}