/* =========================================================================
   PW Video Archive — collection pages (/collection/{slug}/), v3.16.0
   The PW Homepage look (tokens, rails, buttons, 7/5 grids) for a project
   landing page. Self-contained under .pwcp so it also works inside the old
   theme when PW Homepage is off. Type: Cormorant Garamond (display) + Jost.
   ========================================================================= */

body.pwcp-shell{margin:0;background:#fcfbff!important;background-image:none!important}

.pwcp{
  --pwcp-ink:#0f0a2e; --pwcp-text:#3a3552; --pwcp-muted:#6b6685; --pwcp-faint:#8a84ab;
  --pwcp-accent:#4f46e5; --pwcp-accent-dk:#3d34c9; --pwcp-hair:#e4dffa; --pwcp-soft:#f6f4fe;
  --pwcp-page:#fcfbff; --pwcp-thumb:#e9e6f7;
  --pwcp-ink-text:#cfc9ea; --pwcp-ink-sub:#b8b3d4; --pwcp-ink-lab:#aaa4ff; --pwcp-ink-line:rgba(255,255,255,.14);
  --pwcp-gut:clamp(16px,2.8vw,40px); --pwcp-max:1240px;
  background:var(--pwcp-page);color:var(--pwcp-text);
  font:400 17px/1.6 "Jost","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-align:left;overflow-x:hidden;
}
.pwcp,.pwcp *,.pwcp *::before,.pwcp *::after{box-sizing:border-box}
.pwcp :where(h1,h2,h3,p,dl,dt,dd,ul,li,figure){margin:0;padding:0}
.pwcp :where(ul){list-style:none}
.pwcp :where(li){list-style:none;background:none}
.pwcp :where(img){max-width:100%;height:auto;border:0;padding:0;box-shadow:none;background:none}
.pwcp a{text-decoration:none!important;color:inherit;box-shadow:none}
.pwcp a:not(.pwcp-btn):not(.pwcp-chip){border:0}
.pwcp,
.pwcp :where(h1,h2,h3,p,a,span,li,button,input,select,label,dt,dd,b,strong,em){font-family:"Jost","Helvetica Neue",Arial,sans-serif!important}
.pwcp .pwcp-h1,.pwcp .pwcp-h2,.pwcp .pwcp-now-t,.pwcp .pwcp-card-t,.pwcp .pwcp-facts dt,.pwcp .pwcp-comp-t{font-family:"Cormorant Garamond",Georgia,serif!important}
.pwcp button,.pwcp input,.pwcp select{font:inherit;letter-spacing:normal;text-transform:none;margin:0}
.pwcp :focus-visible{outline:2px solid var(--pwcp-accent);outline-offset:2px}
.pwcp [hidden]{display:none!important}
.pwcp-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Inside the old theme: break out of its fixed-width column. */
.pwcp-themed{display:block;width:100%;clear:both}
.pwcp-themed .pwcp{border-radius:0}

/* ---------- layout ---------- */
.pwcp-wrap{max-width:calc(var(--pwcp-max) + 2 * var(--pwcp-gut));margin-inline:auto;padding-inline:var(--pwcp-gut)}
.pwcp-sec{padding-block:clamp(40px,4.2vw,64px)}
.pwcp-bg-white{background:#fff}
.pwcp-bg-ink{background:var(--pwcp-ink);color:var(--pwcp-ink-text)}

/* ---------- shared type ---------- */
.pwcp-rail{display:flex;align-items:center;gap:14px;margin:0 0 26px}
.pwcp-rail-t,.pwcp-eyebrow,.pwcp-lab{font:600 11px/1.3 "Jost",sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:var(--pwcp-accent);white-space:nowrap}
.pwcp-rail-line{flex:1;height:1px;background:var(--pwcp-hair)}
.pwcp-rail-n{font:500 11px/1 "Jost",sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:var(--pwcp-faint);white-space:nowrap;font-variant-numeric:tabular-nums}
.pwcp-bg-ink .pwcp-rail-t,.pwcp-bg-ink .pwcp-lab{color:var(--pwcp-ink-lab)}
.pwcp-bg-ink .pwcp-rail-line{background:var(--pwcp-ink-line)}
.pwcp-bg-ink .pwcp-rail-n{color:rgba(255,255,255,.45)}
.pwcp-lab--muted{color:var(--pwcp-muted)}
.pwcp-h2{font:600 clamp(30px,3.1vw,44px)/1.04 "Cormorant Garamond",Georgia,serif!important;color:var(--pwcp-ink);letter-spacing:-.005em;text-wrap:balance}
.pwcp-bg-ink .pwcp-h2{color:#fff}
.pwcp-meta{font-size:14px;color:var(--pwcp-muted)}
.pwcp-meta a{color:var(--pwcp-accent)!important}
.pwcp-meta a:hover{text-decoration:underline!important;text-underline-offset:3px}

.pwcp-textlink{font:600 13.5px/1.2 "Jost",sans-serif!important;letter-spacing:.02em;color:var(--pwcp-accent)!important;white-space:nowrap;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0% 1px;padding-bottom:2px;transition:background-size .3s ease}
.pwcp-textlink::after{content:"\2192";display:inline-block;margin-left:.3em;transition:transform .3s ease}
.pwcp-textlink:hover,.pwcp-textlink:focus-visible{background-size:100% 1px}
.pwcp-textlink:hover::after,.pwcp-textlink:focus-visible::after{transform:translateX(4px)}
.pwcp-bg-ink .pwcp-textlink{color:#c9c4ff!important}

.pwcp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border:1.5px solid transparent;border-radius:10px;background:var(--pwcp-accent);color:#fff!important;font:600 15px/1 "Jost",sans-serif!important;letter-spacing:.01em;cursor:pointer;transition:background-color .2s ease,color .2s ease;white-space:nowrap}
.pwcp-btn:hover{background:var(--pwcp-accent-dk)}
.pwcp-btn svg{width:15px;height:15px;flex:none}
.pwcp-btn--ghost{background:none;border-color:var(--pwcp-accent);color:var(--pwcp-accent)!important}
.pwcp-btn--ghost:hover{background:var(--pwcp-accent);color:#fff!important}
.pwcp-btn--sm{min-height:40px;padding:0 16px;font-size:13.5px!important;border-radius:8px}
.pwcp-btn.is-done{background:var(--pwcp-soft);color:var(--pwcp-accent)!important}

/* ---------- thumbnails ---------- */
.pwcp-thumb{position:relative;display:block;aspect-ratio:16/9;max-width:100%;border-radius:10px;overflow:hidden;background:var(--pwcp-thumb) linear-gradient(135deg,#2a1f6b,#4f46e5 70%,#7c6fd6)}
.pwcp-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.pwcp-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:0 6px 24px rgba(15,10,46,.25);opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease}
.pwcp-play::before{content:"";margin-left:4px;border-left:15px solid var(--pwcp-ink);border-top:10px solid transparent;border-bottom:10px solid transparent}
.pwcp-dur{position:absolute;right:10px;bottom:10px;background:rgba(15,10,46,.86);color:#fff;font:600 12px/1 "Jost",sans-serif!important;padding:5px 7px;border-radius:4px;font-variant-numeric:tabular-nums}

/* ---------- breadcrumb + intro ---------- */
.pwcp-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--pwcp-muted);padding-top:clamp(22px,2.4vw,34px)}
.pwcp-crumb a{color:var(--pwcp-accent)!important}
.pwcp-crumb a:hover{text-decoration:underline!important;text-underline-offset:3px}
.pwcp-intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(28px,5vw,80px);row-gap:28px;align-items:end;padding-block:clamp(22px,2.6vw,36px) clamp(36px,4vw,56px)}
.pwcp-h1{font:600 clamp(40px,5vw,68px)/1.02 "Cormorant Garamond",Georgia,serif!important;color:var(--pwcp-ink);letter-spacing:-.01em;text-wrap:balance;margin-top:10px!important}
.pwcp-stand{margin-top:18px!important;max-width:58ch;font-size:17.5px;line-height:1.6}
.pwcp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.pwcp-facts div{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:baseline;gap:16px;padding-block:13px;border-top:1px solid var(--pwcp-hair)}
.pwcp-facts div:last-child{border-bottom:1px solid var(--pwcp-hair)}
.pwcp-facts dt{font:600 40px/1 "Cormorant Garamond",Georgia,serif!important;color:var(--pwcp-ink);font-variant-numeric:tabular-nums}
.pwcp-facts dd{font-size:15px;line-height:1.4;color:var(--pwcp-text)}

/* ---------- now playing ---------- */
.pwcp-stage{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,44px);align-items:start}
.pwcp-player{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:14px;overflow:hidden;background:#0a0817;box-shadow:0 18px 50px rgba(15,10,46,.18)}
.pwcp-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pwcp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.pwcp-chips:empty{display:none}
.pwcp-chip{font:600 10.5px/1 "Jost",sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:var(--pwcp-accent)!important;border:1px solid #cfc8f6!important;border-radius:999px;padding:6px 10px}
a.pwcp-chip:hover{background:var(--pwcp-accent);border-color:var(--pwcp-accent)!important;color:#fff!important}
.pwcp-now-t{font:600 clamp(28px,2.6vw,38px)/1.08 "Cormorant Garamond",Georgia,serif!important;color:var(--pwcp-ink);margin-top:12px!important;text-wrap:balance}
.pwcp-now-m{margin-top:6px!important}
.pwcp-now-x{margin-top:12px!important;max-width:64ch;font-size:16px;line-height:1.6;white-space:pre-line}
.pwcp-now-x.is-clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pwcp-more-desc{margin-top:4px;background:none;border:0;padding:0;color:var(--pwcp-accent);font:600 13.5px/1.4 "Jost",sans-serif!important;cursor:pointer}
.pwcp-now-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pwcp-queue-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.pwcp-queue li{border-top:1px solid var(--pwcp-hair)}
.pwcp-queue li:first-child{border-top:0}
.pwcp-vrow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;padding-block:12px}
.pwcp-vrow .pwcp-thumb{border-radius:8px}
.pwcp-vrow .pwcp-play{width:34px;height:34px;margin:-17px 0 0 -17px}
.pwcp-vrow .pwcp-play::before{border-left-width:10px;border-top-width:6.5px;border-bottom-width:6.5px;margin-left:3px}
.pwcp-vrow .pwcp-dur{right:6px;bottom:6px;font-size:11px;padding:4px 5px}
.pwcp-vrow-tx{min-width:0;display:block}
.pwcp-vt{display:block;font:500 16px/1.35 "Jost",sans-serif!important;color:var(--pwcp-ink);transition:color .2s ease}
.pwcp-vrow .pwcp-meta{display:block;font-size:13px;margin-top:3px}
.pwcp-vrow:hover .pwcp-vt,.pwcp-vrow:focus-visible .pwcp-vt{color:var(--pwcp-accent)}
.pwcp-vrow:hover .pwcp-play{opacity:1;transform:none}

/* ---------- the collection grid ---------- */
.pwcp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:24px}
.pwcp-filters{display:flex;flex-wrap:wrap;gap:8px}
.pwcp-filter{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;font:500 14.5px/1 "Jost",sans-serif!important;color:var(--pwcp-ink);background:#fff;border:1px solid var(--pwcp-hair);border-radius:999px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.pwcp-filter:hover{border-color:var(--pwcp-accent);color:var(--pwcp-accent)}
.pwcp-filter[aria-pressed="true"]{background:var(--pwcp-ink);border-color:var(--pwcp-ink);color:#fff}
.pwcp-n{font-size:12px;color:var(--pwcp-muted);font-variant-numeric:tabular-nums}
.pwcp-filter[aria-pressed="true"] .pwcp-n{color:rgba(255,255,255,.7)}
.pwcp-tools{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}
.pwcp-q{position:relative;display:flex;align-items:center;width:260px;max-width:100%;height:42px;border:1px solid var(--pwcp-hair);border-radius:999px;background:#fff}
.pwcp-q:focus-within{border-color:var(--pwcp-accent)}
.pwcp-q svg{position:absolute;left:14px;width:16px;height:16px;color:#8a85a3;pointer-events:none}
.pwcp-q input{flex:1;min-width:0;height:100%;border:0!important;background:none!important;box-shadow:none!important;padding:0 16px 0 38px!important;font-size:14.5px!important;color:var(--pwcp-ink);border-radius:999px;outline:none}
.pwcp-sel{height:42px;border:1px solid var(--pwcp-hair);border-radius:999px;background:#fff;padding:0 14px;font:500 14px/1 "Jost",sans-serif!important;color:var(--pwcp-ink);cursor:pointer}
.pwcp-concepts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 28px}
.pwcp-concepts .pwcp-lab{margin-right:6px}
.pwcp-cfilter{font:600 11px/1 "Jost",sans-serif!important;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:999px;border:1px solid #cfc8f6;background:#fff;color:var(--pwcp-accent);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.pwcp-cfilter span{font-weight:500;opacity:.7}
.pwcp-cfilter:hover{border-color:var(--pwcp-accent)}
.pwcp-cfilter[aria-pressed="true"]{background:var(--pwcp-accent);border-color:var(--pwcp-accent);color:#fff}
.pwcp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 26px}
.pwcp-cell{min-width:0}
.pwcp-card{position:relative;display:flex;flex-direction:column;gap:12px}
.pwcp-card:hover .pwcp-thumb img,.pwcp-card:focus-visible .pwcp-thumb img{transform:scale(1.04)}
.pwcp-card:hover .pwcp-play,.pwcp-card:focus-visible .pwcp-play{opacity:1;transform:none}
.pwcp-card-t{font:600 22px/1.12 "Cormorant Garamond",Georgia,serif!important;color:var(--pwcp-ink);text-wrap:balance;transition:color .2s ease}
.pwcp-card:hover .pwcp-card-t,.pwcp-card:focus-visible .pwcp-card-t{color:var(--pwcp-accent)}
.pwcp-card-m{display:block;font-size:13.5px;line-height:1.4;color:var(--pwcp-muted);margin-top:-4px}
.pwcp-card.is-now .pwcp-thumb{outline:3px solid var(--pwcp-accent);outline-offset:3px}
.pwcp-flag{position:absolute;left:10px;top:10px;font:600 10.5px/1 "Jost",sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--pwcp-accent);padding:6px 10px;border-radius:999px}
.pwcp-more-row{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:40px}
.pwcp-count{font-size:14px;color:var(--pwcp-muted)}
.pwcp-count:empty{display:none}
.pwcp-empty{padding:28px 0;color:var(--pwcp-muted)}
/* With the script running, cards past the current page are hidden by it. */
.pwcp-cell.is-off{display:none}

/* ---------- compilations / programmes ---------- */
.pwcp-comps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin-top:22px!important}
.pwcp-comps li{border-top:1px solid var(--pwcp-hair)}
.pwcp-comps li > a,.pwcp-comps li > span{display:block;padding-block:16px}
.pwcp-comps li:not(:has(a)){padding-block:16px}
.pwcp-comp-t{display:block;font:600 22px/1.15 "Cormorant Garamond",Georgia,serif!important;color:var(--pwcp-ink);transition:color .2s ease}
.pwcp-comps a:hover .pwcp-comp-t{color:var(--pwcp-accent)}
.pwcp-comps .pwcp-meta{display:block;margin-top:4px;font-size:13.5px;line-height:1.45}

/* ---------- contributors ---------- */
.pwcp-people-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 24px;flex-wrap:wrap;margin-bottom:26px}
.pwcp-people-head p{max-width:52ch;font-size:16px}
.pwcp-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.pwcp-person{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-block:14px;border-top:1px solid var(--pwcp-hair)}
.pwcp-person-tx{min-width:0;display:block}
.pwcp-pn{display:block;font:500 16px/1.25 "Jost",sans-serif!important;color:var(--pwcp-ink);transition:color .2s ease}
a.pwcp-person:hover .pwcp-pn,a.pwcp-person:focus-visible .pwcp-pn{color:var(--pwcp-accent)}
.pwcp-pr{display:block;font-size:13px;line-height:1.4;color:var(--pwcp-muted);margin-top:2px;overflow-wrap:anywhere}
.pwcp-types{display:flex;gap:4px;flex:none}
.pwcp-type{font:600 10px/1 "Jost",sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:var(--pwcp-muted);border:1px solid var(--pwcp-hair);border-radius:4px;padding:4px 6px}
.pwcp-people li.is-off{display:none}

/* ---------- more projects (ink) ---------- */
.pwcp-archive{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(28px,5vw,80px);row-gap:28px;align-items:start}
.pwcp-sub{font-size:17px;margin-top:14px!important;max-width:46ch;color:var(--pwcp-ink-sub)}
.pwcp-abox{display:flex;margin-top:26px;max-width:560px;background:#fff;border-radius:10px;overflow:hidden}
.pwcp-abox input{flex:1;min-width:0;border:0!important;box-shadow:none!important;padding:0 16px!important;height:54px;font:500 15.5px/1 "Jost",sans-serif!important;color:var(--pwcp-text);background:#fff!important;outline:none}
.pwcp-abox button{border:0;padding:0 22px;background:var(--pwcp-accent);color:#fff;font:600 14px/1 "Jost",sans-serif!important;letter-spacing:.04em;cursor:pointer}
.pwcp-abox button:hover{background:var(--pwcp-accent-dk)}
.pwcp-colls li{border-top:1px solid var(--pwcp-ink-line);font-size:15.5px}
.pwcp-colls li:last-child{border-bottom:1px solid var(--pwcp-ink-line)}
.pwcp-colls a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:13px}
.pwcp-colls b{font-weight:500;color:#fff}
.pwcp-colls a:hover b,.pwcp-colls a:focus-visible b{color:#c9c4ff}
.pwcp-colls span{color:var(--pwcp-ink-sub);white-space:nowrap;font-variant-numeric:tabular-nums}
.pwcp-colls-all{margin-top:18px!important}
.pwcp-bg-ink :focus-visible{outline-color:#c9c4ff}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .pwcp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pwcp-people{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pwcp-vrow{grid-template-columns:120px minmax(0,1fr)}
}
@media (max-width:860px){
  .pwcp-intro,.pwcp-stage,.pwcp-archive{grid-template-columns:minmax(0,1fr)}
  .pwcp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
  .pwcp-tools{margin-left:0;width:100%}
  .pwcp-q{flex:1}
  .pwcp-comps{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .pwcp-grid,.pwcp-people{grid-template-columns:minmax(0,1fr)}
  .pwcp-vrow{grid-template-columns:112px minmax(0,1fr);gap:12px}
  .pwcp-facts div{grid-template-columns:86px minmax(0,1fr)}
  .pwcp-facts dt{font-size:32px}
  .pwcp-person .pwcp-types{display:none}
  .pwcp-btn{white-space:normal}
}
@media (pointer:coarse){
  .pwcp-filter,.pwcp-cfilter,.pwcp-sel,.pwcp-q{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  .pwcp *{transition:none!important;scroll-behavior:auto!important}
}