.section-8{display:flex;margin-top:80px;overflow:hidden;position:relative;width:100%}.section-8 .selection-bar{background:#fff;overflow-x:scroll;position:absolute;top:40px;width:100%;z-index:3}.section-8 .selection-bar .scroller{align-items:center;display:flex;min-width:100%;overflow-x:scroll}.section-8 .selection-bar .scroller::-webkit-scrollbar,.section-8 .selection-bar::-webkit-scrollbar{display:none}.section-8 .selection-bar .img-frame{align-items:center;display:flex;filter:saturate(0);height:280px;justify-content:center;margin:0 5%;opacity:.6;transition:all .3s ease;width:auto}.section-8 .selection-bar .img-frame img{height:230px;max-width:none}.section-8 .selection-bar .img-frame:hover{cursor:pointer;filter:saturate(.66);opacity:1}.section-8 .selection-bar .selected{filter:saturate(1);opacity:1}.section-8 .content-wrapper .content-container{display:none}.section-8 .content-wrapper .content-container .testimonial-text{font-size:24px;letter-spacing:.01em;line-height:125%;margin-left:6vw;width:42vw}.section-8 .content-wrapper .selected{align-items:flex-end;background:#fff;display:flex;justify-content:space-between;max-width:100%}.section-8 .content-container .catchphrase{align-items:flex-end;border:2px solid #c5c5c5;border-radius:4px;box-sizing:border-box;display:flex;height:673px;justify-content:center;padding:2rem;width:29vw}.section-8 .content-container .catchphrase h2{color:#121212;display:inline-block;font-family:Work Sans;font-size:52px;font-style:normal;font-weight:700;height:160px;letter-spacing:.01em;line-height:125%;width:360px}.section-8 .content-container .catchphrase h2.long-headline{font-size:48px}.section-8 .selection-bar:after{background:linear-gradient(90deg,#fff 0,transparent 10%,transparent 85%,#fff);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media screen and (max-width:1046px){.section-8 .content-wrapper .selected{align-items:center;flex-flow:column}.section-8 .selection-bar .scroller{padding:0 36%}.section-8 .content-container .catchphrase{height:25rem;width:100%}.section-8 .content-container .catchphrase h2,.section-8 .content-container .catchphrase h2.long-headline{background:#fff;font-size:32px;max-width:calc(100% - 2rem);padding:0 1ch;position:absolute;text-align:center;top:0;transform:translateY(.8em);width:auto}.section-8{padding:3rem 0}.section-8 .selection-bar{top:6rem}.section-8 .content-wrapper{max-width:100%;width:100%}.section-8 .content-wrapper .content-container .testimonial-text{font-size:18px;margin:0;max-width:32ch;padding-top:2rem;width:auto}.section-8 .content-container .catchphrase h2.long-headline--mobile{transform:translateY(.2em) scale(.9)}}@media screen and (max-width:520px){.section-8 .selection-bar .scroller{padding:0 27%}}@media screen and (max-width:413px){.section-8 .selection-bar .scroller{padding:0 18%}.section-8 .content-container .catchphrase h2{font-size:28px;transform:translateY(1em)}}@media screen and (max-width:340px){.section-8 .selection-bar .scroller{padding:0 15%}.section-8 .content-container .catchphrase h2{font-size:22px;transform:translateY(1.5em)}}