.mt-media-story-image-quality{--brand-section-spacing-md: 48px;--brand-section-spacing-lg: 96px;--brand-section-spacing-xs: 16px;--brand-gap-sm: 16px;--brand-gap-lg: 32px;--brand-radius: 16px;--brand-headline-font-size-48: 48px;--brand-desc-font-size-16: 16px;--brand-primary: #fff;--brand-secondary: rgba(255, 255, 255, .65);display:flex;flex-direction:column;align-items:center;overflow:hidden;box-sizing:border-box;padding-block:var(--mt-section-padding-top, 0px) var(--mt-section-padding-bottom, 0px);background:#000;color:var(--brand-primary);font-family:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,sans-serif}.mt-media-story-image-quality__heading{width:100%;padding:var(--brand-section-spacing-lg) 0 0;box-sizing:border-box;background:#000}.mt-media-story-image-quality__heading-inner{display:flex;width:1200px;max-width:100%;justify-content:center;align-items:flex-start;gap:var(--brand-section-spacing-xs);margin:0 auto}.mt-media-story-image-quality__title-wrap,.mt-media-story-image-quality__description-wrap{display:flex;flex:1 0 0;min-width:0;flex-direction:column;align-items:flex-start}.mt-media-story-image-quality__title{align-self:stretch;margin:0;padding-right:var(--brand-section-spacing-md);color:var(--brand-primary);font-size:var(--brand-headline-font-size-48, 48px);font-weight:600;line-height:1.26;letter-spacing:-.03em;text-align:left;word-break:break-word}.mt-media-story-image-quality__description{align-self:stretch;width:auto;margin:.25em 0 0;color:var(--brand-secondary);font-size:var(--brand-desc-font-size-16, 16px);font-weight:600;line-height:1.5;letter-spacing:-.02em;text-align:left;word-break:break-word}.mt-media-story-image-quality sup{font-size:.5em;vertical-align:super;top:-.5em}.mt-media-story-image-quality h1 sup,.mt-media-story-image-quality h2 sup,.mt-media-story-image-quality h3 sup,.mt-media-story-image-quality h4 sup,.mt-media-story-image-quality h5 sup{font-size:.4em}.mt-media-story-image-quality__carousel{width:100%;padding:var(--brand-section-spacing-md) 0 0;background:#000;box-sizing:border-box}.mt-media-story-zoom .mt-media-story-image-quality__heading{padding-top:var(--brand-section-spacing-xl, 128px)}.mt-media-story-zoom .mt-media-story-image-quality__single-media{width:1200px;max-width:100%;margin:0 auto;overflow:hidden;border-radius:var(--brand-radius);font-size:0;touch-action:manipulation}.mt-media-story-zoom .mt-media-story-image-quality__single-media video,.mt-media-story-zoom .mt-media-story-image-quality__single-media img,.mt-media-story-zoom .mt-media-story-image-quality__single-media .mt-media-story-image-quality__placeholder{display:block;width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover}.mt-media-story-image-quality__viewport{width:100%;overflow:hidden}.mt-media-story-image-quality__track{display:flex;gap:16px;width:max-content;transform:translate(calc(50vw - 600px - (var(--mt-story-index, 0) * 1216px)));transition:transform .6s ease}.mt-media-story-image-quality__slide{width:1200px;max-width:1200px;overflow:hidden;opacity:.5;border-radius:var(--brand-radius);font-size:0;touch-action:manipulation;transition:opacity .6s ease;flex:none}.mt-media-story-image-quality__slide.is-active{opacity:1}.mt-media-story-image-quality__media{width:100%;aspect-ratio:2 / 1;overflow:hidden}.mt-media-story-image-quality__media img,.mt-media-story-image-quality__media video,.mt-media-story-image-quality__placeholder{display:block;width:100%;height:100%;max-width:100%;object-fit:cover}.mt-media-story-image-quality__placeholder{fill:#1f1f1f;background:#1f1f1f}.mt-media-story-image-quality__controls{display:flex;width:1200px;max-width:calc(100% - 48px);height:32px;align-items:center;justify-content:space-between;overflow:hidden;margin:20px auto 0}.mt-media-story-image-quality__pagination{display:flex;height:32px;align-items:center;gap:8px}.mt-media-story-image-quality__bullet{width:24px;height:4px;padding:0;border:0;border-radius:9999px;background:#ffffff40;cursor:pointer;transition:all .3s ease}.mt-media-story-image-quality__bullet.is-active{background:#fff}.mt-media-story-image-quality__arrows{display:flex;gap:8px}.mt-media-story-image-quality__arrow{display:flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border:0;border-radius:9999px;color:#fff;background:#ffffff1f;font-family:Arial,sans-serif;font-size:38px;font-weight:300;line-height:1;cursor:pointer}.mt-media-story-image-quality__arrow:disabled{opacity:.35;cursor:default}.mt-media-story-image-quality__arrow span{display:block;line-height:32px;margin-top:-4px}.mt-media-story-image-quality__captions{display:grid;width:1200px;max-width:calc(100% - 48px);margin:var(--brand-gap-sm) auto 0;overflow:hidden}.mt-media-story-image-quality__caption{grid-area:1 / 1 / 2 / 2;display:flex;max-width:693px;flex-direction:column;align-items:flex-start;gap:12px;opacity:0;pointer-events:none;transition:opacity .6s ease}.mt-media-story-image-quality__caption.is-active{opacity:1;pointer-events:auto}.mt-media-story-image-quality__caption h3{margin:0;color:var(--brand-primary);font-size:var(--brand-headline-font-size-20, 20px);font-weight:600;line-height:1.26;letter-spacing:-.02em;word-break:break-word}.mt-media-story-image-quality__caption p{margin:0;color:var(--brand-secondary);font-size:var(--brand-desc-font-size-16, 16px);font-weight:600;line-height:1.5;letter-spacing:-.02em;word-break:break-word}@media(min-width:769px)and (max-width:1440px){.mt-media-story-image-quality{--brand-section-spacing-md: 32px;--brand-section-spacing-lg: 64px;--brand-section-spacing-xl: 96px;--brand-section-spacing-xs: 16px;--brand-gap-sm: 16px;--brand-gap-lg: 24px;--brand-headline-font-size-48: 32px;--brand-desc-font-size-16: 14px}.mt-media-story-image-quality__heading-inner,.mt-media-story-image-quality__controls,.mt-media-story-image-quality__captions,.mt-media-story-zoom .mt-media-story-image-quality__single-media{width:960px}.mt-media-story-image-quality__track{transform:translate(calc(50vw - 480px - (var(--mt-story-index, 0) * 976px)))}.mt-media-story-image-quality__slide{width:960px;max-width:960px}}@media(max-width:768px){.mt-media-story-image-quality{--brand-section-spacing-md: 24px;--brand-section-spacing-lg: 48px;--brand-section-spacing-xl: 64px;--brand-gap-sm: 12px;--brand-gap-lg: 20px;--brand-radius: 8px;--brand-headline-font-size-48: 24px;--brand-desc-font-size-16: 14px}.mt-media-story-image-quality__heading{padding-right:24px;padding-left:24px}.mt-media-story-image-quality__heading-inner{width:100%;flex-direction:column;align-items:flex-start;gap:20px}.mt-media-story-image-quality__title{padding-right:0;font-size:var(--brand-headline-font-size-48);letter-spacing:-.03em}.mt-media-story-image-quality__description{margin:0;font-size:var(--brand-desc-font-size-16);letter-spacing:-.02em}.mt-media-story-image-quality__carousel{padding-top:24px}.mt-media-story-image-quality__track{gap:16px;transform:translate(calc(24px - (var(--mt-story-index, 0) * (100vw - 32px))))}.mt-media-story-image-quality__slide{width:calc(100vw - 48px);max-width:none}.mt-media-story-image-quality__media{aspect-ratio:1.49 / 1}.mt-media-story-image-quality__controls{width:calc(100% - 48px);max-width:none;margin-top:16px}.mt-media-story-image-quality__pagination{height:2px}.mt-media-story-image-quality__bullet{width:16px;height:2px}.mt-media-story-image-quality__arrow{width:40px;height:40px;font-size:28px}.mt-media-story-image-quality__captions{width:calc(100% - 48px);max-width:none;margin-top:8px}.mt-media-story-image-quality__caption{max-width:100%}.mt-media-story-image-quality__caption h3{font-size:16px}.mt-media-story-image-quality__caption p{font-size:14px}.mt-media-story-zoom .mt-media-story-image-quality__heading{padding-top:64px}.mt-media-story-zoom .mt-media-story-image-quality__single-media{width:calc(100vw - 48px)}.mt-media-story-zoom .mt-media-story-image-quality__single-media video,.mt-media-story-zoom .mt-media-story-image-quality__single-media img,.mt-media-story-zoom .mt-media-story-image-quality__single-media .mt-media-story-image-quality__placeholder{aspect-ratio:1.49 / 1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mt-media-story-image-quality.css.map */