/* The Picture Show: films wall to wall. Each plays only while it is on screen. */
.ps,.ps-home{--m:clamp(16px,4vw,64px);--ink:#0e243a;--red:#c8202f;--blue:#b0dff6;--paper:#f8f6f0;--yel:#f2c84b;--mono:'Red Hat Mono',ui-monospace,monospace;--cond:'Barlow Condensed','Arial Narrow',sans-serif;--sans:'Public Sans',system-ui,sans-serif}
.ps{background:var(--ink);color:var(--paper);font-family:var(--sans)}
.ps *{box-sizing:border-box}
.ps [hidden]{display:none!important}
.ps-top{padding:clamp(32px,5vw,72px) var(--m) clamp(24px,3vw,40px)}
.ps-k{margin:0;color:var(--yel);font:700 13px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.ps-top h1{margin:10px 0 0;color:var(--paper);font:800 clamp(72px,14vw,240px)/.88 var(--cond);letter-spacing:-.02em}
.ps-dek{margin:18px 0 0;max-width:46ch;color:var(--paper);font:500 clamp(20px,2vw,28px)/1.3 var(--sans)}
.ps-chips{position:sticky;top:var(--sh-h,62px);z-index:5;display:flex;flex-wrap:wrap;gap:6px;padding:10px var(--m);background:var(--blue)}
.ps-chips button{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 10px;border:2px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:700 15px/1.2 var(--sans);cursor:pointer}
.ps-chips [aria-pressed=true]{background:var(--paper);box-shadow:inset 0 -5px 0 var(--red)}
.ps-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:2px;margin:0;padding:0;list-style:none}
.ps-t{position:relative;min-width:0;aspect-ratio:16/9;background:#0a1b2c}
.ps-t.is-big{grid-column:span 2;grid-row:span 2}
.ps-t button{appearance:none;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;color:#fff;text-align:left;cursor:pointer;overflow:hidden}
.ps-t video{display:block;width:100%;height:100%;object-fit:cover}
.ps-cap{position:absolute;inset:auto 0 0 0;padding:44px 14px 12px;background:linear-gradient(transparent,#0e243ae6 70%)}
.ps-cap b{display:block;color:#fff;font:800 clamp(22px,1.9vw,30px)/1.02 var(--cond)}
.ps-cap i{display:none;margin-top:4px;color:#fff;font:500 15px/1.3 var(--sans);font-style:normal}
.ps-t.is-big .ps-cap b{font-size:clamp(30px,3.4vw,56px)}
.ps-t.is-big .ps-cap i{display:block;font-size:clamp(16px,1.4vw,20px)}
.ps-t button:hover .ps-cap i,.ps-t button:focus-visible .ps-cap i{display:block}
.ps-end{padding:clamp(40px,6vw,96px) var(--m);background:var(--red);color:#fff}
.ps-end h2{margin:0;color:#fff;font:800 clamp(48px,7vw,120px)/.94 var(--cond)}
.ps-end p{margin:14px 0 0;max-width:48ch;color:#fff;font:500 clamp(19px,1.7vw,24px)/1.35 var(--sans)}
.ps-go{display:flex;flex-wrap:wrap;gap:8px}
.ps .ps-end .ps-go{margin-top:22px}
.ps-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:2px solid var(--paper);border-radius:0;background:var(--paper);color:var(--ink);font:700 16px/1.2 var(--sans);text-decoration:none;cursor:pointer}
.ps-btn.is-2{background:transparent;color:var(--paper)}
.ps-btn:hover{background:var(--yel);border-color:var(--yel);color:var(--ink)}
.ps-dlg{width:min(1200px,96vw);max-height:96vh;padding:0;border:0;border-radius:0;background:var(--ink);color:var(--paper);overflow:auto}
.ps-dlg::backdrop{background:#0e243af2}
.ps-dlg video{display:block;width:100%;aspect-ratio:16/9;background:#0a1b2c}
.ps-dlg-b{padding:18px clamp(16px,3vw,32px) 24px}
.ps-dlg h2{margin:0;color:var(--paper);font:800 clamp(34px,4vw,60px)/1 var(--cond)}
.ps-l{margin:8px 0 16px;color:var(--paper);font:500 clamp(18px,1.6vw,23px)/1.35 var(--sans)}
.ps-x{appearance:none;position:absolute;top:10px;right:10px;z-index:2;min-height:44px;padding:8px 14px;border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:700 15px/1.2 var(--sans);cursor:pointer}
/* the home band */
.ps-home{display:grid;grid-template-columns:minmax(240px,3fr) minmax(0,9fr);background:#0e243a;color:#f8f6f0;font-family:var(--sans)}
.ps-home-t{padding:clamp(24px,3vw,44px) var(--m)}
.ps-home h2{margin:8px 0 0;font:800 clamp(44px,4.6vw,80px)/.94 var(--cond);color:#f8f6f0}
.ps-home h2 a{color:inherit;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.ps-home-t>p:last-child{margin:12px 0 0;color:#f8f6f0;font:500 18px/1.35 var(--sans)}
.ps-home ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none}
.ps-home li{min-width:0}
.ps-home li a{position:relative;display:block;height:100%;min-height:300px;overflow:hidden;color:#fff;text-decoration:none}
.ps-home video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ps-home span{position:absolute;inset:auto 0 0 0;padding:40px 12px 12px;background:linear-gradient(transparent,#0e243ae6 70%);color:#fff;font:800 clamp(20px,1.7vw,26px)/1.04 var(--cond)}
@media (max-width:1100px){.ps-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.ps-home{grid-template-columns:minmax(0,1fr)}.ps-home ul{grid-template-columns:repeat(3,minmax(0,1fr))}.ps-home li a{min-height:200px}.ps-home li:nth-child(n+4){grid-column:span 1}}
@media (max-width:640px){.ps-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-t.is-big{grid-column:span 2;grid-row:auto}.ps-home ul{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-home li:last-child{grid-column:span 2}.ps-cap{padding:30px 10px 8px}}
.skip{position:absolute;left:8px;top:-60px;z-index:100;padding:10px 14px;background:#0e243a;color:#fff}
.skip:focus{top:8px}
body{margin:0}
html:not(#tgc-sq) body main.ps :is(a,button,video,img){border-radius:0!important}
@media (max-width:760px){.ps-chips{position:static}}