.ms-compatibility-related{padding-block:16px 56px;background:#fff}.ms-compatibility-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ms-compatibility-related__card a{display:block;color:#121212;text-decoration:none}.ms-compatibility-related__media{aspect-ratio:16/9;overflow:hidden;margin-bottom:16px}.ms-compatibility-related__media img{display:block;width:100%;height:100%;object-fit:cover}.ms-compatibility-related p.ms-compatibility-related__type{font-size:12px;line-height:1.4;color:#666;margin:0 0 8px;letter-spacing:.04em}.ms-compatibility-related__card h3{font-size:22px;line-height:1.3;margin:0;font-weight:400}.ms-compatibility-related__card a:hover h3{text-decoration:underline;text-underline-offset:4px}.ms-compatibility-related__card a:focus-visible{outline:2px solid #121212;outline-offset:5px}@media(max-width:989px){.ms-compatibility-related__grid{gap:20px}.ms-compatibility-related__card h3{font-size:20px}}@media(max-width:749px){.ms-compatibility-related{padding-block:8px 34px}.ms-compatibility-related__grid{grid-template-columns:1fr;gap:28px}.ms-compatibility-related__media{margin-bottom:12px}.ms-compatibility-related__card h3{font-size:21px}}.ms-compatibility-related__mobile-nav{display:none}@media(max-width:749px){.ms-compatibility-related{position:relative;overflow:hidden;touch-action:pan-y}.ms-compatibility-related>.ms-phase1__width{padding-inline:0;max-width:100%}.ms-compatibility-related h2{padding:0 20px 18px;font-size:24px}.ms-compatibility-related__grid{display:flex;gap:16px;transition:transform .5s ease;will-change:transform}.ms-compatibility-related__card{flex:0 0 85%;min-width:85%;position:relative;overflow:hidden;border-radius:8px;background:#121212}.ms-compatibility-related__card a{position:relative;color:#fff!important}.ms-compatibility-related__media{height:360px;aspect-ratio:auto;margin:0}.ms-compatibility-related__media img{height:360px;width:100%;object-fit:cover}.ms-compatibility-related__copy{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column-reverse;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}.ms-compatibility-related__card h3{color:#fff!important;font-size:18px;font-weight:600;line-height:1.35;margin:0 0 8px}.ms-compatibility-related p.ms-compatibility-related__type{color:#fff;font-size:12px;line-height:1.8;letter-spacing:.08em;text-transform:uppercase;margin:0}.ms-compatibility-related__mobile-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;box-shadow:none;background:transparent!important;color:#fff;z-index:10;cursor:pointer}.ms-compatibility-related__mobile-nav:before,.ms-compatibility-related__mobile-nav:after{display:none!important;content:none!important}.ms-compatibility-related__mobile-nav[data-ms-prev]{left:10px}.ms-compatibility-related__mobile-nav[data-ms-next]{right:10px}.ms-compatibility-related__mobile-nav:disabled{opacity:.35;cursor:default}body:has([data-compat-directory]) .ms-phase1__editorial .ms-phase1__media{width:calc(100% + 36px);max-width:none;margin-inline:-18px}}@media(prefers-reduced-motion:reduce){.ms-compatibility-related__grid{transition:none}}@media(min-width:750px){.ms-compatibility-related{position:relative;overflow:hidden}.ms-compatibility-related>.ms-phase1__width{padding-inline:0;max-width:100%}.ms-compatibility-related h2{padding:0 50px 24px;font-size:30px;font-weight:400;line-height:34.8px}.ms-compatibility-related__grid{display:flex;gap:16px}.ms-compatibility-related__card{flex:0 0 calc((100% - 32px)/3);min-width:calc((100% - 32px)/3);position:relative;overflow:hidden;border-radius:8px;background:#121212}.ms-compatibility-related__card a{position:relative;color:#fff!important;height:400px}.ms-compatibility-related__media{height:400px;aspect-ratio:auto;margin:0}.ms-compatibility-related__media img{height:400px;width:100%;object-fit:cover}.ms-compatibility-related__copy{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column-reverse;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}.ms-compatibility-related__card h3{color:#fff!important;font-size:18px;font-weight:600;line-height:24.3px;margin:0 0 8px}.ms-compatibility-related p.ms-compatibility-related__type{color:#fff;font-size:12px;line-height:1.8;letter-spacing:.08em;text-transform:uppercase;margin:0}}@media(max-width:749px){.ms-compatibility-related__card[data-content-type=podcast] .ms-compatibility-related__media img{object-fit:contain;object-position:center top}}@media(max-width:749px){.ms-compatibility-related__grid{align-items:flex-start}.ms-compatibility-related__card[data-mobile-image=true]{align-self:flex-start;height:auto;background:#fff}.ms-compatibility-related__card[data-mobile-image=true] .ms-compatibility-related__media{aspect-ratio:1;height:auto;background:#fff}.ms-compatibility-related__card[data-mobile-image=true] .ms-compatibility-related__media img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center}.ms-compatibility-related__card[data-mobile-image=true] .ms-compatibility-related__copy{position:static;background:none;padding:16px 18px 18px}.ms-compatibility-related__card[data-mobile-image=true] h3{color:#121212!important}.ms-compatibility-related__card[data-mobile-image=true] p.ms-compatibility-related__type{color:#666}}@media(max-width:749px){.ms-compatibility-related__card[data-mobile-image=true] .ms-compatibility-related__copy{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.ms-compatibility-related__card[data-mobile-image=true] h3{color:#fff!important}.ms-compatibility-related__card[data-mobile-image=true] p.ms-compatibility-related__type{color:#fff}}@media(min-width:750px){.ms-compatibility-related__card[data-content-type=podcast]{align-self:flex-start;height:auto}.ms-compatibility-related__card[data-content-type=podcast] a{height:auto}.ms-compatibility-related__card[data-content-type=podcast] .ms-compatibility-related__media{height:auto;aspect-ratio:auto;margin:0}.ms-compatibility-related__card[data-content-type=podcast] .ms-compatibility-related__media img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}}@media(min-width:750px){.ms-compatibility-related__card[data-content-type=podcast]{align-self:stretch;height:400px}.ms-compatibility-related__card[data-content-type=podcast] a{height:400px}.ms-compatibility-related__card[data-content-type=podcast] .ms-compatibility-related__media{height:400px;aspect-ratio:auto;margin:0}.ms-compatibility-related__card[data-content-type=podcast] .ms-compatibility-related__media img{width:100%;height:400px;aspect-ratio:auto;object-fit:cover}}@media(min-width:750px){.ms-compatibility-related__card[data-content-type=podcast] .ms-compatibility-related__media img{object-fit:cover;object-position:center 35%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ms-compatibility-related.css.map */