.pq-our-story-resonance{display:flex;flex-direction:column;align-items:center;gap:60px;width:100%}.pq-our-story-resonance-detail{max-width:var(--page-width);margin:0 auto;width:70%;display:flex;flex-direction:column;padding:0 48px;gap:24px}.pq-our-story-resonance-title{color:#191919;text-align:center;font-size:40px;font-weight:600;line-height:60px;margin:0}.pq-our-story-resonance-desc{color:#191919;text-align:center;font-size:16px;font-weight:400;line-height:24px}.pq-our-story-resonance-scenes{width:100%}.pq-our-story-resonance .pq-our-story-resonance-scene-swiper-slide{width:889px}.pq-our-story-resonance .pq-our-story-resonance-scene-swiper-slide.swiper-slide-active .pq-our-story-resonance-scene-shade{background-color:#0000}.pq-our-story-resonance__swiper_navigation{max-width:var(--page-width);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:100%;display:flex;justify-content:space-between}.pq-our-story-resonance .swiper-button-next,.pq-our-story-resonance .swiper-button-prev{position:relative;width:40px;height:40px;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(50% 0%,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);color:#fff;opacity:0;transition:opacity .3s ease,background-color .3s ease}@media screen and (max-width: 1024px){.pq-our-story-resonance .swiper-button-next,.pq-our-story-resonance .swiper-button-prev{display:none}}.pq-our-story-resonance .swiper:hover .swiper-button-next,.pq-our-story-resonance .swiper:hover .swiper-button-prev{opacity:1}.pq-our-story-resonance .swiper-button-next:hover,.pq-our-story-resonance .swiper-button-prev:hover{background-color:#f0a800}.pq-our-story-resonance .swiper-button-next:after{font-size:12px;color:#fff;margin-left:-4px}.pq-our-story-resonance .swiper-button-prev:after{font-size:12px;color:#fff;margin-left:-8px}.pq-our-story-resonance .swiper-button-next{right:10px}.pq-our-story-resonance .swiper-button-prev{left:10px}.pq-our-story-resonance-scene-progress{width:120px;height:4px;background:#f0f0f0;margin:30px auto 0;position:relative;cursor:pointer;overflow:hidden;display:none}.pq-our-story-resonance-scene{position:relative;border-radius:4px;overflow:hidden}.pq-our-story-resonance .pq-our-story-resonance-scene-shade{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:2;background-color:#00000080;pointer-events:none;transition:background-color .3s ease}.pq-our-story-resonance-scene-detail{position:absolute;bottom:0;left:0;right:0;padding:16px;color:#fff;background:linear-gradient(.1deg,#312200,#3d2a0000);display:flex;flex-direction:column;gap:10px;z-index:1}.pq-our-story-resonance-scene-image{aspect-ratio:16/9;width:100%;height:auto}.pq-our-story-resonance-scene-title{color:#fff;text-align:left;font-size:18px;font-weight:600;line-height:27px}.pq-our-story-resonance-scene-desc{color:#fff;text-align:left;font-size:16px;font-weight:400;line-height:24px}.pq-our-story-resonance .swiper-scrollbar-container{display:none;position:relative;height:4px;margin:30px auto 0;width:120px;--swiper-scrollbar-bg-color: #f0f0f0;--swiper-scrollbar-drag-bg-color: #cccccc}.pq-our-story-resonance .swiper-scrollbar{position:absolute;left:0;right:0;bottom:0;height:100%;background:var(--swiper-scrollbar-bg-color);border-radius:4px}.pq-our-story-resonance .swiper-scrollbar:empty{display:block!important}.pq-our-story-resonance .swiper-scrollbar-drag{width:100%;position:relative;background:#9e9e9e;border-radius:4px;cursor:grab;height:4px}.pq-our-story-resonance .swiper-scrollbar-drag:active{cursor:grabbing}.pq-our-story-resonance .swiper-scrollbar-drag:empty{display:block!important}.pq-our-story-resonance .swiper-scrollbar{position:absolute;left:0!important;right:0!important;bottom:0!important;height:100%!important;background:var(--swiper-scrollbar-bg-color)}.pq-our-story-resonance .swiper-scrollbar:empty{display:block}@media (max-width: 1024px){.pq-our-story-resonance{gap:48px;padding-right:32px;padding-left:32px}.pq-our-story-resonance-detail{width:100%;padding:0}.pq-our-story-resonance-title{font-size:34px;line-height:51px}.pq-our-story-resonance .pq-our-story-resonance-scene-swiper-slide{width:100%}.pq-our-story-resonance-scene-progress,.pq-our-story-resonance .swiper-scrollbar-container{display:block}.pq-our-story-resonance .pq-our-story-resonance-scene-shade{display:none}}@media (max-width: 480px){.pq-our-story-resonance{gap:36px;padding-right:16px;padding-left:16px}.pq-our-story-resonance-detail{padding:0}.pq-our-story-resonance-title{font-size:24px;line-height:36px}.pq-our-story-resonance-desc{font-size:14px;line-height:21px}.pq-our-story-resonance-scene-image{aspect-ratio:3/4}.pq-our-story-resonance-scene-title{font-size:16px;line-height:24px}.pq-our-story-resonance-scene-desc{font-size:14px;line-height:21px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/pq-our-story-resonance.css.map */
