.ep__brand-lineup{display:flex;align-items:center;padding:60px}.ep__brand-lineup-wrapper{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:20px}.ep__brand-lineup-left-text{display:flex;flex-direction:column;grid-area:1 / 1 / 2 / 3}.ep__brand-lineup-left-text h2{font-family:SF Pro Display;font-weight:500;font-style:Medium;font-size:24px;leading-trim:NONE;line-height:133%;letter-spacing:0;vertical-align:middle;text-transform:uppercase;color:#0c0a09;margin:0 0 18px}.ep__brand-lineup-left-text p{font-family:SF Pro Display;font-weight:400;font-style:Regular;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0;vertical-align:middle;color:#2e2d2b;margin:0 0 24px}.ep__brand-lineup-left-text a{font-family:SF Pro Display;font-weight:500;font-style:Medium;font-size:14px;leading-trim:NONE;line-height:20px;letter-spacing:0;vertical-align:middle;text-transform:uppercase;text-decoration:none;position:relative;color:#2e2d2b;width:fit-content;display:flex;align-items:center;background-color:#f3e8ff;color:#3b0764;padding:6px 13px;border-radius:100px;transition:background-color .3s ease,color .3s ease}.ep__brand-lineup-left-text a svg{transition:transform .3s ease,color .3s ease}.ep__brand-lineup-brand>a:hover~.ep__brand-lineup-text a svg{color:#fff;transform:rotate(-45deg)}.ep__brand-lineup-brand>a:hover~.ep__brand-lineup-text a{color:#fff}.ep__brand-lineup-brand{display:flex;position:relative}.ep__brand-lineup-brand-image{width:100%;height:100%;aspect-ratio:316 / 272}.ep__brand-lineup-brand-image img{width:100%;height:100%;object-fit:cover}.ep__brand-lineup-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;flex-direction:column;justify-content:center;transition:background-color .3s ease;z-index:1}.ep__brand-lineup-text:hover{background-color:#00000047}.ep__brand-lineup-text .ep__brand-lineup-text-content{opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease;width:100%}.ep__brand-lineup-text .ep__brand-lineup-text-content img{width:100%;object-fit:contain}.ep__brand-lineup-text .ep__brand-lineup-text-content a{font-family:SF Pro Display;font-weight:400;font-style:Regular;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0;vertical-align:middle;text-decoration:none;color:#fff;position:relative;gap:4px;display:flex;align-items:center;margin-top:24px}.ep__brand-lineup-text .ep__brand-lineup-text-content a svg{color:#fff;transition:transform .3s ease}.ep__brand-lineup-text .ep__brand-lineup-text-content a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:transparent;transition:background-color .3s ease}.ep__brand-lineup-text .ep__brand-lineup-text-content a:hover:after{background-color:#fff}.ep__brand-lineup-text .ep__brand-lineup-text-content a:hover svg{transform:rotate(-45deg)}.ep__brand-lineup-brand>a{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.ep__brand-lineup-brand>a:hover~.ep__brand-lineup-text{background-color:#00000047}.ep__brand-lineup-brand>a:hover~.ep__brand-lineup-text .ep__brand-lineup-text-content{opacity:1}@media screen and (max-width: 1300px){.ep__brand-lineup{padding:60px 45px}}@media screen and (max-width: 1250px){.ep__brand-lineup-wrapper{gap:10px}}@media screen and (max-width: 1200px){.ep__brand-lineup{padding:60px 30px}.ep__brand-lineup-wrapper{grid-template-columns:repeat(2,1fr);grid-template-rows:270px repeat(3,1fr)}.ep__brand-lineup-left-text{max-width:700px}.ep__brand-lineup-left-text br{display:none}}@media screen and (max-width: 1100px){.ep__brand-lineup{padding:60px 25px}}@media screen and (max-width: 992px){.ep__brand-lineup{padding:60px 16px}}@media screen and (max-width: 600px){.ep__brand-lineup-left-text h2{font-size:22px}.ep__brand-lineup-text{justify-content:flex-end}.ep__brand-lineup-text .ep__brand-lineup-text-content{opacity:1;padding:16px}.ep__brand-lineup-text .ep__brand-lineup-text-content img{max-width:152px;height:auto}.ep__brand-lineup-brand-image{filter:brightness(82%)}.ep__brand-lineup-text>a{position:static}.ep__brand-lineup-text a:after{position:absolute;content:"";background-color:transparent;top:0;left:0;right:0;bottom:0}.ep__brand-lineup-text .ep__brand-lineup-text-content a{margin-left:auto}.ep__brand-lineup-text .ep__brand-lineup-text-content a span{display:none}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/ep__brand-lineup.css.map */