/* Bobflix: cinematic image, editorial collections and a quiet screening room. */
.page--bobflix { --media-warm:#dcc2a4; --media-muted:#b4b0ac; --media-line:rgba(229,217,205,.13); }
.page--bobflix .nexus-app-content { padding:0; }
.cosmos-media { background:#0a0b0e; color:var(--cosmos-text, #f2efe8); min-width:0; overflow:visible; }
.cosmos-media [hidden] { display:none!important; }
.cosmos-media button, .cosmos-media a { -webkit-tap-highlight-color:transparent; }
.cosmos-media :is(button,a,input):focus-visible { outline:2px solid #d7e8f8; outline-offset:4px; }
.cosmos-media button:disabled { opacity:.5; cursor:wait; }
.cosmos-media-nav { display:flex; justify-content:space-between; gap:20px; padding:0 clamp(18px,3vw,48px); min-height:64px; border-bottom:1px solid var(--media-line); background:#0b0d11; }
.cosmos-media-nav nav { display:flex; gap:24px; min-width:0; overflow-x:auto; scrollbar-width:thin; }
.cosmos-media-nav button { position:relative; flex:none; min-height:48px; padding:8px 0; border:0; border-radius:0; color:var(--media-muted); background:none; font-size:.88rem; white-space:nowrap; }
.cosmos-media-nav button.is-active { color:#f5ede4; }
.cosmos-media-nav button.is-active:after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--media-warm); }
.cosmos-media-nav>button { display:flex; align-items:center; gap:8px; }
.cosmos-media .cosmos-media-feature { position:relative; isolation:isolate; display:grid; align-items:center; min-height:520px; padding:64px clamp(24px,5vw,72px); margin:0; background:linear-gradient(90deg,#0b0c10 4%,rgba(11,12,16,.88) 36%,rgba(11,12,16,.18)),var(--bobflix-backdrop,none) center/cover; }
.cosmos-media-feature__art { position:absolute; inset:0 0 0 32%; z-index:-2; overflow:hidden; }
.cosmos-media-feature__art img { width:100%; height:100%; object-fit:cover; object-position:65% center; opacity:.68; }
.cosmos-media-feature:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#0b0c10 6%,rgba(11,12,16,.94) 28%,rgba(11,12,16,.1) 90%),linear-gradient(0deg,#0a0b0e,transparent 35%); }
.cosmos-media-feature__copy { width:min(610px,68%); }
.cosmos-media-feature .cosmos-label { color:var(--media-warm); font-size:.7rem; letter-spacing:.15em; }
.cosmos-media-feature h2 { font-size:clamp(3rem,5.3vw,6.8rem); font-weight:450; line-height:1; letter-spacing:-.055em; text-wrap:balance; overflow-wrap:anywhere; margin:22px 0; }
.cosmos-media-feature .cosmos-media-feature__overview { color:#d1cecb; line-height:1.7; font-size:1rem; margin:22px 0; max-width:470px; }
.cosmos-media-meta { display:flex; gap:14px; flex-wrap:wrap; color:#bfb8b0; font-size:.8rem; }
.cosmos-media-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.cosmos-media-actions button, .cosmos-media-empty button, .cosmos-media-library__more button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid var(--media-line); border-radius:5px; padding:10px 18px; background:#1a1c21; color:#f3eee7; font:inherit; font-size:.88rem; transition:background .18s,transform .18s; }
.cosmos-media-actions button:hover { background:#25272c; }
.cosmos-media-actions button:hover svg { transform:translateX(1px); }
.cosmos-media-actions .cosmos-media-primary { background:#e8ded1; border-color:#e8ded1; color:#17191d; }
.cosmos-media-actions .cosmos-media-primary:hover { background:#fff4e8; }
.cosmos-media-feature__signature { position:absolute; right:38px; bottom:45px; color:#ede0d0; opacity:.58; text-align:right; font-size:.64rem; letter-spacing:.16em; line-height:1.7; }
.cosmos-media-collections { padding:16px clamp(20px,4vw,60px) 80px; }
.cosmos-media-collection { margin:35px 0 58px; min-width:0; }
.cosmos-media-collection>header { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:24px; }
.cosmos-media-collection h3 { font-size:clamp(1.5rem,2.7vw,2.2rem); letter-spacing:-.035em; font-weight:450; margin:9px 0 0; }
.cosmos-media-collection>header button { background:none; border:0; color:#c9c9c6; display:flex; gap:8px; align-items:center; min-height:44px; flex:none; }
.cosmos-media-collection__items { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(145px,17%); gap:20px; overflow-x:auto; padding:5px 2px 18px; scroll-snap-type:x proximity; scrollbar-color:#34373e transparent; scrollbar-width:thin; }
.cosmos-media-collection--continue .cosmos-media-collection__items { grid-auto-columns:minmax(240px,37%); }
.cosmos-media .cosmos-media-tile { display:block; position:relative; min-width:0; width:100%; text-align:left; border:0; padding:0; background:none; border-radius:0; color:#efece7; scroll-snap-align:start; }
.cosmos-media .cosmos-media-tile>div { position:relative; width:100%; aspect-ratio:2/3; height:auto; overflow:hidden; border-radius:4px; background:#171a20; box-shadow:none; }
.cosmos-media .cosmos-media-tile--wide>div { aspect-ratio:16/9; }
.cosmos-media-tile>div img { display:block; position:relative; width:100%; height:100%; object-fit:cover; z-index:1; transition:transform .3s ease; }
.cosmos-media-tile:hover>div img { transform:scale(1.035); }
.cosmos-media-tile__fallback { position:absolute; inset:0; display:grid; place-items:center; color:#737c8e; }
.cosmos-media-tile>div i { position:absolute; bottom:0; left:0; z-index:2; height:3px; background:var(--media-warm); }
.cosmos-media .cosmos-media-tile>strong { display:block; font-size:.95rem; line-height:1.45; margin:12px 0 4px; white-space:normal; }
.cosmos-media .cosmos-media-tile>span { display:block; font-size:.75rem; color:var(--media-muted); line-height:1.5; }
.cosmos-media-collection--series .cosmos-media-collection__items { grid-auto-columns:minmax(170px,23%); }
.cosmos-media-destinations { border-top:1px solid var(--media-line); padding-top:30px; margin-top:50px; }
.cosmos-media-destinations>a { display:grid; grid-template-columns:36px 1fr auto 22px; align-items:center; gap:18px; padding:24px 0; border-bottom:1px solid var(--media-line); color:#ece7df; }
.cosmos-media-destinations>a>span { color:var(--media-warm); font-size:.72rem; }
.cosmos-media-destinations strong { font-size:clamp(1.3rem,2.5vw,2rem); font-weight:450; letter-spacing:-.035em; }
.cosmos-media-destinations small { color:var(--media-muted); }
.cosmos-media .cosmos-media-library { padding:38px clamp(20px,4vw,60px) 70px; }
.cosmos-media-library>header { display:block; margin-bottom:32px; }
.cosmos-media-library h2 { font-size:clamp(2.6rem,5vw,5rem); font-weight:450; letter-spacing:-.05em; margin:16px 0; }
.cosmos-media-library>header>p:last-child { color:var(--media-muted); font-size:.9rem; }
.cosmos-media .cosmos-media-library .cosmos-media-library__items { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:32px 22px; }
.cosmos-media .cosmos-media-library .cosmos-media-library__more { display:block; text-align:center; margin-top:32px; }
.cosmos-media-empty { padding:60px 28px; max-width:680px; }
.cosmos-media-empty h2 { font-size:clamp(2.4rem,5vw,5rem); line-height:1.1; letter-spacing:-.04em; }
.cosmos-media-empty p { color:var(--media-muted); line-height:1.7; margin:20px 0; }
.cosmos-media .bobflix-detail-sheet>section { position:relative; inset:auto; width:min(1160px,100%); max-height:calc(100dvh - 48px); border-radius:5px; background:#101115; box-shadow:0 35px 100px #000a; overflow:auto; }
.cosmos-media .bobflix-detail-sheet { display:grid; place-items:center; padding:24px; }
.cosmos-media [data-bobflix-detail-close] { position:sticky; float:right; top:16px; right:16px; margin:16px; z-index:5; width:44px; height:44px; border:1px solid #ffffff30; border-radius:50%; color:#fff; background:#11151cea; }
.cosmos-media .cosmos-media-detail { padding:0; }
.cosmos-media-detail__scene { display:grid; grid-template-columns:minmax(130px,22%) 1fr; gap:40px; padding:70px 48px 45px; min-height:420px; background:linear-gradient(0deg,#101115 0%,#101115ba 100%),var(--detail-backdrop,none) center/cover; }
.cosmos-media-detail__poster { width:100%; aspect-ratio:2/3; align-self:end; background:#191d24; border-radius:4px; overflow:hidden; }
.cosmos-media-detail__poster img { display:block; width:100%; height:100%; object-fit:cover; }
.cosmos-media-detail__identity { align-self:end; min-width:0; }
.cosmos-media-detail__identity h2 { font-size:clamp(2.6rem,4.6vw,5.5rem); line-height:1.05; letter-spacing:-.055em; font-weight:450; margin:18px 0; overflow-wrap:anywhere; }
.cosmos-media-detail__body { padding:0 48px 55px; }
.cosmos-media-synopsis { max-width:720px; margin:15px 0 42px; }
.cosmos-media-synopsis>p:not(.cosmos-label) { font-size:1.02rem; color:#d2cfca; line-height:1.85; }
.cosmos-media-genres { display:flex; flex-wrap:wrap; gap:14px; padding:0; list-style:none; color:var(--media-muted); font-size:.8rem; margin-top:22px; }
.cosmos-media-detail h3 { font-size:1.45rem; font-weight:450; margin-bottom:20px; }
.cosmos-media-seasons nav { display:flex; overflow-x:auto; gap:8px; padding-bottom:16px; }
.cosmos-media-seasons button { background:transparent; border:1px solid var(--media-line); padding:12px 18px; border-radius:4px; color:#c6c5c1; white-space:nowrap; }
.cosmos-media-seasons button[aria-current=true] { color:#fff4e5; background:#2b2622; border-color:#a98b69; }
.cosmos-media-episodes { margin:10px 0 45px; }
.cosmos-media-episodes>button { width:100%; display:grid; grid-template-columns:160px 1fr 24px; align-items:center; gap:24px; text-align:left; padding:20px 0; color:#eee9e2; background:transparent; border:0; border-bottom:1px solid var(--media-line); }
.cosmos-media-episodes img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:3px; }
.cosmos-media-episodes small { color:var(--media-warm); font-size:.68rem; letter-spacing:.08em; }
.cosmos-media-episodes strong { display:block; font-size:1.1rem; margin:8px 0; }
.cosmos-media-episodes p { color:var(--media-muted); font-size:.87rem; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cosmos-media-people dl { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:24px; }
.cosmos-media-people dt { font-size:.95rem; }
.cosmos-media-people dd { color:var(--media-muted); font-size:.8rem; margin:7px 0 0; }
.cosmos-media .bobflix-search-sheet>section { background:#101318; border-radius:5px; border-color:var(--media-line); }
.cosmos-media [data-bobflix-search-results] { display:grid; grid-template-columns:repeat(auto-fill,minmax(135px,1fr)); gap:24px 18px; }
.cosmos-media [data-bobflix-search-results]>p, .cosmos-media [data-bobflix-search-results]>.nexus-product-error, .cosmos-media [data-bobflix-search-results]>.nexus-skeleton-list { grid-column:1/-1; }
.cosmos-media [data-media-detail-status] { color:var(--media-warm); font-size:.85rem; min-height:1.5em; margin:12px 0 0; }
.cosmos-media [data-party-handoff-retry] { display:block; margin-top:12px; min-height:44px; padding:8px 14px; color:#eee6dc; background:#202329; border:1px solid var(--media-line); border-radius:4px; }
.cosmos-media .bobflix-player { background:#030405; }
.cosmos-media .bobflix-player__stage header { background:linear-gradient(#040506e8,transparent); }
.cosmos-media .bobflix-player__stage footer { background:linear-gradient(transparent,#040506ed); }
.cosmos-media .cosmos-player header { z-index:3; padding:22px clamp(16px,3vw,48px); }
.cosmos-player header small { font-size:.62rem; letter-spacing:.16em; color:var(--media-warm); }
.cosmos-player header strong { font-size:clamp(1rem,2vw,1.4rem); font-weight:450; }
.cosmos-player header>div { flex:1; min-width:0; }
.cosmos-player header strong, .cosmos-player header span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cosmos-media .cosmos-player header [data-connected-beam-playback] { width:auto; display:flex; align-items:center; gap:8px; padding:0 16px; border-radius:4px; }
.cosmos-player header [data-connected-beam-playback] span { color:#f3eee7; }
.cosmos-media .cosmos-player footer { z-index:3; padding:12px clamp(16px,4vw,64px) max(18px,env(safe-area-inset-bottom)); }
.cosmos-player [data-player-progress] { min-height:30px; margin:0; cursor:pointer; }
.cosmos-media .cosmos-player .cosmos-player-toolbar { display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:center; margin-top:0; }
.cosmos-media .cosmos-player .bobflix-player__center { position:static; display:flex; gap:12px; align-items:center; }
.cosmos-media .cosmos-player .bobflix-player__center button { width:44px; height:44px; background:transparent; border-radius:4px; }
.cosmos-media .cosmos-player .bobflix-player__center [data-player-toggle] { width:50px; height:50px; background:#e8ded1; color:#17191d; }
.cosmos-media .cosmos-player .bobflix-player__center button span { font-size:.6rem; transform:translateY(1px); }
.cosmos-player [data-player-time] { color:#d8d7d2; font:400 .8rem var(--font-mono,monospace); font-variant-numeric:tabular-nums; }
.cosmos-media .cosmos-player .cosmos-player-sound { display:flex; align-items:center; gap:6px; }
.cosmos-media .cosmos-player .cosmos-player-sound button { width:44px; height:44px; }
.cosmos-player [data-player-mute][aria-pressed=true] { opacity:.5; }
.cosmos-player .cosmos-player-shortcuts { font-size:.7rem; color:#aaaead; margin:14px 0 0; }
.cosmos-player-shortcuts span { margin-left:24px; }
.cosmos-media .cosmos-player-status { position:absolute; top:38%; left:50%; transform:translate(-50%,-50%); padding:16px 22px; font-size:.9rem; color:#eee6dc; background:#111317ed; border-left:2px solid var(--media-warm); border-radius:0; }
.cosmos-player-status:before { content:''; display:inline-block; width:5px; height:5px; margin-right:12px; background:var(--media-warm); animation:cosmos-player-signal 1.2s ease-in-out infinite alternate; }
.cosmos-media .cosmos-player .bobflix-player__error { inset:26% max(20px,calc((100vw - 640px)/2)) auto; min-height:160px; display:flex; flex-direction:column; justify-content:center; gap:20px; padding:30px; background:#14161aee; border-top:1px solid var(--media-line); border-radius:0; z-index:2; font-size:1rem; line-height:1.7; }
.cosmos-player .bobflix-player__error button { min-height:44px; padding:10px 24px; color:#17191d; background:#e8ded1; border:0; border-radius:4px; }
.cosmos-player button:disabled { cursor:default; }
@keyframes cosmos-player-signal { to { opacity:.2; } }
@media(max-width:600px) {
  .cosmos-media .cosmos-player .cosmos-player-toolbar { grid-template-columns:1fr auto; gap:8px; }
  .cosmos-player [data-player-time] { text-align:right; font-size:.75rem; }
  .cosmos-media .cosmos-player .cosmos-player-sound { grid-column:1/-1; justify-content:flex-end; }
  .cosmos-player .cosmos-player-shortcuts { display:none; }
  .cosmos-player header [data-connected-beam-playback] span { display:none; }
  .cosmos-player [data-player-progress] { min-height:44px; }
}
@media(min-width:1600px) { .cosmos-media-collections, .cosmos-media-library { max-width:1500px; margin-inline:auto; } }
@media(max-width:767px) {
  .cosmos-media-nav { gap:12px; padding:0 18px; min-height:58px; }
  .cosmos-media-nav nav { gap:12px; }
  .cosmos-media-nav>button span { display:none; }
  .cosmos-media .cosmos-media-feature { min-height:600px; display:flex; align-items:end; padding:220px 24px 35px; }
  .cosmos-media-feature__art { inset:0 0 30%; }
  .cosmos-media-feature__art img { object-position:60% top; opacity:.85; }
  .cosmos-media-feature:after { background:linear-gradient(0deg,#0a0b0e 0%,#0a0b0eea 36%,#0a0b0e55 64%,#0a0b0e22); }
  .cosmos-media-feature__copy { width:100%; }
  .cosmos-media-feature h2 { font-size:clamp(2.65rem,10vw,4.7rem); margin:15px 0; }
  .cosmos-media-feature .cosmos-media-feature__overview { font-size:.93rem; -webkit-line-clamp:3; }
  .cosmos-media-feature__signature { display:none; }
  .cosmos-media-collections { padding:0 20px 45px; }
  .cosmos-media-collection { margin:28px 0 42px; }
  .cosmos-media-collection__items { grid-auto-columns:42%; gap:15px; }
  .cosmos-media-collection--series .cosmos-media-collection__items { grid-auto-columns:46%; }
  .cosmos-media-collection--continue .cosmos-media-collection__items { grid-auto-columns:85%; }
  .cosmos-media-destinations>a { grid-template-columns:22px 1fr 18px; gap:12px; }
  .cosmos-media-destinations small { grid-column:2; grid-row:2; }
  .cosmos-media-destinations svg { grid-column:3; grid-row:1/3; }
  .cosmos-media .cosmos-media-library .cosmos-media-library__items { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 15px; }
  .cosmos-media .bobflix-detail-sheet { padding:0; }
  .cosmos-media .bobflix-detail-sheet>section { border-radius:0; height:100dvh; max-height:100dvh; }
  .cosmos-media-detail__scene { display:block; min-height:330px; padding:70px 22px 25px; }
  .cosmos-media-detail__poster { width:85px; margin-bottom:22px; }
  .cosmos-media-detail__identity h2 { font-size:clamp(2rem,7vw,3.4rem); }
  .cosmos-media-detail__identity .cosmos-media-actions { grid-column:1/-1; }
  .cosmos-media-detail__body { padding:0 22px 40px; }
  .cosmos-media-detail .cosmos-media-actions { gap:8px; margin-top:20px; }
  .cosmos-media-detail .cosmos-media-actions button { padding:10px 12px; font-size:.82rem; }
  .cosmos-media-episodes>button { grid-template-columns:90px 1fr; gap:14px; }
  .cosmos-media-episodes>button>svg { display:none; }
  .cosmos-media-episodes p { -webkit-line-clamp:2; font-size:.8rem; }
}
@media(prefers-reduced-motion:reduce) { .cosmos-media *, .cosmos-media *:before, .cosmos-media *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* A screening room shaped by actual library art, with a truthful type poster fallback. */
.cosmos-media {
  background: #09090b;
}
.cosmos-media-nav {
  background: #0e0d0e;
  border-bottom-color: #d7ae7827;
}
.cosmos-media .cosmos-media-feature {
  min-height: min(740px, calc(100svh - 150px));
  padding-inline: clamp(28px, 6vw, 104px);
  background: #10100f;
  overflow: hidden;
}
.cosmos-media-feature__art {
  inset: 0 0 0 45%;
}
.cosmos-media-feature__art img {
  opacity: .78;
}
.cosmos-media-feature:after {
  background: linear-gradient(90deg, #0b0b0d 2%, #0b0b0df0 20%, #0b0b0d55 58%, transparent 92%), linear-gradient(0deg, #09090b, transparent 38%);
}
.cosmos-media-feature__copy {
  width: min(720px, 64%);
  padding-block: 35px;
}
.cosmos-media-feature h2 {
  max-width: 720px;
  font-size: clamp(4rem, 6.2vw, 8rem);
  line-height: .92;
  letter-spacing: -.069em;
}
.cosmos-media-feature .cosmos-media-feature__overview {
  max-width: 450px;
  color: #ded8cf;
  font-size: 1.05rem;
}
.cosmos-media-feature__signature {
  right: clamp(28px, 4vw, 64px);
  color: #e9c9a3;
  opacity: .9;
}
.cosmos-media-feature--typographic {
  background: radial-gradient(ellipse at 80% 45%, #59432d70, transparent 46%), #0c0b0c;
}
.cosmos-media-feature--typographic .cosmos-media-feature__art {
  display: grid;
  align-items: center;
  justify-items: end;
  right: 8%;
}
.cosmos-media-feature__art > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: min(42vw, 560px);
  min-height: 64%;
  padding: clamp(22px, 3vw, 45px);
  border: 1px solid #d7ae7845;
  background: radial-gradient(circle at 80% 32%, #a0794540, transparent 49%), repeating-linear-gradient(-17deg, transparent 0 26px, #d7ae780b 27px, transparent 28px), #17120f;
  transform: rotate(3deg);
  box-shadow: 0 35px 90px #0008;
}
.cosmos-media-feature__art > span small,
.cosmos-media-tile__fallback small {
  color: #e2b986;
  font-size: .68rem;
  letter-spacing: .13em;
  font-weight: 600;
  text-transform: uppercase;
}
.cosmos-media-feature__art > span strong {
  max-width: 100%;
  color: #f7eddf;
  font-size: clamp(2.5rem, 5vw, 5.8rem);
  line-height: .92;
  font-weight: 700;
  letter-spacing: -.06em;
  overflow-wrap: anywhere;
}
.cosmos-media-feature__art > span em,
.cosmos-media-tile__fallback em {
  color: #c8ac8d;
  font-size: .65rem;
  letter-spacing: .12em;
  font-style: normal;
}
.cosmos-media-collections {
  padding-inline: clamp(25px, 5vw, 86px);
  padding-top: 40px;
}
.cosmos-media-collection {
  margin-block: 32px 78px;
}
.cosmos-media-collection h3 {
  font-size: clamp(2rem, 3vw, 3.4rem);
  line-height: 1;
}
.cosmos-media-collection__items {
  grid-auto-columns: minmax(160px, 18%);
  gap: clamp(16px, 1.8vw, 30px);
}
.cosmos-media-collection--continue .cosmos-media-collection__items {
  grid-auto-columns: minmax(260px, 35%);
}
.cosmos-media .cosmos-media-tile > div {
  border-radius: 3px;
  box-shadow: 0 16px 35px #0004;
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.cosmos-media .cosmos-media-tile:hover > div,
.cosmos-media .cosmos-media-tile:focus-visible > div {
  transform: translateY(-5px);
  box-shadow: 0 24px 42px #0008;
}
.cosmos-media-tile__fallback {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: clamp(16px, 2vw, 28px);
  background: radial-gradient(circle at 72% 25%, #84634350, transparent 48%), repeating-linear-gradient(-20deg, transparent 0 24px, #e1b7830a 25px, transparent 26px), #1b1512;
  color: #f1e9de;
}
.cosmos-media-tile__fallback b {
  max-width: 100%;
  font-size: clamp(1.25rem, 2vw, 2.5rem);
  line-height: .98;
  font-weight: 700;
  letter-spacing: -.05em;
  overflow-wrap: anywhere;
}
.cosmos-media-tile--wide .cosmos-media-tile__fallback b {
  font-size: clamp(1.4rem, 2.8vw, 3.4rem);
}
.cosmos-media .cosmos-media-library {
  padding-inline: clamp(25px, 5vw, 86px);
}
.cosmos-media .bobflix-detail-sheet > section {
  background: #13110f;
}
.cosmos-media-detail__scene {
  min-height: 500px;
  background: linear-gradient(90deg, #13110fda 5%, #13110f94 65%), linear-gradient(0deg, #13110f 0%, transparent 70%), var(--detail-backdrop, none) center/cover;
}
.cosmos-media-detail__identity h2 {
  font-size: clamp(3.3rem, 5.1vw, 6.8rem);
  line-height: .95;
}
@media (max-width: 767px) {
  .cosmos-media .cosmos-media-feature {
    min-height: 545px;
    padding: 175px 22px 35px;
  }
  .cosmos-media-feature__art {
    inset: 0 0 26%;
  }
  .cosmos-media-feature__art img { opacity: .85; }
  .cosmos-media-feature__art img {
    object-position: right top;
    -webkit-mask-image: linear-gradient(90deg, transparent 0 42%, #000 82%);
    mask-image: linear-gradient(90deg, transparent 0 42%, #000 82%);
  }
  .cosmos-media-feature:after {
    background: linear-gradient(0deg, #09090b 0%, #09090bf0 34%, #09090b77 63%, #09090b00);
  }
  .cosmos-media-feature__copy {
    width: 100%;
    padding: 0;
  }
  .cosmos-media-feature h2 {
    font-size: clamp(3rem, 11vw, 5rem);
  }
  .cosmos-media-feature--typographic .cosmos-media-feature__art {
    inset: 0 0 28%;
    justify-items: end;
    right: 12%;
  }
  .cosmos-media-feature__art > span {
    width: min(68vw, 340px);
    min-height: 78%;
    padding: 20px;
  }
  .cosmos-media-feature__art > span strong { font-size: clamp(1.9rem, 7vw, 3.4rem); }
  .cosmos-media-collections { padding: 14px 20px 50px; }
  .cosmos-media-collection { margin-bottom: 55px; }
  .cosmos-media-collection__items { grid-auto-columns: 43%; }
  .cosmos-media-collection--continue .cosmos-media-collection__items { grid-auto-columns: 84%; }
  .cosmos-media .cosmos-media-library { padding-inline: 20px; }
  .cosmos-media-detail__scene { min-height: 380px; }
  .cosmos-media-detail__identity h2 { font-size: clamp(2.4rem, 8vw, 4rem); }
}
@media (prefers-reduced-motion: reduce) {
  .cosmos-media .cosmos-media-tile:hover > div,
  .cosmos-media .cosmos-media-tile:focus-visible > div { transform: none; }
}

/* Give actual library art a visible frame while keeping embedded lettering out
   of the crop. The live title and actions carry the information. */
.cosmos-media .cosmos-media-feature {
  min-height: min(570px, calc(100svh - 175px));
  background: radial-gradient(ellipse at 78% 47%, #6b482847, transparent 49%), #0b0b0d;
}
.cosmos-media .cosmos-media-feature:not(.cosmos-media-feature--typographic) .cosmos-media-feature__art {
  inset: 7% 4% 8% 57%;
  border: 1px solid #d7ae7866;
  background: #281c13;
  box-shadow: 0 30px 70px #0008, 0 0 0 8px #d7ae780a;
}
.cosmos-media .cosmos-media-feature:not(.cosmos-media-feature--typographic) .cosmos-media-feature__art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0b0b0d8a, transparent 18% 82%, #0b0b0d62),
    linear-gradient(0deg, #0b0b0d70, transparent 35%);
  pointer-events: none;
}
.cosmos-media .cosmos-media-feature:not(.cosmos-media-feature--typographic) .cosmos-media-feature__art img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: 0;
  object-position: 62% 62%;
  opacity: 1;
  filter: brightness(2.4) contrast(1.12) saturate(1.15);
  transform: translateY(17%) scale(1.4);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12% 87%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12% 87%, transparent);
}
.cosmos-media-feature:after {
  background: linear-gradient(90deg, #0b0b0d 3%, #0b0b0deb 31%, #0b0b0d72 56%, transparent 73%),
    linear-gradient(0deg, #09090b, transparent 22%);
}
.cosmos-media-feature__copy { position: relative; z-index: 1; width: min(690px, 56%); }
.cosmos-media-feature h2 { max-width: 680px; font-size: clamp(3.5rem, 5.5vw, 7rem); }
.cosmos-media-feature__signature {
  right: 6%;
  bottom: 6%;
  padding: 12px 0 0 26px;
  border-top: 1px solid #d7ae7870;
  background: #0b0b0da6;
}
@media (max-width: 767px) {
  .cosmos-media .cosmos-media-feature {
    display: block;
    min-height: 0;
    padding: 220px 20px 32px;
  }
  .cosmos-media .cosmos-media-feature:not(.cosmos-media-feature--typographic) .cosmos-media-feature__art {
    inset: 16px 18px auto;
    height: 184px;
    box-shadow: 0 16px 36px #0007;
  }
  .cosmos-media .cosmos-media-feature:not(.cosmos-media-feature--typographic) .cosmos-media-feature__art img {
    width: 220%;
    max-width: none;
    margin-left: -76%;
    object-position: center 60%;
    transform: none;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .cosmos-media .cosmos-media-feature:not(.cosmos-media-feature--typographic) .cosmos-media-feature__art::after {
    background: linear-gradient(90deg, #0b0b0d85, transparent 14% 82%, #0b0b0d70),
      linear-gradient(0deg, #0b0b0d61, transparent 35%);
  }
  .cosmos-media-feature:after {
    background: none;
  }
  .cosmos-media-feature__copy { width: 100%; }
  .cosmos-media-feature h2 { margin: 10px 0 12px; font-size: clamp(2.9rem, 10vw, 4.8rem); }
  .cosmos-media-feature .cosmos-media-feature__overview { margin: 13px 0 0; }
  .cosmos-media-feature .cosmos-media-actions { margin-top: 19px; }
  .cosmos-media-feature__signature { display: none; }
}