.accordion-section{background-color:#08090a;padding:100px 0;color:#f7f8f8;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}.accordion-section__header-container{max-width:1200px;margin:0 auto;padding:0 24px}.accordion-section__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;gap:40px}.accordion-section__title{margin:0;max-width:500px;font-feature-settings:"cv01","ss03"}.accordion-section__description{font-size:18px;color:#8a8f98;max-width:400px;margin:0;line-height:1.6}.accordion{display:flex;height:500px;width:100%;gap:24px;padding:0 40px}.accordion__item{position:relative;flex:1;overflow:hidden;cursor:pointer;border-radius:12px 12px 0 0;transition:flex .55s cubic-bezier(.22,.61,.36,1);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}.accordion__item.active{flex:3.2}.accordion__image-container{height:70%;width:100%;overflow:hidden;position:relative}.accordion__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .55s ease;filter:grayscale(1) brightness(.6)}.accordion__item.active .accordion__image{filter:grayscale(0) brightness(1);transform:scale(1.05)}.accordion__content{position:absolute;bottom:0;left:0;right:0;height:35%;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(8,9,10,1) 0,rgba(8,9,10,.8) 50%,transparent);transition:padding .55s cubic-bezier(.22,.61,.36,1)}.accordion__item-title{font-size:20px;font-weight:590;color:#f7f8f8;margin:0;white-space:nowrap;letter-spacing:-.24px}.accordion__item-description{font-size:15px;color:#8a8f98;margin:8px 0 0;opacity:0;height:0;overflow:hidden;transition:opacity .3s ease,height .3s ease,margin .3s ease}.accordion__item.active .accordion__item-description{opacity:1;height:auto;margin-top:12px}.accordion__progress-bar{position:absolute;bottom:0;left:0;height:5px;background-color:#7170ff;width:0;border-radius:0;transition:width .55s cubic-bezier(.22,.61,.36,1)}.accordion__item.active .accordion__progress-bar{width:100%}@media (max-width:768px){.accordion-section{padding:60px 0}.accordion-section__header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}.accordion{flex-direction:column;height:auto;gap:16px;padding:0 24px}.accordion__item{flex:none;height:320px;width:100%;border:1px solid rgba(255,255,255,.05)}.accordion__item.active{flex:none;height:420px}}