/* CHANNEL Z 2026 - approved clean neon archive redesign.
   Shared across home, galleries, detail pages, and new auto-generated entries. */
:root{--bg:#050a10;--panel:#07111b;--panel2:#071018;--text:#f4f7fa;--muted:#bbc5d2;--pink:#ff178c;--blue:#02c9f4;--orange:#ff178c;--line:#203040;--shadow:0 9px 27px rgba(0,0,0,.22)}
html,body{background:#050a10;color:var(--text)}
.wrap{width:min(1460px,calc(100% - 48px))}
.topbar{position:relative;top:auto;background:#050a10;border-bottom:1px solid #192734;backdrop-filter:none}
.topbar-inner{position:relative;min-height:0;display:grid;grid-template-columns:1fr;gap:0;padding:0!important}
.brandlink{height:116px;display:flex;align-items:center;padding-right:190px}
.official-logo{width:min(635px,65vw)!important;max-height:100px!important;object-fit:contain;object-position:left center}
.topbar-inner::after{content:"";position:absolute;right:8px;top:10px;width:150px;height:95px;pointer-events:none;background:url('assets/always-watching.png') center/contain no-repeat}
.nav{width:100%;justify-content:space-between;gap:8px 16px;flex-wrap:nowrap;border-top:1px solid #172533;min-height:60px}
.nav a{min-width:0;flex:0 1 auto;white-space:normal;text-align:center;padding:11px 8px!important;font-size:13px!important;line-height:1.2!important;font-weight:800;letter-spacing:.7px;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#e7edf4!important;position:relative}
.nav a.active::after,.nav a:hover::after,.nav a[aria-current="page"]::after{content:"";position:absolute;bottom:3px;left:20%;right:20%;height:3px;background:var(--pink);border-radius:6px}
.nav .shop-nav{color:#f4eef3!important}
.page-title{padding:35px 0 32px}
.page-title h1{font-size:clamp(34px,4vw,58px);letter-spacing:-1px;line-height:1.06;margin:0 0 13px;color:#f5f6f7}
.page-title p{max-width:950px;color:#d7dde7;font-size:18px;line-height:1.55}
.hero-eyebrow{font-family:Consolas,'Courier New',monospace;letter-spacing:1px;font-size:15px;color:#cad6e2;margin-bottom:11px}
.btn{border-radius:8px;padding:14px 28px}
.btn-primary{background:var(--pink);border-color:var(--pink)}
.btn-outline,.btn-secondary{background:transparent;border:1px solid #69717e}
.section{padding:14px 0 33px}
.section-head h2{font-size:clamp(26px,3vw,38px);letter-spacing:.15px}
.collection-grid{gap:23px}
.collection-card,.card,.feature-panel,.vhs-card{background:linear-gradient(180deg,#09141f,#070d15);border:1px solid #1b3442;border-radius:18px;box-shadow:none}
.collection-image{height:185px;background:#05090e}
.collection-image img{object-fit:cover;object-position:center}
.collection-copy{padding:18px 21px 21px}
.collection-copy .pill{background:none!important;border:0!important;color:#c7d4e0;padding:0!important;font-size:14px;text-transform:uppercase;font-weight:500}
.collection-copy h3{font-size:25px;margin:10px 0 12px;line-height:1.13}
.collection-copy p{color:#c5cfdd;margin:0}
.card-body{padding:16px 17px 20px}
.card h3{font-size:24px}
.card .meta,.detail-meta{color:#bbc6d1}
.footer{background:#050a10}
/* Teal-and-pink divider follows the supplied mockup */
.collections-divider{display:flex;align-items:center;justify-content:center;gap:24px;max-width:none;overflow:hidden;margin:3px calc(50% - 50vw) 26px;text-align:center}
.collections-divider::before,.collections-divider::after{content:"";height:27px;flex:1;min-width:40px;background:linear-gradient(to bottom,transparent 1px,var(--pink) 1px,var(--pink) 6px,transparent 6px,transparent 10px,#f324a4 10px,#f324a4 15px,transparent 15px,transparent 19px,var(--blue) 19px,var(--blue) 24px,transparent 24px)}
.collections-divider span{flex:0 0 auto;color:#f3f5f9;font-family:'Arial Narrow','Roboto Condensed',Impact,sans-serif;font-size:clamp(21px,2.5vw,35px);font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
.collection-preview .collection-image{height:190px}
.home .section-head--collections{display:none}
.home .page-title{padding:35px 0 23px}
.home .archive-tools{margin-top:24px}
@media(max-width:1050px){.nav{flex-wrap:wrap;justify-content:center;padding:5px 0}.nav a{font-size:12px!important}.brandlink{height:102px}.topbar-inner::after{width:122px;height:77px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-copy h3{font-size:21px}}
@media(max-width:750px){.wrap{width:min(100% - 26px,1460px)}.topbar-inner{display:flex;flex-direction:column;align-items:stretch}.brandlink{height:84px;padding-right:110px}.official-logo{width:min(470px,78vw)!important;max-height:70px!important}.topbar-inner::after{top:7px;right:0;width:104px;height:67px}.nav{gap:0 4px}.nav a{font-size:11px!important;padding:9px 8px!important}.collection-grid{grid-template-columns:1fr}.collection-image,.collection-preview .collection-image{height:auto;aspect-ratio:2.7/1}.collection-image img{object-fit:cover}.collections-divider{gap:12px}.collections-divider span{font-size:21px}.page-title{padding-top:26px}}

/* Oct 28: homepage-only collection stripes aligned to the content width. */
body.home .collections-divider {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
/* Oct 28: restore landscape previews ONLY on the Thursday gallery. */
body.thursdays-gallery .weekend-grid { align-items: start; }
body.thursdays-gallery .poster-card { align-self: start; height: auto; }
body.thursdays-gallery .poster-card .poster-thumb {
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
}
body.thursdays-gallery .poster-card .poster-thumb img {
  position: static !important;
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}