.jf-lusheng-content .jf-projects-accordion {
    padding: clamp(4.5rem, 7vw, 7rem) 0;
}

.jf-lusheng-content .jf-projects-accordion .jf-projects-heading {
    gap: 2rem;
}

.jf-lusheng-content .jf-projects-accordion .jf-projects-heading-copy {
    max-width: 54em;
}

.jf-lusheng-content .jf-projects-accordion .sectionTit,
.jf-lusheng-content .jf-projects-accordion .sectionCon {
    text-align: left;
}

.jf-lusheng-content .jf-projects-accordion .sectionBtn {
    flex: 0 0 auto;
}

.jf-lusheng-content .jf-projects-accordion .jf-project-panels {
    display: flex;
    flex-wrap: nowrap;
    gap: .375rem;
    height: clamp(30rem, 43vw, 40em);
    padding: clamp(2.25rem, 4vw, 3.5em) 0 0;
}

.jf-lusheng-content .section-cases.jf-projects-accordion .sectionList.jf-project-panels .item.jf-project-panel {
    position: relative;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    isolation: isolate;
    transition: flex-grow .55s cubic-bezier(.22, .61, .36, 1);
}

.jf-lusheng-content .section-cases.jf-projects-accordion .sectionList.jf-project-panels .item.jf-project-panel.is-active {
    flex-grow: 2.35;
}

.jf-lusheng-content .jf-projects-accordion .jf-project-panel:focus-visible {
    outline: 2px solid #a67b4e;
    outline-offset: 3px;
}

.jf-lusheng-content .jf-projects-accordion .jf-project-panel .itemImg,
.jf-lusheng-content .section-cases.jf-projects-accordion .sectionList.jf-project-panels .item.jf-project-panel .itemImg img {
    width: 100%;
    height: 100%;
}

.jf-lusheng-content .jf-projects-accordion .jf-project-panel .itemImg {
    overflow: hidden;
}

.jf-lusheng-content .jf-projects-accordion .jf-project-panel .itemImg img {
    display: block;
    object-fit: cover;
    object-position: center;
    transform: scale(1.015);
    transition: transform .7s ease;
}

.jf-lusheng-content .section-cases.jf-projects-accordion .sectionList.jf-project-panels .item.jf-project-panel.is-active .itemImg img {
    transform: scale(1);
}

.jf-lusheng-content .jf-projects-accordion .jf-project-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: clamp(1.25rem, 2.5vw, 2.5rem);
    color: #fff;
    background: linear-gradient(180deg, transparent 48%, rgb(0 0 0 / 70%) 100%);
    pointer-events: none;
}

.jf-lusheng-content .jf-projects-accordion .jf-project-copy {
    min-width: 0;
}

.jf-lusheng-content .jf-projects-accordion .jf-project-title {
    margin: 0;
    color: #fff;
    font-size: clamp(1.3rem, 2.25vw, 1.875em);
    font-weight: 400;
    line-height: 1.15;
    text-shadow: 0 2px 12px rgb(0 0 0 / 35%);
}

.jf-lusheng-content .jf-projects-accordion .jf-project-excerpt {
    max-width: 42em;
    max-height: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    line-height: 1.55;
    transform: translateY(.75rem);
    transition: max-height .45s ease, margin .45s ease, opacity .35s ease, transform .45s ease;
}

.jf-lusheng-content .jf-projects-accordion .is-active .jf-project-excerpt {
    max-height: 7rem;
    margin-top: .75rem;
    opacity: 1;
    transform: translateY(0);
}

.jf-lusheng-content .jf-projects-accordion .jf-project-link {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: clamp(3rem, 4.25vw, 4em);
    height: clamp(3rem, 4.25vw, 4em);
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: rgb(25 25 25 / 42%);
    opacity: 0;
    pointer-events: none;
    transform: translateX(1rem);
    transition: opacity .35s ease, transform .35s ease, background .3s ease;
}

.jf-lusheng-content .jf-projects-accordion .is-active .jf-project-link {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.jf-lusheng-content .jf-projects-accordion .jf-project-link:hover,
.jf-lusheng-content .jf-projects-accordion .jf-project-link:focus-visible {
    color: #191919;
    background: linear-gradient(90deg, #a67b4e 0%, #f6d6a5 100%);
}

.jf-lusheng-content .jf-projects-accordion .jf-project-link svg {
    width: 55%;
    height: 55%;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (max-width: 680px) {
    .jf-lusheng-content .jf-projects-accordion .jf-projects-heading {
        display: block;
    }

    .jf-lusheng-content .jf-projects-accordion .sectionBtn {
        margin-top: 1.5rem;
        text-align: left;
    }

    .jf-lusheng-content .jf-projects-accordion .jf-project-panels {
        flex-direction: column;
        height: clamp(35rem, 155vw, 45rem);
        gap: .5rem;
    }

    .jf-lusheng-content .section-cases.jf-projects-accordion .sectionList.jf-project-panels .item.jf-project-panel,
    .jf-lusheng-content .section-cases.jf-projects-accordion .sectionList.jf-project-panels .item.jf-project-panel.is-active {
        width: 100%;
        min-height: 0;
    }

    .jf-lusheng-content .section-cases.jf-projects-accordion .sectionList.jf-project-panels .item.jf-project-panel {
        flex-grow: 1;
    }

    .jf-lusheng-content .section-cases.jf-projects-accordion .sectionList.jf-project-panels .item.jf-project-panel.is-active {
        flex-grow: 3;
    }

    .jf-lusheng-content .jf-projects-accordion .jf-project-overlay {
        padding: 1.25rem;
    }

    .jf-lusheng-content .jf-projects-accordion .jf-project-title {
        font-size: clamp(1.25rem, 6vw, 1.8rem);
    }

    .jf-lusheng-content .jf-projects-accordion .jf-project-excerpt {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .jf-lusheng-content .jf-projects-accordion .jf-project-panel,
    .jf-lusheng-content .jf-projects-accordion .jf-project-panel .itemImg img,
    .jf-lusheng-content .jf-projects-accordion .jf-project-excerpt,
    .jf-lusheng-content .jf-projects-accordion .jf-project-link {
        transition: none;
    }
}




/* @media screen and (min-width: 1601px) and (max-width: 2199px) {
    body.home {
        --jf-container-max: 1600px;
    }
}

@media screen and (min-width: 2200px) and (max-width: 2560px) {
    body.home {
        --jf-container-max: 1800px;
    }
}

@media screen and (min-width: 2561px) {
    body.home {
        --jf-container-max: 70.3125vw;
    }
}

@media screen and (min-width: 1601px) {
    body.home .jf-lusheng-header .container,
    body.home .jf-lusheng-content .container {
        width: 96%;
        max-width: var(--jf-container-max);
        margin-inline: auto;
        box-sizing: border-box;
    }
} */