.intro>*{min-width:0}.intro h1{overflow-wrap:anywhere}
.pickem-calendar{border-top:4px solid var(--ink);padding-top:30px;margin-bottom:8px}
.calendar-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px 30px;flex-wrap:wrap;margin-bottom:30px}
.calendar-heading h2{overflow-wrap:anywhere}
.calendar-heading p{font-size:16px;margin:0}
.calendar-month{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);margin:0;padding-bottom:12px}
.calendar-month span{color:#606060}
.calendar-events{list-style:none;padding:0;margin:0}
.calendar-events li{border-bottom:1px solid var(--line)}
.calendar-event{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:30px;padding:26px 0;color:var(--ink);text-decoration:none}
.calendar-event:hover{text-decoration:none}
a.calendar-event:hover h3{text-decoration:underline;text-underline-offset:5px}
.calendar-date{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.calendar-date strong{font-family:Anton,'Arial Narrow',sans-serif;font-weight:400;font-size:50px;line-height:1}
.calendar-date span{font-size:12px;letter-spacing:.08em;color:#606060}
.calendar-series{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#606060}
.calendar-info h3{font-size:32px;line-height:1.15;margin:7px 0 9px;overflow-wrap:anywhere}
.calendar-detail{font-size:14px;line-height:1.5;color:#606060}
.calendar-access{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.calendar-open,.calendar-pending{font-size:13px;line-height:1.5}
.calendar-open{font-weight:700}
.calendar-pending{color:#606060}
.calendar-link{font-family:Anton,'Arial Narrow',sans-serif;font-size:20px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;padding:5px 0}
.calendar-footer{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;padding-top:14px}
.calendar-footer>span{font-size:13px;color:#606060}
@media(max-width:700px){
 .calendar-heading{margin-bottom:24px;gap:12px}
 .calendar-heading h2{font-size:32px}
 .calendar-heading p{font-size:15px}
 .calendar-month{font-size:11px;letter-spacing:.04em}
 .calendar-event{grid-template-columns:52px minmax(0,1fr);gap:10px 18px;padding:22px 0}
 .calendar-date strong{font-size:42px}
 .calendar-date span{font-size:11px;letter-spacing:.02em}
 .calendar-info h3{font-size:27px;margin:6px 0 8px}
 .calendar-detail{font-size:13px;display:block}
 .calendar-access{grid-column:2;align-items:flex-start;gap:0}
 .calendar-footer{gap:4px}
 .calendar-footer .action-link{font-size:17px}
}
@media(max-width:360px){.calendar-heading h2{font-size:29px}.calendar-event{gap:10px 12px}.calendar-info h3{font-size:25px}}

.hero-brand .hero-pickem{display:inline-flex;min-height:64px;background:var(--ink);color:var(--paper);padding:15px 30px;font-size:clamp(25px,2.6vw,36px);line-height:1.25;text-transform:uppercase;text-decoration:none;margin-top:42px;border:2px solid var(--ink)}
.hero-brand .hero-pickem:hover{background:var(--paper);color:var(--ink);text-decoration:none}
.hero-brand .hero-pickem:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.pickem-hub{max-width:1000px;margin:0 auto;padding:36px 40px 30px}
.hub-header{padding:0 0 58px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.hub-header img{display:block;width:160px;height:auto}
.hub-header .action-link{font-size:17px}
.hub-intro{margin:0 0 36px}
.hub-intro h1{font-size:clamp(36px,5vw,60px);overflow-wrap:anywhere;margin-bottom:22px}
.hub-intro p{font-size:18px;margin-bottom:12px;max-width:50ch}
.hub-intro>span{font-size:13px;color:#606060}
.pickem-hub .pickem-calendar{padding-top:20px;margin-bottom:0}
.pickem-hub .calendar-info h2{font-size:32px;line-height:1.15;margin:7px 0 9px;overflow-wrap:anywhere}
.pickem-hub a.calendar-event:hover h2{text-decoration:underline;text-underline-offset:5px}
.hub-archive{padding:38px 0 42px}
.hub-archive h2{font-size:28px;margin:0 0 12px}
.hub-archive p{font-size:15px;margin:0 0 8px;color:#606060}
.pickem-hub .site-footer{margin-top:25px}
@media(max-width:700px){
 .hero-brand .hero-pickem{font-size:26px;padding:15px 22px;margin-top:28px;min-height:60px}
 .pickem-hub{padding:24px 22px}
 .hub-header{padding-bottom:44px;gap:18px;flex-wrap:wrap}
 .hub-header img{width:125px}
 .hub-header .action-link{font-size:15px}
 .hub-intro h1{font-size:37px}
 .hub-intro p{font-size:16px}
 .pickem-hub .calendar-info h2{font-size:27px}
 .hub-archive .action-link{font-size:17px}
}
@media(max-width:360px){.hub-intro h1{font-size:32px}.pickem-hub{padding:22px 18px}.hero-brand .hero-pickem{font-size:23px;padding:15px 18px}.pickem-hub .calendar-info h2{font-size:25px}}

/* Monochrome clapperboard: diagonal hinged clapstick and labelled slate. */
.home-slate .cinema-sign{--slate:#191919;--chalk:#f5f4ef;display:block;position:relative;max-width:540px;margin:80px auto 0;padding:0;background:var(--slate);color:var(--chalk);border:3px solid var(--slate);border-radius:4px;box-shadow:2px 4px 0 #0002,0 8px 18px #0000000a;text-align:left;text-decoration:none;transform:rotate(-3deg)}
.cinema-sign .slate-clapper{position:relative;display:block;height:43px;background:repeating-linear-gradient(120deg,var(--chalk) 0,var(--chalk) 37px,var(--slate) 37px,var(--slate) 75px);border-bottom:5px solid var(--slate);transform-origin:12px 100%;transform:rotate(-5deg);margin-bottom:3px;box-shadow:0 -2px 0 var(--slate);border-radius:2px 2px 0 0}
.cinema-sign .slate-clapper::after{content:'';position:absolute;left:4px;bottom:-5px;width:22px;height:35px;background:var(--slate);border:1px solid #777;border-radius:3px;background-image:radial-gradient(circle at 50% 25%,#ddd 0 2px,transparent 3px),radial-gradient(circle at 50% 75%,#ddd 0 2px,transparent 3px)}
.cinema-sign .cinema-poster{display:block;margin:0 22px;border-bottom:1.5px solid var(--chalk);padding:13px 0 17px}
.cinema-sign .cinema-brand{display:block;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.2em;margin-bottom:5px}
.cinema-sign .cinema-title{display:block;font:400 clamp(40px,5.3vw,76px)/1.1 Anton,'Arial Narrow',sans-serif;letter-spacing:.015em;white-space:nowrap}
.cinema-sign .cinema-title-end{margin-left:.15em}
.cinema-sign .cinema-board{display:block;margin:0 22px;padding:16px 0 18px;border-bottom:1.5px solid var(--chalk)}
.cinema-sign .cinema-series{display:block;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.14em;margin-bottom:8px}
.cinema-sign .cinema-event{display:block;font:700 clamp(16px,1.9vw,27px)/1.25 'Courier New',monospace;letter-spacing:.025em;overflow-wrap:anywhere}
.cinema-sign .slate-footer{display:grid;grid-template-columns:1fr 1fr;margin:0 22px}
.cinema-sign .slate-footer>span{display:flex;flex-direction:column;gap:4px;padding:10px 10px 12px 0}
.cinema-sign .slate-footer>span+span{border-left:2px solid var(--chalk);padding-left:14px}
.cinema-sign .slate-label{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.12em;color:#ccc}
.cinema-sign .slate-value{font:400 16px/1.3 Anton,'Arial Narrow',sans-serif;letter-spacing:.02em}
.home-slate .cinema-sign:hover{color:var(--chalk);text-decoration:none;box-shadow:5px 7px 0 #0004}
.home-slate .cinema-sign:focus-visible{outline:3px solid #171717;outline-offset:8px}
@media(max-width:700px){
.home-slate .cinema-sign{width:calc(100vw - 56px);max-width:430px;left:50%;transform:translateX(-50%) rotate(-3deg);margin:58px 0 0}
.cinema-sign .slate-clapper{height:32px;background-size:auto}
.cinema-sign .cinema-poster{margin:0 13px;padding:9px 0 12px}
.cinema-sign .cinema-title{font-size:clamp(35px,10.5vw,57px)}
.cinema-sign .cinema-brand{font-size:10px}
.cinema-sign .cinema-board{margin:0 16px;padding:14px 0 16px}
.cinema-sign .cinema-series{font-size:10px}
.cinema-sign .cinema-event{font-size:clamp(14px,4vw,19px)}
.cinema-sign .slate-footer{margin:0 13px}
.cinema-sign .slate-value{font-size:14px}
.portrait{top:550px;height:calc(100% - 550px)}.page{min-height:1000px}
}
.cinema-sign .slate-number{float:right;font:400 20px/1 Anton,sans-serif;color:#a7a7a3;margin-left:12px}
.cinema-sign .slate-mark{display:inline-block;width:30px;height:27px;margin-left:10px;vertical-align:-5px;color:#ad5948;transform:rotate(-10deg);overflow:visible}
.tone-plain .cinema-sign .slate-mark{display:none}
@media(max-width:700px){.cinema-sign .slate-mark{width:23px;height:23px;margin-left:7px;vertical-align:-5px}}
/* Home composition keeps the opened clapstick clear of the logo at each scale. */
.hero-brand{width:41%;max-width:600px;top:clamp(130px,18vh,210px)}
.page{min-height:940px}
.calendar-event-title{display:block;font-family:Anton,'Arial Narrow',sans-serif;font-size:32px;line-height:1.15;margin:7px 0 9px;overflow-wrap:anywhere}
a.calendar-event:hover .calendar-event-title{text-decoration:underline;text-underline-offset:5px}
.page:has(.cinema-board~.cinema-board){min-height:1160px}
@media(max-width:700px){
 .hero-brand{position:relative;width:70%;max-width:none;top:auto;right:auto;margin:20px auto 0}
 .portrait{top:640px;height:calc(100% - 640px)}
 .page{min-height:1120px}
 .page:has(.cinema-board~.cinema-board){min-height:1350px}
 .page:has(.cinema-board~.cinema-board) .portrait{top:840px;height:calc(100% - 840px)}
 .calendar-event-title{font-size:27px}
}
@media(max-width:360px){.calendar-event-title{font-size:25px}}
/* Mobile reading order: portrait, introduction, prediction slate, podcast. */
.home-slate-mobile{display:none}
@media(max-width:700px){
 #pickem-home-slate{display:none}
 .home-slate-mobile{display:block;margin:0 0 54px}
 .home-slate-mobile .cinema-sign{margin-top:28px}
 .page,.page:has(.cinema-board~.cinema-board){min-height:760px}
 .portrait,.page:has(.cinema-board~.cinema-board) .portrait{top:260px;height:calc(100% - 260px)}
}
.cinema-sign .slate-title-tail{display:inline-block;white-space:nowrap}
.cinema-sign .cinema-series,.cinema-sign .slate-value,.cinema-sign .slate-label{overflow-wrap:anywhere}