.media-shelf{background:var(--paper);position:relative;z-index:1}.media-shelf .shop-head{align-items:end;clear:both;min-height:180px}.media-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.media-item{position:relative;min-width:0;padding:42px 14px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.12)}.media-item:nth-child(7){grid-column:span 3}.media-index{position:absolute;left:14px;top:12px;font-size:9px;color:var(--violet)}.media-item iframe{display:block;width:100%;height:352px;border:0;border-radius:10px;background:#111}.media-actions{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding-top:12px;font-size:9px}.media-actions span{min-width:0;color:rgba(21,21,21,.7)}.media-actions a{white-space:nowrap;font-weight:500}.media-actions a:hover{text-decoration:underline}.media-shelf .affiliate-disclosure{margin:0;padding:12px 18px;border-top:0}

/* v11: lock the editorial row so News and Library cannot bleed into the shelf */
@media(min-width:1181px){
  .page-grid{grid-template-rows:auto 360px auto auto;align-items:stretch}
  .catalog,.editorial-feature,.news,.library,.library-art{height:360px;min-height:360px;max-height:360px;overflow:hidden}
  .editorial-feature{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.75fr);grid-template-rows:1fr}
  .noskip-stage{height:360px;min-height:0;border-bottom:0;border-right:1px solid var(--line)}
  .noskip-feature .editorial-copy{height:360px;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px 18px;overflow:hidden}
  .noskip-feature .editorial-copy strong{margin:auto 0;font-size:20px;line-height:1.12;max-width:18ch}
  .news{display:grid;grid-template-columns:minmax(0,1fr) 40%;grid-template-rows:35px minmax(0,1fr)}
  .news-list{min-height:0;overflow:hidden;padding:10px 14px}
  .news-list article{margin:0;padding:9px 0;border-bottom:1px dotted var(--line)}
  .news-list article:last-child{border-bottom:0}
  .news-image{min-height:0;height:325px;overflow:hidden}
  .library{grid-template-rows:35px repeat(4,minmax(0,1fr))}
  .library a{min-height:0;padding:8px 10px;align-content:center}
  .library-art{height:360px}
  .shop-grid{position:relative;z-index:2;overflow:visible}
  .shop-head{grid-template-columns:minmax(520px,1.15fr) minmax(360px,.85fr);padding:42px 30px 36px;gap:56px;align-items:end}
  .shop-head h2{font-size:clamp(54px,5vw,82px);white-space:nowrap}
  .shop-head p{max-width:560px;padding-bottom:4px}
}

/* Cleaner logo placement over the water texture */
.noskip-logo{top:48%;max-width:58%;max-height:34%;filter:none}.noskip-placeholder{top:48%;font-family:"Oswald",sans-serif;font-size:clamp(28px,3.1vw,48px);font-weight:500;letter-spacing:.16em;color:rgba(24,38,42,.7);text-transform:uppercase}.noskip-stage:after{content:"NO SKIPS / MUSIC FIRST";position:absolute;z-index:2;left:18px;bottom:14px;font:500 9px/1 "DM Mono",monospace;letter-spacing:.12em;color:rgba(20,34,38,.58)}

@media(max-width:1180px){.media-items{grid-template-columns:repeat(2,minmax(0,1fr))}.media-item:nth-child(7){grid-column:span 2}.media-item iframe{height:300px}.shop-head{min-height:auto}.noskip-logo{max-width:64%}}
@media(max-width:760px){.media-items{grid-template-columns:1fr}.media-item:nth-child(7){grid-column:auto}.media-item{padding:38px 12px 12px}.media-item iframe{height:232px}.media-actions{grid-template-columns:1fr;gap:6px}.media-actions a{white-space:normal}.noskip-stage:after{left:14px;bottom:12px}.noskip-placeholder{font-size:30px;letter-spacing:.1em}}