@charset "UTF-8";
.tf-section[data-tf-type="home.image_box"]:not([data-tf-slot-section]) {
    height: auto;
    min-height: 0;
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    align-self: flex-start;
    box-sizing: border-box;
}

.tf-section[data-tf-type="home.image_box"] .tf-image-box,
.tf-image-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.tf-section[data-tf-type="home.image_box"] .tf-image-box[data-align="center"],
.tf-image-box[data-align="center"] {
    align-items: center;
}

.tf-section[data-tf-type="home.image_box"] .tf-image-box[data-align="right"],
.tf-image-box[data-align="right"] {
    align-items: flex-end;
}

.tf-image-box__stack {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.tf-image-box:not([data-width-mode="original"]) .tf-image-box__media {
    position: relative;
    display: block;
    width: var(--tf-ibox-width, 100%);
    max-width: 100%;
    height: auto;
    line-height: 0;
    margin: 0;
    border-radius: var(--tf-ibox-radius, 12px);
    overflow: hidden;
    box-sizing: border-box;
}

.tf-image-box[data-ibox-height-mode="fixed"]:not([data-width-mode="original"]) .tf-image-box__media {
    height: var(--tf-ibox-height);
}

.tf-image-box:not([data-width-mode="original"]) .tf-image-box__link {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
    text-decoration: none;
    color: inherit;
    margin: 0;
}

.tf-image-box:not([data-width-mode="original"]) .tf-image-box__img,
.tf-image-box:not([data-width-mode="original"]) .tf-input-image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: var(--tf-ibox-radius, 12px);
    object-fit: var(--tf-ibox-object-fit, cover);
    object-position: center;
    margin: 0;
    border: 0;
    vertical-align: top;
}

.tf-image-box[data-ibox-height-mode="auto"]:not([data-width-mode="original"]) .tf-image-box__img,
.tf-image-box[data-ibox-height-mode="auto"]:not([data-width-mode="original"]) .tf-input-image {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.tf-image-box__media {
    position: relative;
    display: block;
    width: fit-content;
    max-width: 100%;
    height: auto;
    line-height: 0;
    margin: 0;
    border-radius: var(--tf-ibox-radius, 12px);
    overflow: hidden;
}

.tf-image-box__link {
    display: block;
    width: fit-content;
    max-width: 100%;
    height: auto;
    line-height: 0;
    text-decoration: none;
    color: inherit;
    margin: 0;
}

.tf-image-box[data-width-mode="original"] .tf-image-box__stack,
.tf-image-box[data-width-mode="original"] .tf-image-box__media,
.tf-image-box[data-width-mode="original"] .tf-image-box__link {
    width: fit-content;
    max-width: 100%;
    height: auto;
}

.tf-image-box[data-width-mode="original"] .tf-image-box__img,
.tf-image-box[data-width-mode="original"] .tf-input-image {
    width: auto;
    max-width: 100%;
    height: auto;
}

.tf-image-box:not([data-width-mode="original"]) .tf-image-box__placeholder {
    width: 100%;
    height: 100%;
    min-height: 160px;
    box-sizing: border-box;
}

.tf-image-box[data-ibox-height-mode="fixed"]:not([data-width-mode="original"]) .tf-image-box__placeholder {
    min-height: 0;
}

.tf-image-box__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: var(--tf-ibox-width, 100%);
    height: var(--tf-ibox-height, auto);
    min-height: 160px;
    border: 1px dashed #cfcfc8;
    background: linear-gradient(135deg, #f7f7f4 0%, #eeeeea 50%, #f4f4f0 100%);
    color: #8a8a82;
    font-size: 13px;
    font-weight: 600;
    border-radius: inherit;
    line-height: 1.3;
    box-sizing: border-box;
}

.tf-image-box__placeholder .bi {
    font-size: 28px;
    color: #b0b0a8;
}

.tf-image-box__body {
    padding: 16px 4px 4px;
    text-align: left;
    flex: 1;
    line-height: normal;
}

.tf-image-box[data-align="center"] .tf-image-box__body {
    text-align: center;
}

.tf-image-box[data-align="right"] .tf-image-box__body {
    text-align: right;
}

.tf-image-box__title {
    margin: 0 0 8px;
    font-family: var(--tf-ibox-title-font, inherit);
    font-size: var(--tf-ibox-title-size, 18px);
    font-weight: var(--tf-ibox-title-weight, 600);
    color: var(--tf-ibox-title-color, #1a1a18);
    line-height: 1.3;
}

.tf-image-box__title span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.tf-image-box__btn span {
    font-size: inherit;
    font-weight: inherit;
}

.tf-image-box__desc {
    margin: 0 0 16px;
    font-family: var(--tf-ibox-desc-font, inherit);
    font-size: var(--tf-ibox-desc-size, 14px);
    font-weight: var(--tf-ibox-desc-weight, 400);
    line-height: 1.6;
    color: var(--tf-ibox-desc-color, var(--tf-color-textMuted, #666666));
}

.tf-image-box__desc p {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.tf-image-box__btn {
    display: inline-block;
    padding: 10px 24px;
    background: var(--tf-ibox-btn-bg, #1a1a18);
    color: var(--tf-ibox-btn-color, #ffffff);
    border-radius: 6px;
    font-family: var(--tf-ibox-btn-font, inherit);
    font-size: var(--tf-ibox-btn-size, 13px);
    font-weight: var(--tf-ibox-btn-weight, 600);
    text-decoration: none;
    transition: opacity 0.2s;
    line-height: 1.2;
}

.tf-image-box__btn:hover {
    opacity: 0.88;
    color: var(--tf-ibox-btn-color, #ffffff);
}

.tf-image-box__btn span {
    color: inherit;
}

.tf-image-box[data-content-layout="overlay"] .tf-image-box__media {
    display: block;
}

.tf-image-box__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, var(--tf-ibox-overlay, 0.45)) 0%,
        rgba(0, 0, 0, calc(var(--tf-ibox-overlay, 0.45) * 0.35)) 45%,
        transparent 72%
    );
}

.tf-image-box[data-content-layout="overlay"][data-text-position^="top"] .tf-image-box__overlay {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, var(--tf-ibox-overlay, 0.45)) 0%,
        rgba(0, 0, 0, calc(var(--tf-ibox-overlay, 0.45) * 0.35)) 45%,
        transparent 72%
    );
}

.tf-image-box[data-content-layout="overlay"] .tf-image-box__body--overlay {
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: clamp(12px, 3vw, 20px);
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    line-height: normal;
    pointer-events: none;
}

.tf-image-box[data-content-layout="overlay"] .tf-image-box__body--overlay .tf-image-box__btn {
    pointer-events: auto;
}

.tf-image-box[data-content-layout="overlay"] .tf-image-box__title,
.tf-image-box[data-content-layout="overlay"] .tf-image-box__desc {
    margin: 0;
    color: var(--tf-ibox-title-color, #ffffff);
}

.tf-image-box[data-content-layout="overlay"] .tf-image-box__desc {
    color: var(--tf-ibox-desc-color, rgba(255, 255, 255, 0.88));
}

.tf-image-box[data-content-layout="overlay"][data-text-position="bottom-left"] .tf-image-box__body--overlay,
.tf-image-box[data-content-layout="overlay"]:not([data-text-position]) .tf-image-box__body--overlay {
    left: 0;
    right: auto;
    bottom: 0;
    top: auto;
    text-align: left;
    align-items: flex-start;
}

.tf-image-box[data-content-layout="overlay"][data-text-position="bottom-center"] .tf-image-box__body--overlay {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    text-align: center;
    align-items: center;
}

.tf-image-box[data-content-layout="overlay"][data-text-position="bottom-right"] .tf-image-box__body--overlay {
    left: auto;
    right: 0;
    bottom: 0;
    top: auto;
    text-align: right;
    align-items: flex-end;
}

.tf-image-box[data-content-layout="overlay"][data-text-position="center"] .tf-image-box__body--overlay,
.tf-image-box[data-content-layout="overlay"][data-text-position^="middle"] .tf-image-box__body--overlay {
    left: 0;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

.tf-image-box[data-content-layout="overlay"][data-text-position="center"] .tf-image-box__body--overlay {
    text-align: center;
    align-items: center;
}

.tf-image-box[data-content-layout="overlay"][data-text-position="middle-left"] .tf-image-box__body--overlay {
    left: 0;
    right: auto;
    text-align: left;
    align-items: flex-start;
}

.tf-image-box[data-content-layout="overlay"][data-text-position="middle-right"] .tf-image-box__body--overlay {
    left: auto;
    right: 0;
    text-align: right;
    align-items: flex-end;
}

.tf-image-box[data-content-layout="overlay"][data-text-position="center"] .tf-image-box__overlay,
.tf-image-box[data-content-layout="overlay"][data-text-position^="middle"] .tf-image-box__overlay {
    background: rgba(0, 0, 0, calc(var(--tf-ibox-overlay, 0.45) * 0.55));
}

.tf-image-box[data-content-layout="overlay"][data-text-position="top-left"] .tf-image-box__body--overlay {
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    text-align: left;
    align-items: flex-start;
}

.tf-image-box[data-content-layout="overlay"][data-text-position="top-center"] .tf-image-box__body--overlay {
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    text-align: center;
    align-items: center;
}

.tf-image-box[data-content-layout="overlay"][data-text-position="top-right"] .tf-image-box__body--overlay {
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    text-align: right;
    align-items: flex-end;
}

@media (max-width: 767.98px) {
    .tf-section[data-tf-type="home.image_box"] .tf-image-box,
    .tf-section__slot .tf-section[data-tf-type="home.image_box"] .tf-image-box {
        width: 100%;
        max-width: 100%;
        padding: 0;
        height: auto;
        flex: 0 0 auto;
    }

    .tf-section[data-tf-type="home.image_box"] .tf-image-box__stack,
    .tf-section__slot .tf-section[data-tf-type="home.image_box"] .tf-image-box__stack {
        width: 100%;
        max-width: 100%;
        height: auto;
        flex: 0 0 auto;
    }
}

.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy .sld__tag[data-tf-empty="1"],
.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy .text-has_dot[data-tf-empty="1"],
.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy [data-tf-field="heading"][data-tf-empty="1"],
.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy [data-tf-field="desc"][data-tf-empty="1"] {
    display: none !important;
    margin: 0 !important;
}

.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy [data-tf-field="subheading"] {
    display: inline-flex;
    align-items: center;
    gap: inherit;
}

.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy [data-tf-field="subheading"][style*="--tf-subheading-color"] .br-dot {
    background-color: currentColor !important;
}

.tf-section[data-tf-type="home.social_media"] .tf-social-media-ribbon,
.tf-section[data-tf-type="home.social_media"] .tf-social-media-split-copy {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.tf-section[data-tf-type="home.social_media"] .tf-social-media-ribbon > *,
.tf-section[data-tf-type="home.social_media"] .tf-social-media-split-copy > * {
    min-width: 0;
    max-width: 100%;
}

.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy .text-has_dot,
.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy .sld__tag {
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 0;
}

.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy .br-dot {
    flex-shrink: 0;
}

.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy h3,
.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy h4,
.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy p,
.tf-section[data-tf-type="home.social_media"] .tf-social-media-copy [data-tf-field] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.tf-section[data-tf-type="home.social_media"] .tf-social-media-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tf-social-media-icon-gap, 8px);
    min-width: 0;
    max-width: 100%;
}

.tf-social-media-icons a {
    color: inherit;
    flex-shrink: 0;
}

.tf-social-media-icons.tf-social-icon-2 a,
.tf-social-media-icons.tf-social-icon a,
.tf-social-media-icons.tf-social-media-icons--filled a {
    width: calc(var(--tf-social-media-icon-size, 24px) + 20px);
    height: calc(var(--tf-social-media-icon-size, 24px) + 20px);
}

.tf-social-media-icons.tf-social-media-icons--filled {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tf-social-media-icon-gap, 8px);
}

.tf-social-media-icons.tf-social-media-icons--filled a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: var(--line);
}

.tf-social-media-icons.tf-social-media-icons--filled a:hover {
    background: var(--black);
    color: var(--white);
}

.tf-social-media-icons.tf-social-media-icons--plain {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tf-social-media-icon-gap, 16px);
}

.tf-social-media-icons.tf-social-media-icons--plain a {
    width: auto;
    height: auto;
    border: 0;
    background: none;
    border-radius: 0;
}

.tf-social-media-icons.tf-social-media-icons--plain a:hover {
    background: none;
    opacity: .7;
}

.tf-social-media-icons .tf-input-icon {
    font-size: var(--tf-social-media-icon-size, 24px) !important;
    line-height: 1;
}

.tf-social-media-icons .bi,
.tf-social-media-icons .tf-input-icon i {
    color: inherit !important;
    font-size: inherit !important;
    line-height: 1;
}

@media (max-width: 767.98px) {
    .tf-section[data-tf-type="home.social_media"] .tf-social-media-ribbon > .tf-social-media-copy,
    .tf-section[data-tf-type="home.social_media"] .tf-social-media-ribbon > .tf-social-media-icons {
        flex: 1 1 100%;
        width: 100%;
    }
}