/* Poster system. Every size is in cqw (1cqw = 1% of the poster's width), so a poster renders
   the same at thumbnail size and full screen. */
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:block}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:block}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:block}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:block}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:block}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-900-normal.woff2) format("woff2");font-weight:900;font-display:block}

.pz{container-type:inline-size;position:relative;aspect-ratio:5/7;background:var(--bg);color:var(--text);overflow:hidden;font-family:"Hanken Grotesk",Helvetica,Arial,sans-serif;isolation:isolate}
.pz>*{position:absolute;margin:0}
.pz-wear{inset:0;background-size:100% 100%;opacity:.6;z-index:2;pointer-events:none}
.pz-grain{inset:0;background-size:42cqw;mix-blend-mode:multiply;opacity:.55;z-index:6;pointer-events:none}
.pz-block{background:var(--block);z-index:1}
.pz-name{z-index:3;color:var(--ink);font-weight:800;letter-spacing:-.055em;line-height:.86;display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}
.pz-name span{display:block}
.pz-name.is-right{align-items:flex-end}
.pz-name.is-center{align-items:center}
.pz-meta{z-index:3;font-size:2.35cqw;line-height:1.38;font-weight:500;display:flex;flex-direction:column}
.pz-meta b{font-weight:800;font-size:3.4cqw;margin-bottom:.6cqw}
.pz-meta.is-center{align-items:center;text-align:center}
.pz-meta.has-rule::before{content:"";display:block;width:7cqw;border-top:.5cqw solid currentColor;margin-bottom:1.8cqw}
.pz-year{z-index:3;color:var(--text);font-weight:800;letter-spacing:-.04em;line-height:1}
.pz-year.is-center{text-align:center}
.pz-year.has-rule::after{content:"";display:block;width:7cqw;margin:1.5cqw 0 0 auto;border-top:.5cqw solid currentColor}
.pz-numeral{z-index:1;color:var(--block);font-weight:900;font-size:96cqw;letter-spacing:-.08em;line-height:.8}
.pz-chips{top:5cqw;right:6cqw;display:flex;z-index:4}
.pz-chips i{display:block;width:4.6cqw;height:3.4cqw}
.pz-foot{z-index:3;display:flex;flex-direction:column;gap:2cqw}
.pz-foot.is-center{align-items:center;text-align:center}
.pz-foot.on-block{color:var(--on)}
.pz-credits{list-style:none;margin:0;padding:0;font-size:2.25cqw;line-height:1.42;display:grid;grid-template-columns:1fr;column-gap:4cqw;width:100%}
.pz-credits.two{grid-template-columns:1fr 1fr}
.pz-foot.is-center .pz-credits{justify-items:center}
.pz-credits li{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-credits button{all:unset;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline}
.pz-credits button:focus-visible{outline:.4cqw solid currentColor;outline-offset:.3cqw}
.pz-credits .dn{font-weight:500}
.pz-credits .sl{opacity:.7}
.pz-credits .pr{font-weight:800;font-variant-numeric:tabular-nums lining-nums}
.pz-credits li.on .dn,.pz-credits button:hover .dn{text-decoration:underline;text-decoration-thickness:.3cqw;text-underline-offset:.5cqw}
.pz-credits li.on{font-weight:800}
.pz-credits .more{opacity:.75;font-style:normal}
.pz-nypl{font-size:1.9cqw;color:inherit;opacity:.8;font-weight:500}
.pz.thumb .pz-nypl{display:none}
/* dish poster */
.pz-bars{left:0;right:0;z-index:3}
.pz-bars i{position:absolute;bottom:0;background:var(--block)}
.pz-ticks{left:0;right:0;z-index:3;font-size:2.2cqw;font-weight:700}
.pz-ticks span{position:absolute}
.pz-ticks::before{content:"";position:absolute;left:7cqw;right:7cqw;top:-1cqw;border-top:.35cqw solid var(--text)}
.pz-stats{font-size:2.9cqw}
.pz-flow{z-index:3;display:flex;flex-direction:column;justify-content:space-between;gap:2.5cqw;overflow:hidden}
.pz-flow .pz-meta,.pz-flow .pz-foot{position:static}
.pz-flow.tight{justify-content:flex-start;gap:4cqw}
.pz-flow.is-center{align-items:center;text-align:center}
.pz-flow.is-center .pz-meta{align-items:center}
.pz-flow.is-center .pz-credits{justify-items:center}
.pz-flow.on-block{color:var(--on)}
.pz-numeral{font-size:82cqw}
/* v3 covers: drawn illustration, cut-out subject, frame and decade ornament */
.pz-block{overflow:hidden}
.pz-art{display:block}
.pz-cut{z-index:2;overflow:visible;filter:drop-shadow(.5cqw .5cqw 0 rgba(0,0,0,.12))}
.pz-numeral-svg{z-index:1}
.pz-deco{inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:.75}
.pz-art{width:100%;height:100%}
.pz-name.halo{text-shadow:.45cqw 0 var(--bg),-.45cqw 0 var(--bg),0 .45cqw var(--bg),0 -.45cqw var(--bg),.32cqw .32cqw var(--bg),-.32cqw .32cqw var(--bg),.32cqw -.32cqw var(--bg),-.32cqw -.32cqw var(--bg)}
/* credits always fit: long dish names shorten with an ellipsis, the price never gets cut */
.pz-credits li{display:flex;min-width:0}
.pz-credits li>button{display:flex;min-width:0;max-width:100%}
.pz-credits .dn{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-credits .sl,.pz-credits .pr{flex:none;white-space:pre}
.pz-foot.is-center .pz-credits li,.pz-flow.is-center .pz-credits li{justify-content:center}
.pz-credits.two{column-gap:5cqw}
/* during a menu change the cover is drawn twice: art layers dissolve, type cross-fades */
.pz.artonly .pz-name,.pz.artonly .pz-meta,.pz.artonly .pz-flow,.pz.artonly b.pz-year,.pz.artonly .pz-chips{visibility:hidden}
.pz.typeonly{background:transparent}
.pz.typeonly .pz-wear,.pz.typeonly .pz-grain,.pz.typeonly .pz-block,.pz.typeonly .pz-cut,.pz.typeonly .pz-numeral-svg,.pz.typeonly .pz-deco{visibility:hidden}
.pz-credits,.pz-foot.is-center .pz-credits,.pz-flow.is-center .pz-credits{justify-items:stretch}
.pz-credits li{justify-self:stretch;width:100%}
