/* Keep the native video surface light while the first frame is decoded. */
html body.page-home #section-1,
html body.page-home #section-1 .panel-intro__video-stage,
html body.page-home #section-1 .panel-intro__video {
    background: #eef3f9 !important;
}

html.prefers-static-hero body.page-home #section-1 .panel-intro__video,
html body.page-home.is-hero-static #section-1 .panel-intro__video {
    display: none !important;
}

html body.page-home #section-1 .home-panel__inner,
html body.page-home #section-1 .hero-text-block,
html body.page-home #section-1 .hero-brand,
html body.page-home #section-1 .hero-copy,
html body.page-home #section-1 .hero-actions,
html body.page-home #section-1 .hero-action {
    opacity: 1 !important;
    visibility: visible !important;
}

@media (prefers-reduced-motion: reduce) {
    html body.page-home #section-1 .panel-intro__video {
        display: none !important;
    }
}

/* Description copy: one consistent size across the site.
 * Section IDs and a harmless :not() raise specificity above legacy !important rules. */
@media (min-width: 861px) {
    html body.page-home #section-1 .hero-copy:not(.finf-description-size-exempt),
    html body.page-home #section-2 .company-overview__text:not(.finf-description-size-exempt),
    html body.page-home #section-core-services .core-service-card p:not(.finf-description-size-exempt),
    html body.page-home #section-4 .ceo-message__lead:not(.finf-description-size-exempt),
    html body.page-home #section-4 .ceo-message__body p:not(.ceo-message__signature-inline):not(.finf-description-size-exempt),
    html body.page-home #section-3 .vision-copy__body p:not(.finf-description-size-exempt),
    html body.page-home #section-3 .vision-quote p:not(.finf-description-size-exempt),
    html body.page-home #section-3 .vision-quote strong:not(.finf-description-size-exempt),
    html body.page-home #section-5 .business-service-card p:not(.finf-description-size-exempt),
    html body.page-home #section-6 .business-safety__text:not(.finf-description-size-exempt),
    html body.page-home #section-6 .safety-trust-card p:not(.finf-description-size-exempt),
    html body.page-home #section-trade-process .trade-process__lead:not(.finf-description-size-exempt),
    html body.page-home #section-trade-process .trade-process-card__detail p:not(.finf-description-size-exempt),
    html body.page-home #section-7 .products-showcase__lead:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card li:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card p:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card__footer:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card__footer span:not(.finf-description-size-exempt),
    html body.page-business-detail .business-detail__hero p:not(.finf-description-size-exempt),
    html body.page-business-detail .business-detail__cta p:not(.finf-description-size-exempt),
    html body.page-business-detail .origin-card p:not(.finf-description-size-exempt),
    html body.page-business-detail .partner-card p:not(.finf-description-size-exempt) {
        font-size: 22px !important;
    }
}

@media (max-width: 860px) {
    html body.page-home #section-1 .hero-copy:not(.finf-description-size-exempt),
    html body.page-home #section-2 .company-overview__text:not(.finf-description-size-exempt),
    html body.page-home #section-core-services .core-service-card p:not(.finf-description-size-exempt),
    html body.page-home #section-4 .ceo-message__lead:not(.finf-description-size-exempt),
    html body.page-home #section-4 .ceo-message__body p:not(.ceo-message__signature-inline):not(.finf-description-size-exempt),
    html body.page-home #section-3 .vision-copy__body p:not(.finf-description-size-exempt),
    html body.page-home #section-3 .vision-quote p:not(.finf-description-size-exempt),
    html body.page-home #section-3 .vision-quote strong:not(.finf-description-size-exempt),
    html body.page-home #section-5 .business-service-card p:not(.finf-description-size-exempt),
    html body.page-home #section-6 .business-safety__text:not(.finf-description-size-exempt),
    html body.page-home #section-6 .safety-trust-card p:not(.finf-description-size-exempt),
    html body.page-home #section-trade-process .trade-process__lead:not(.finf-description-size-exempt),
    html body.page-home #section-trade-process .trade-process-card__detail p:not(.finf-description-size-exempt),
    html body.page-home #section-7 .products-showcase__lead:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card li:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card p:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card__footer:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card__footer span:not(.finf-description-size-exempt),
    html body.page-business-detail .business-detail__hero p:not(.finf-description-size-exempt),
    html body.page-business-detail .business-detail__cta p:not(.finf-description-size-exempt),
    html body.page-business-detail .origin-card p:not(.finf-description-size-exempt),
    html body.page-business-detail .partner-card p:not(.finf-description-size-exempt),
    html body.page-business-detail .spec-table__row:not(.spec-table__head) > div:last-child:not(.finf-description-size-exempt) {
        font-size: 16px !important;
    }
}

html body.page-home #section-6 .business-safety__badges {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 82px)) !important;
    justify-content: center !important;
}

html body.page-home #section-6 .business-safety__certification-note {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0 0 4px;
    color: #2f343a;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    word-break: keep-all;
}

@media (max-width: 860px) {
    html body.page-home #section-6 .business-safety__badges {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    html body.page-home #section-6 .business-safety__certification-note {
        margin-bottom: 4px;
        font-size: 13px;
        line-height: 1.45;
    }
}

/* Card-body descriptions stay slightly smaller than section narrative copy. */
@media (min-width: 861px) {
    html body.page-home #section-core-services .core-service-card p:not(.finf-description-size-exempt),
    html body.page-home #section-5 .business-service-card p:not(.finf-description-size-exempt),
    html body.page-home #section-6 .safety-trust-card p:not(.finf-description-size-exempt),
    html body.page-home #section-trade-process .trade-process-card__detail p:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card li:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card p:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card__footer:not(.finf-description-size-exempt),
    html body.page-home #section-7 .product-card__footer span:not(.finf-description-size-exempt),
    html body.page-business-detail .origin-card p:not(.finf-description-size-exempt),
    html body.page-business-detail .partner-card p:not(.finf-description-size-exempt) {
        font-size: 20px !important;
    }
}

/* Match product cards 2 and 3 to card 1 typography. */
@media (min-width: 861px) {
    html body.page-home #section-7 .product-card:nth-child(2) h3,
    html body.page-home #section-7 .product-card:nth-child(3) h3 {
        font-size: 28px !important;
    }

    html body.page-home #section-7 .product-card:nth-child(2) li,
    html body.page-home #section-7 .product-card:nth-child(3) li {
        font-size: 16px !important;
    }

    html body.page-home #section-7 .product-card:nth-child(2) li strong,
    html body.page-home #section-7 .product-card:nth-child(3) li strong {
        font-size: 20px !important;
    }

    html body.page-home #section-7 .product-card:nth-child(2) .product-card__footer,
    html body.page-home #section-7 .product-card:nth-child(2) .product-card__footer span,
    html body.page-home #section-7 .product-card:nth-child(3) .product-card__footer,
    html body.page-home #section-7 .product-card:nth-child(3) .product-card__footer span {
        font-size: 20px !important;
    }
}

/* Compact hover copy inside trade-process cards. */
@media (min-width: 861px) {
    html body.page-home #section-trade-process .trade-process-card__detail p:not(.finf-description-size-exempt) {
        font-size: 16px !important;
        line-height: 1.5;
    }
}

/* Korean copy must wrap only at word boundaries across the home page. */
html body.page-home.lang-ko .site-main :where(h1, h2, h3, h4, p, li, dt, dd, a, button, label, span, strong, em) {
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    line-break: strict;
}


/* Indonesian desktop hero: preserve the intended two-line sentence groups. */
@media (min-width: 861px) {
    html body.page-home.lang-id #section-1 .hero-copy--tagline > span,
    html body.page-home.lang-id #section-1 .hero-copy--lead > span {
        display: block;
        width: max-content;
        max-width: 100%;
        white-space: nowrap;
    }
}