.accordion{display:flex;flex-wrap:nowrap;position:relative;@media screen and (max-width:767px){flex-direction:column;flex-wrap:wrap}}.accordion-item{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1 auto;height:700px;max-height:100vh;position:relative;transition:all 500 ease-in-out;@media screen and (max-width:767px){min-height:100px}}.accordion-overlay{position:absolute;transition:all 500 ease-in-out;width:calc(45% - 2rem - 20px);translatex:0;background-color:#000;border-radius:1px;bottom:0;display:inline-block;font-size:80%;left:0;margin:0 0 25px 20px;padding:1.5rem 1rem;pointer-events:none;z-index:10;@media screen and (max-width:767px){bottom:unset;margin-bottom:10px;margin-left:10px;margin-right:10px;margin-top:10px;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem;width:calc(100% - 20px)}}.accordion-item .accordion-item-details{bottom:0;height:100%;overflow:hidden;position:absolute;transition:opacity .2s ease-in-out;width:100%}.accordion-item-details{box-shadow:0 0 10px rgba(0,0,0,.25);color:#fff;display:inline-block;line-height:1.2}h3.ac-title{font-size:2.5rem;margin:0 0 .25rem;text-transform:uppercase;@media screen and (max-width:767px){font-size:2rem}}.accordion-item .accordion-item-details .ac-copy,.accordion-item .accordion-item-details .ac-link-url,.accordion-item .accordion-item-details .ac-title{visibility:hidden}.ac-link-url{color:#fff}.accordion-item:not(.active) .accordion-item-details .ac-title{bottom:10%;left:50%;left:0;line-height:1.1;margin:auto;position:absolute;right:0;transform:translateX(calc(15% + 2ch)) rotate(-90deg);transform-origin:left bottom;visibility:visible;width:400%;@media screen and (max-width:767px){bottom:10px;color:#fff;left:0;margin-bottom:0;margin-left:10px;position:absolute;text-shadow:0 0 5px rgba(0,0,0,.5);transform:none;width:100%}}.accordion-item:after{background:#fff;bottom:0;content:"";display:block;left:0;mix-blend-mode:screen;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.accordion-item:not(.active):after{opacity:.3}.accordion-item:hover:not(.active):after{opacity:0}.accordion-item:not(.active) .ac-title{text-shadow:1px 1px 7px #000,1px 1px 3px #000!important}