/* Page Components - Split Panel - Accordion v1 */

section.split-panel-accordion-v1 { background-color: var(--accent-quaternary); }
section.split-panel-accordion-v1:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: radial-gradient(circle at 90% 25%, rgba(246, 12, 122, 0.26), rgba(207, 7, 101, 0.06) 34%, rgba(113, 100, 107, 0) 56%, rgba(238, 238, 238, 0) 75%), radial-gradient(circle at 90% 75%, rgba(246, 12, 122, 0.26), rgba(207, 7, 101, 0.06) 34%, rgba(113, 100, 107, 0) 56%, rgba(238, 238, 238, 0) 75%); opacity: 0.4; }
section.split-panel-accordion-v1 .split__container { padding: 4rem 0 2rem; }
section.split-panel-accordion-v1 .split__media .split-image__container { position: relative; padding-bottom: 93%; width: 100%; }
section.split-panel-accordion-v1 .split__media .split-image__container img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0.75rem; max-height: 580px; }
section.split-panel-accordion-v1 .accordion__title { font-size: 1.889rem; font-weight: 500; color: var(--white); display: flex; gap: 2rem; padding-bottom: 1.25rem; padding-right: 4rem; line-height: 1.25; font-size: clamp(1.25rem, 0.9177rem + 1.1101vw, 1.889rem); line-height: 1.35; letter-spacing: -.4px; border-color: var(--darker-gray); }
section.split-panel-accordion-v1 .accordion { border-color: var(--darker-gray); }
section.split-panel-accordion-v1 .accordion__title .icon-container { flex: 0 0 1.889rem; padding-top: 0.1rem; }
section.split-panel-accordion-v1 .accordion__title .icon-container img { width: 100%; height: auto; max-width: 34px; max-height: 34px; }
section.split-panel-accordion-v1 .accordion__title span { padding-top: 2px; }
section.split-panel-accordion-v1 .accordion .accordion__title.expanded { color: var(--white); }
section.split-panel-accordion-v1 .accordion .accordion__title:after { font-size: 2rem; height: calc(100% - 0.75rem); }
section.split-panel-accordion-v1 .accordion .accordion__content { column-count: 2; column-gap: 5rem; color: var(--white); text-wrap: balance; opacity: 0; transition: opacity var(--global-transition); padding: 0.5rem 2rem 2rem 1rem; }
section.split-panel-accordion-v1 .accordion .accordion__content ul li { break-inside: avoid-column; }
section.split-panel-accordion-v1 .accordion .accordion__content .button__container { margin-top: 2rem; }
section.split-panel-accordion-v1 .accordion .accordion__content[aria-hidden="false"] { opacity: 1; }

@media (max-width: 800px) {
    section.split-panel-accordion-v1 .split__container { padding: 2rem 0; }
    section.split-panel-accordion-v1 .split__media { padding-left: var(--global-side-padding); padding-right: var(--global-side-padding); }
    section.split-panel-accordion-v1 .split__media .split-image__container { padding-bottom: 50%; }
    section.split-panel-accordion-v1 .accordion__title { gap: 1.25rem; }
    section.split-panel-accordion-v1 .accordion .accordion__title:after { font-size: 1.5rem; height: calc(100% - 0.675rem); }
    section.split-panel-accordion-v1 .accordion__title .icon-container { flex: 0 0 1.556rem; }
    section.split-panel-accordion-v1 .accordion__title .icon-container img { max-width: 28px; max-height: 28px; }
}
@media (max-width: 700px) {
    section.split-panel-accordion-v1 .accordion .accordion__content { column-count: 1; }
}
@media (max-width: 650px) {
    section.split-panel-accordion-v1 .accordion .accordion__content { padding: 1rem 1.5rem 2rem; }
}