.horizontal-accordion-section .inner{display:block}.horizontal-accordion-section .accordion-intro{text-align:center}.horizontal-accordion-section .accordion{display:flex;background-color:#fff;overflow:visible;border-radius:var(--border-radius-large);height:38vw;max-width:1400px;margin:0 auto}.horizontal-accordion-section .accordion .accordion-cell{flex:1;flex-shrink:0;position:relative;transition:all .6s cubic-bezier(0.22, 1, 0.36, 1);border-radius:var(--border-radius-large);overflow:visible;margin-right:calc(var(--border-radius-large)*-4)}.horizontal-accordion-section .accordion .accordion-cell:last-child{margin-right:0}.horizontal-accordion-section .accordion .accordion-cell.is-prev{z-index:1;background:var(--color-primary)}.horizontal-accordion-section .accordion .accordion-cell.is-prev+.is-prev{background:var(--color-secondary)}.horizontal-accordion-section .accordion .accordion-cell.is-active{z-index:4}.horizontal-accordion-section .accordion .accordion-cell.is-active .title-left{opacity:0;pointer-events:none}.horizontal-accordion-section .accordion .accordion-cell.is-active .accordion-cell-content{opacity:1;pointer-events:auto}.horizontal-accordion-section .accordion .accordion-cell.is-next{z-index:3;background:var(--color-secondary)}.horizontal-accordion-section .accordion .accordion-cell.is-next-2{z-index:2;background:var(--color-primary)}.horizontal-accordion-section .accordion .accordion-cell .accordion-cell-title{position:absolute;height:100%;bottom:5%;z-index:1;display:flex;transition:opacity .3s ease-out}.horizontal-accordion-section .accordion .accordion-cell .accordion-cell-title.title-left{left:2vw}.horizontal-accordion-section .accordion .accordion-cell .accordion-cell-title.title-right{right:2vw}.horizontal-accordion-section .accordion .accordion-cell .accordion-cell-title h4{font-size:clamp(2.5rem,1.3281rem + 3.125vw,4.0625rem);font-weight:700;line-height:1.1;letter-spacing:-1px;color:#fff;writing-mode:vertical-rl;transform:rotate(180deg);text-wrap:nowrap;text-transform:uppercase}.horizontal-accordion-section .accordion .accordion-cell .accordion-cell-inner{position:absolute;inset:0;border-radius:var(--border-radius-large);overflow:hidden}.horizontal-accordion-section .accordion .accordion-cell .accordion-cell-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;min-width:80vw;opacity:0;transition:opacity .5s cubic-bezier(0.4, 0, 0.2, 1)}.horizontal-accordion-section .accordion .accordion-cell .accordion-cell-image::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.71) 0%, rgba(0, 0, 0, 0) 100%);pointer-events:none}.horizontal-accordion-section .accordion .accordion-cell .accordion-cell-image img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.horizontal-accordion-section .accordion .accordion-cell .accordion-cell-content{position:absolute;bottom:0;left:0;z-index:1;width:60vw;height:100%;margin:0;padding:4rem;opacity:0;transition:opacity 250ms;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.horizontal-accordion-section .accordion .accordion-cell .accordion-cell-content>p{display:block;margin:0;font-size:1.125em;line-height:1.5em;letter-spacing:1px;font-weight:500;color:#fff}.horizontal-accordion-section .accordion .expanded{flex:4}.horizontal-accordion-section .accordion .expanded>.accordion-cell-inner .accordion-cell-image{opacity:1}.horizontal-accordion-section .accordion .expanded>.accordion-cell-content{opacity:1;pointer-events:auto}.horizontal-accordion-section .accordion .collapsed{flex:1}.horizontal-accordion-section .accordion .collapsed>.accordion-cell-content{pointer-events:none}/*# sourceMappingURL=horizontal-accordion.css.map */