/*********************************************
 * Featured Projects
**********************************************/
.px-featured-projects--main {gap:24px;}

/* item */
.px-featured-projects--accordion-item:hover .px-featured-projects--accordion-item-head {--px-color-heading:var(--px-color-permalink-highlight);}

.px-featured-projects--accordion-item {padding:28px 24px; position:relative;}
.px-featured-projects--accordion-item:before {
    content:""; position:absolute; bottom:0; left:0;
    height:1px; width:100%; background:var(--px-color-black); transition:var(--px-transition-slow);
}
.px-featured-projects--accordion-item:hover:before {height:4px; background:var(--px-color-primary);}
.px-featured-projects-button.mobile {padding-top:32px;}

/* active item */
.px-featured-projects--accordion-item:has(> .active) {
    box-shadow:0 12px 26px rgba(0, 0, 0, 0.1), 0 46px 46px rgba(0, 0, 0, 0.09), 0 104px 63px rgba(0, 0, 0, 0.05), 0 186px 74px rgba(0, 0, 0, 0.01), 0 290px 81px rgba(0, 0, 0, 0);
}
.px-featured-projects--accordion-item:has(> .active):before {content:none;}
.px-featured-projects--accordion-item:has(> .active) .px-featured-projects--accordion-item-head {margin-bottom:8px;}

.px-featured-projects--col-image-item-inner {aspect-ratio:866/648;}

/*********************************************
 * Featured Projects Responsive
**********************************************/
@media only screen and (max-width:768px) {
    .px-featured-projects--accordion-item:has(> .active) {padding:16px;}
    .px-featured-projects--col-accordion {width:100%;}
}