.callout-tiles-3-across {
    --max-width: 1248px;
    --title-font-mobile: 400 33px/var(--leading-none) var(--font-yellowtail);
    --title-font-desktop: 400 50px/var(--leading-none) var(--font-yellowtail);
    --subtitle-font-mobile: 700 45px/44px var(--font-display);
    --subtitle-font-desktop: 700 75px/81px var(--font-display);
	--slide-title-font: 700 25px/26px var(--font-display);
	--slide-details-font-mobile: 500 15px/22.896px var(--font-body);
	--slide-details-font-desktop: 500 16px/27px var(--font-body);
    --mini-date-month-mobile: 700 30px/var(--leading-none) var(--font-display);
    --mini-date-month-desktop: 700 40px/var(--leading-none) var(--font-display);
    --mini-date-day-mobile: 700 65px/0.8 var(--font-display);
    --mini-date-day-desktop: 700 95px/0.8 var(--font-display);

	margin: var(--widget-margin-bottom) 0;
}

.callout-tiles-3-across .slides {
	display: grid;
	gap: var(--space-2);
	grid-template-columns: 1fr;
}

@media (min-width: 40em) {
    .callout-tiles-3-across[data-slides-across="3"] .slides {
        grid-template-columns: 1fr 1fr;
        gap: 37px;
    }
}

@media (min-width: 64em) {
	.callout-tiles-3-across[data-slides-across="3"] .slides {
		grid-template-columns: repeat(3, 1fr);
	}
}

.callout-tiles-3-across .img-cont::before {
	opacity: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 27.6%, rgba(38, 14, 5, 0.90) 100%);
}

.callout-tiles-3-across .img-cont::after {
	background: url('/includes/public/assets/shared/hover-paint.svg') no-repeat bottom left / auto auto;
	opacity: 0;
}

.callout-tiles-3-across .widget-header .widget-header-inner {
    gap: var(--space-6);
    padding-bottom: var(--space-2);
}

@media (min-width: 40em) {
    .callout-tiles-3-across .widget-header .widget-header-inner {
        gap: var(--space-8);
        padding-bottom: var(--space-4);
    }
}

.callout-tiles-3-across .widget-header .widget-title-subtitle-ctr {
    text-align: center;
}

.callout-tiles-3-across .widget-header .widget-title-subtitle-ctr .widget-title {
    font: var(--title-font-mobile);
}

@media screen and (min-width: 64em) {
    .callout-tiles-3-across .widget-header .widget-title-subtitle-ctr .widget-title {
        font: var(--title-font-desktop);
    }
}

.callout-tiles-3-across .widget-header .widget-title-subtitle-ctr .widget-subtitle {
    font: var(--subtitle-font-mobile);
    color: transparent;
    text-transform: uppercase;
    letter-spacing: 2.25px;
    -webkit-text-stroke: 2px var(--brown);
}

@media screen and (min-width: 64em) {
    .callout-tiles-3-across .widget-header .widget-title-subtitle-ctr .widget-subtitle {
        font: var(--subtitle-font-desktop);
        letter-spacing: 3.75px;
    }
}

.callout-tiles-3-across .slide .img-cont .credits {
    inset: 0 auto auto var(--space-5);
}

.callout-tiles-3-across .img-cont .mini-date-section {
    inset: 0 0 auto auto;
    backdrop-filter: blur(1.347160816192627px);
}

.callout-tiles-3-across .img-cont .mini-date-section::after {
    background: none;
}

.callout-tiles-3-across .img-cont .mini-date-section .date-month,
.callout-tiles-3-across .img-cont .mini-date-section .date-day {
    -webkit-text-stroke-width: 0.8px;
}

@media (hover: hover) {
	.callout-tiles-3-across .slide:hover .img-cont .mini-date-section .date-month,
    .callout-tiles-3-across .slide:hover .img-cont .mini-date-section .date-day {
        -webkit-text-fill-color: var(--red);
    }
}

.callout-tiles-3-across .img-cont .mini-date-section .date-month {
    font: var(--mini-date-month-mobile);
    letter-spacing: 4.5px;
}

@media screen and (min-width: 64em) {
    .callout-tiles-3-across .img-cont .mini-date-section .date-month {
        font: var(--mini-date-month-desktop);
        letter-spacing: 6px;
    }
}

.callout-tiles-3-across .img-cont .mini-date-section .date-day {
    font: var(--mini-date-day-mobile);
}

@media screen and (min-width: 64em) {
    .callout-tiles-3-across .img-cont .mini-date-section .date-day {
        font: var(--mini-date-day-desktop);
    }
}

.callout-tiles-3-across .slide .content-section {
	display: flex;
	flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: var(--space-1);
}

.callout-tiles-3-across .slide .slide-title {
    text-align: start;
    max-width: 263px;
}

@media screen and (min-width: 64em) {
    .callout-tiles-3-across .slide .slide-title {
        max-width: 283px;
    }
}

.callout-tiles-3-across .slide .slide-title > a {
    font: var(--slide-title-font);
    text-transform: capitalize;
    letter-spacing: unset;
}

.callout-tiles-3-across .slide .content-section .details {
    z-index: 2;
    color: rgba(255, 255, 255, 0.90);
    font: var(--slide-details-font-mobile);
}

@media screen and (min-width: 64em) {
    .callout-tiles-3-across .slide .content-section .details {
        font: var(--slide-details-font-desktop);
    }
}

.callout-tiles-3-across .slide .content-section .details,
.callout-tiles-3-across .slide .content-section .details li.has-link > a,
.callout-tiles-3-across .slide .content-section .details li:not(.has-link) {
    color: rgba(255, 255, 255, 0.90);
}