.pq-our-story-brand-explanation{display:flex;flex-direction:column;gap:60px}.pq-our-story-brand-explanation-detail{max-width:var(--page-width);margin:0 auto;width:70%;display:flex;flex-direction:column;gap:24px;padding:0 48px}.pq-our-story-brand-explanation-title{color:#191919;text-align:center;font-size:40px;font-weight:600;line-height:60px;margin:0}.pq-our-story-brand-explanation-desc{color:#191919;text-align:center;font-size:16px;font-weight:400;line-height:24px}.pq-our-story-brand-explanation-images{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center}.pq-our-story-brand-explanation-images-main{position:relative}.pq-our-story-brand-explanation-image{aspect-ratio:16/9;width:100%;height:auto}.pq-our-story-brand-explanation-content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#150d00cc;opacity:0;transition:opacity .3s ease}.pq-our-story-brand-explanation-content-detail{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 64px;gap:20px;transform:translateY(20px);transition:transform .3s ease}.pq-our-story-brand-explanation-content-default{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;opacity:1;transition:opacity .3s ease;padding:0 64px}@media (min-width: 1024px){.pq-our-story-brand-explanation-images-main:hover .pq-our-story-brand-explanation-content{opacity:1}.pq-our-story-brand-explanation-images-main:hover .pq-our-story-brand-explanation-content-default{opacity:0}.pq-our-story-brand-explanation-images-main:hover .pq-our-story-brand-explanation-content-detail{transform:translateY(0)}}.pq-our-story-brand-explanation-content-title{color:#fff;text-align:center;font-size:42px;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.pq-our-story-brand-explanation-content-desc{color:#fff;text-align:center;font-size:16px;font-weight:400;line-height:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1440px){.pq-our-story-brand-explanation-content-detail{padding:0 48px}}@media (max-width: 1280px){.pq-our-story-brand-explanation-content-detail{padding:0 32px}}@media (max-width: 1024px){.pq-our-story-brand-explanation{gap:48px}.pq-our-story-brand-explanation-detail{width:100%;padding:0 64px}.pq-our-story-brand-explanation-title{font-size:34px;line-height:51px}.pq-our-story-brand-explanation-images{display:flex;flex-direction:column;gap:24px;padding:0 32px}.pq-our-story-brand-explanation-images-main{border-radius:4px;overflow:hidden}.pq-our-story-brand-explanation-content{opacity:1}.pq-our-story-brand-explanation-content-default{opacity:0}.pq-our-story-brand-explanation-content-detail{transform:translateY(0)}}@media (max-width: 640px){.pq-our-story-brand-explanation-content-title{font-size:36px;line-height:54px}.pq-our-story-brand-explanation-content-detail{gap:10px;padding:0 32px}}@media (max-width: 480px){.pq-our-story-brand-explanation{gap:36px}.pq-our-story-brand-explanation-detail{padding:0 16px}.pq-our-story-brand-explanation-title{font-size:24px;line-height:36px}.pq-our-story-brand-explanation-desc{font-size:14px;line-height:21px}.pq-our-story-brand-explanation-images{gap:16px;padding:0 16px}.pq-our-story-brand-explanation-content-title{font-size:22px;line-height:33px}.pq-our-story-brand-explanation-content-desc{font-size:14px;line-height:21px}.pq-our-story-brand-explanation-content-detail{padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/pq-our-story-brand-explanation.css.map */