@font-face{font-family:"Watch Montserrat Digits";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/watch-montserrat-digits.woff2") format("woff2");unicode-range:U+0030-0039}
.watch-material__relatedSection{min-width:0}.watch-material__relatedSection .watch-material__sectionHead{display:flex;align-items:center;justify-content:space-between}
html[data-watch-route-view] .watch-material__relatedSection{width:100%;max-width:100%;margin:30px 0 0;box-sizing:border-box}
.watch-material__relatedList{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:8px 8px 12px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.watch-material__relatedList::-webkit-scrollbar,.watch-relations-quickRail::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.watch-material__relatedList.is-dragging,.watch-relations-quickRail.is-dragging{cursor:grabbing;scroll-snap-type:none}.watch-relations-card{position:relative;flex:0 0 clamp(165px,14vw,220px);display:block;aspect-ratio:2/3;padding-top:26px;box-sizing:content-box;overflow:visible;border-radius:18px;background:transparent;color:#fff;text-decoration:none;scroll-snap-align:start;isolation:isolate;transition:none}.watch-relations-card:hover,.watch-relations-card:focus-within{z-index:30}.watch-relations-card__number{position:absolute;z-index:3;top:0;left:50%;display:block;min-width:0;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-family:"Watch Montserrat Digits","Montserrat",sans-serif;font-size:17px;font-weight:900;line-height:1;box-shadow:none;text-shadow:none;transform:translateX(-50%)}
.watch-relations-card::after{content:"";position:absolute;z-index:2;top:26px;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.06) 42%,rgba(0,0,0,.25) 66%,rgba(0,0,0,.46) 100%),rgba(0,0,0,.36);opacity:0;visibility:visible;pointer-events:none;transition:opacity .22s cubic-bezier(.25,.1,.25,1)}.watch-relations-card__poster{position:absolute;z-index:0;top:26px;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:inherit;background:#121212;transform:none;transform-origin:center center;transition:transform .16s cubic-bezier(.16,1,.3,1);will-change:transform}.watch-relations-card__poster::after{content:"";position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.42);opacity:.12;visibility:visible;pointer-events:none;transition:opacity .26s ease}.watch-relations-card__poster img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;transform:none;transition:none}.watch-relations-card:hover .watch-relations-card__poster,.watch-relations-card:focus-within .watch-relations-card__poster{transform:translateZ(0) scale(1.065)}.watch-relations-card:hover::after,.watch-relations-card:focus-within::after{opacity:1}.watch-relations-card__copy{position:absolute;z-index:3;left:12px;right:12px;bottom:10px;min-width:0;opacity:1;visibility:visible}.watch-relations-card__copy strong{display:-webkit-box;overflow:hidden;color:#fff;font-size:14px;font-weight:700;line-height:1.18;text-overflow:ellipsis;text-shadow:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.is-pressing .watch-relations-card:hover .watch-relations-card__poster,.is-dragging .watch-relations-card:hover .watch-relations-card__poster,.is-pressing .watch-relations-card:focus-within .watch-relations-card__poster,.is-dragging .watch-relations-card:focus-within .watch-relations-card__poster{transform:none}.is-pressing .watch-relations-card:hover::after,.is-dragging .watch-relations-card:hover::after,.is-pressing .watch-relations-card:focus-within::after,.is-dragging .watch-relations-card:focus-within::after{opacity:0}.is-pressing .watch-relations-card:hover .watch-relations-card__poster::after,.is-dragging .watch-relations-card:hover .watch-relations-card__poster::after,.is-pressing .watch-relations-card:focus-within .watch-relations-card__poster::after,.is-dragging .watch-relations-card:focus-within .watch-relations-card__poster::after{opacity:0;visibility:hidden}@media(hover:none),(pointer:coarse){.watch-relations-card:hover .watch-relations-card__poster,.watch-relations-card:focus-within .watch-relations-card__poster{transform:none}.watch-relations-card:hover::after,.watch-relations-card:focus-within::after{opacity:0}}
@media(max-width:640px){.watch-relations-card{flex-basis:165px;border-radius:16px}.watch-material__relatedList{margin-right:-16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.watch-relations-card,.watch-relations-card::after,.watch-relations-card__poster,.watch-relations-card__poster::after{transition:none!important}.watch-material__relatedList{scroll-behavior:auto!important}}
.watch-relations-quickToggle{position:absolute;z-index:7;top:18px;left:50%;margin:0;padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(10,10,10,.58);color:#fff;font:600 12px/1 inherit;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateX(-50%);white-space:nowrap;transition:background .22s ease,border-color .22s ease}.watch-relations-quickToggle:hover,.watch-relations-quickToggle:focus-visible{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.1)}
.watch-relations-quickPanel{position:absolute;inset:68px 28px 26px;z-index:6;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at center,rgba(0,0,0,.2) 0,rgba(0,0,0,.06) 58%,transparent 82%);opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}.watch-inlinepreview.is-relations-mode .watch-relations-quickPanel{opacity:1;transform:none}.watch-relations-quickRail{display:flex;gap:14px;height:100%;overflow-x:auto;overflow-y:hidden;align-items:center;padding:10px 12px 16px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.watch-relations-quickRail .watch-relations-card{flex-basis:clamp(165px,14vw,220px)}.watch-relations-quickRail .watch-relations-card:first-child{margin-inline-start:auto}.watch-relations-quickRail .watch-relations-card:last-child{margin-inline-end:auto}.watch-relations-quickRail .watch-relations-card__poster{background:#121212}
.watch-inlinepreview__body>.watch-inlinepreview__actions,.watch-inlinepreview__body>.watch-inlinepreview__titleWrap,.watch-inlinepreview__body>.watch-inlinepreview__meta,.watch-inlinepreview__body>.watch-inlinepreview__genres,.watch-inlinepreview__body>.watch-inlinepreview__desc{transition:opacity .22s ease,transform .22s ease}.watch-inlinepreview.is-relations-mode .watch-inlinepreview__body>.watch-inlinepreview__actions,.watch-inlinepreview.is-relations-mode .watch-inlinepreview__body>.watch-inlinepreview__titleWrap,.watch-inlinepreview.is-relations-mode .watch-inlinepreview__body>.watch-inlinepreview__meta,.watch-inlinepreview.is-relations-mode .watch-inlinepreview__body>.watch-inlinepreview__genres,.watch-inlinepreview.is-relations-mode .watch-inlinepreview__body>.watch-inlinepreview__desc{opacity:0;transform:translateY(-7px);pointer-events:none}
@media(max-width:1100px){html[data-watch-route-view] .watch-material__relatedSection{--watch-relations-offset:0px;width:100%;max-width:100%;margin-left:0}.watch-relations-quickPanel{inset:64px 22px 22px}}
@media(prefers-reduced-motion:reduce){.watch-relations-quickToggle,.watch-relations-quickPanel,.watch-inlinepreview__body>*{transition:none!important}}

/* The dim layer follows the exact home-card zoom, so no bright poster rim remains. */
.watch-relations-card::after{transform:none;transform-origin:center center;transition:opacity .22s cubic-bezier(.25,.1,.25,1),transform .16s cubic-bezier(.16,1,.3,1)}
.watch-relations-card:hover::after,.watch-relations-card:focus-within::after{transform:translateZ(0) scale(1.065)}
.is-pressing .watch-relations-card:hover::after,.is-dragging .watch-relations-card:hover::after,.is-pressing .watch-relations-card:focus-within::after,.is-dragging .watch-relations-card:focus-within::after{transform:none}
.watch-relations-card__year{display:none}

/* Account-selectable compact list on the full material page only. */
.watch-material__relatedList.is-list-layout{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;padding:8px 0 12px;cursor:default;scroll-snap-type:none}
.watch-material__relatedList.is-list-layout .watch-relations-card{display:grid;grid-template-columns:56px 38px minmax(0,1fr);align-items:center;min-width:0;height:84px;aspect-ratio:auto;padding:0;box-sizing:border-box;overflow:hidden;border-radius:13px;background:rgba(255,255,255,.045);transition:background .16s ease}
.watch-material__relatedList.is-list-layout .watch-relations-card:hover,.watch-material__relatedList.is-list-layout .watch-relations-card:focus-visible{z-index:auto;background:rgba(255,255,255,.075)}
.watch-material__relatedList.is-list-layout .watch-relations-card::after{display:none}
.watch-material__relatedList.is-list-layout .watch-relations-card__poster{position:relative;inset:auto;grid-column:1;grid-row:1;width:56px;height:84px;border-radius:13px 0 0 13px;transform:none!important}
.watch-material__relatedList.is-list-layout .watch-relations-card__number{position:static;grid-column:2;grid-row:1;justify-self:center;transform:none;font-size:15px;text-shadow:none}
.watch-material__relatedList.is-list-layout .watch-relations-card__copy{position:static;grid-column:3;grid-row:1;align-self:center;min-width:0;padding:10px 48px 10px 0}
.watch-material__relatedList.is-list-layout .watch-relations-card__copy strong{font-size:13px;line-height:1.22;text-shadow:none;-webkit-line-clamp:2}
.watch-material__relatedList.is-list-layout .watch-relations-card__year{display:block;margin-top:5px;color:rgba(255,255,255,.48);font-size:11px;font-weight:600;line-height:1}
.watch-relations-card.is-active{z-index:2;transform:scale(1.03);transform-origin:center center}
.watch-material__relatedList.is-list-layout .watch-relations-card.is-active{grid-template-columns:60px 38px minmax(0,1fr);height:90px;transform:none}
.watch-material__relatedList.is-list-layout .watch-relations-card.is-active .watch-relations-card__poster{width:60px;height:90px}
@media(max-width:700px){.watch-material__relatedList.is-list-layout{grid-template-columns:1fr;margin-right:0;padding-right:0}.watch-material__relatedList.is-list-layout .watch-relations-card{width:100%;height:84px}.watch-material__relatedList.is-list-layout .watch-relations-card__poster{height:84px}}
@media(hover:none),(pointer:coarse){.watch-relations-card:hover::after,.watch-relations-card:focus-within::after{transform:none}}

/* Keep compact release links plain; zoom only the poster, never the row. */
.watch-material__relatedList.is-list-layout .watch-relations-card,
.watch-material__relatedList.is-list-layout .watch-relations-card:hover,
.watch-material__relatedList.is-list-layout .watch-relations-card:focus,
.watch-material__relatedList.is-list-layout .watch-relations-card *{text-decoration:none!important}
@media(hover:hover) and (pointer:fine){
  .watch-material__relatedList.is-list-layout .watch-relations-card{overflow:visible}
  .watch-material__relatedList.is-list-layout .watch-relations-card__poster{transform-origin:left center;cursor:zoom-in;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}
  .watch-material__relatedList.is-list-layout .watch-relations-card:has(.watch-relations-card__poster:hover){z-index:60}
  .watch-material__relatedList.is-list-layout .watch-relations-card__poster:hover{z-index:4;transform:translateX(6px) scale(3.15)!important;border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.14)}
  .watch-material__relatedList.is-list-layout .watch-relations-card__poster:hover::after{opacity:0}
}
@media(hover:hover) and (pointer:fine) and (max-width:860px){
  .watch-material__relatedList.is-list-layout .watch-relations-card__poster:hover{transform:translateX(4px) scale(2.2)!important}
}