/* Dedicated watch-and-listen catalogue. */
.productions-page{background:radial-gradient(ellipse at 90% 8%,#43101b33,transparent 38%),var(--bg)}
.catalogue{padding-top:134px;padding-bottom:64px;min-height:80vh}
.catalogue-back{margin-bottom:37px;font-size:10px}
.catalogue-intro{margin-bottom:38px}
.catalogue-intro .eyebrow{margin-bottom:19px;color:#bca8a9}
.catalogue-intro h1{font-size:clamp(52px,7.6vw,108px);line-height:.94;letter-spacing:-.02em}
.catalogue-intro h1>span{color:var(--red)}
.catalogue-intro>p:last-child{font-size:16px;margin-top:24px}
.media-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:34px;padding-bottom:12px}
.media-tabs[hidden],.media-panel[hidden]{display:none}
.media-tabs button{display:flex;align-items:center;justify-content:space-between;gap:36px;min-width:180px;min-height:54px;padding:13px 22px;border:1px solid #49403f;background:#121011;color:var(--muted);font-size:14px;font-weight:600}
.media-tabs button span{font-size:10px;letter-spacing:.1em;opacity:.75}
.media-tabs button[aria-selected="true"]{color:var(--ink);background:var(--deep-red);border-color:var(--red)}
.media-tabs button:hover{color:white;border-color:#bd7a83}
.media-panel{scroll-margin-top:190px}
.media-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}
.media-panel-heading h2{font-size:clamp(32px,3.5vw,48px)}
.media-panel-heading>p{font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.production-caption h3{font-family:var(--body);font-size:17px;font-weight:500;line-height:1.4;color:var(--ink)}
.releases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.release-card{min-width:0;padding:19px;border:1px solid var(--line);background:#100f10}
.release-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.release-heading h3{font-size:15px;font-family:var(--body);font-weight:500;line-height:1.4}
.release-card iframe{display:block;width:100%;height:152px;border:0;border-radius:12px;background:#181818}
.catalogue-cta{margin-top:58px;padding-top:30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}
.catalogue-cta .eyebrow{font-size:9px;margin-bottom:10px;color:var(--muted)}
.catalogue-cta h2{font-size:clamp(30px,3.7vw,48px)}
.catalogue-footer{padding-top:30px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:25px 40px}
.catalogue-logo{width:190px}
.catalogue-footer nav{display:flex;flex-wrap:wrap;gap:14px 24px;margin-left:auto;font-size:12px}
.catalogue-footer nav a{padding:8px 0}
.catalogue-footer>p{width:100%;font-size:10px;color:var(--muted)}
@media(max-width:700px){.releases-grid{grid-template-columns:1fr}.catalogue-footer nav{margin-left:0}.catalogue-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.catalogue{padding-top:104px;padding-bottom:42px}.catalogue-back{margin-bottom:30px}.catalogue-intro{margin-bottom:27px}.catalogue-intro h1{font-size:clamp(44px,12.7vw,70px)}.catalogue-intro>p:last-child{font-size:13px;max-width:290px;margin-top:18px}.catalogue-intro .eyebrow{font-size:9px}.media-tabs{margin-bottom:27px}.media-tabs button{min-width:0;flex:1;gap:20px;padding:12px 17px}.media-panel-heading{gap:12px;align-items:flex-start}.media-panel-heading h2{font-size:34px}.media-panel-heading>p{font-size:8px;text-align:right;padding-top:7px}.release-card{padding:12px}.release-heading h3{font-size:14px}.releases-grid{gap:15px}.catalogue-cta{margin-top:36px}.catalogue-footer{gap:20px}.catalogue-footer nav{gap:8px 19px;font-size:11px}.media-panel{scroll-margin-top:160px}}

/* Keep the format switch within reach throughout the collection. */
.media-tabs{position:sticky;top:74px;z-index:25;padding-top:10px;background:#0a0a0af5;backdrop-filter:blur(14px);scroll-margin-top:84px}
@media(max-width:560px){.media-tabs{top:64px;scroll-margin-top:74px}}