/* leslanphere.com v2 — pop film-festival poster. Black / cream / magenta / crimson. Anton + system sans. */
@font-face{font-family:"Anton";src:url(/assets/fonts/anton-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#0b0a0a;--cream:#f4ebdc;--pink:#e8327c;--red:#c8102e;--mute:#b9b0a4;--max:1180px;
--head:"Anton",Impact,"Arial Narrow Bold","Helvetica Neue",sans-serif;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--grain-lite:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
--mega:clamp(96px,23vw,360px);
--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:0;background:var(--ink);color:var(--cream);font:400 17px/1.6 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--pink)}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px;position:relative}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--pink);color:var(--ink);padding:8px;z-index:20}
.top{position:sticky;top:0;background:var(--ink);z-index:10;border-bottom:3px solid var(--red)}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;padding-top:12px;padding-bottom:12px}
.brand{font:400 26px/1 var(--head);text-transform:uppercase;letter-spacing:.02em;text-decoration:none;color:var(--cream)}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 26px}
nav a{text-decoration:none;font:400 19px/1.4 var(--head);letter-spacing:.03em;text-transform:uppercase;color:var(--cream)}
nav a:hover,nav a[aria-current]{color:var(--pink)}
nav a[aria-current]{box-shadow:inset 0 -3px var(--pink)}
h1,h2,h3{font-family:var(--head);font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:.005em;margin:0 0 .45em}
h1{font-size:clamp(48px,10vw,110px)}
h2{font-size:clamp(36px,6vw,64px)}
h3{font-size:clamp(24px,3vw,30px)}
.mega{font-size:var(--mega);line-height:.82;color:var(--pink);white-space:nowrap;margin:0;text-shadow:.03em .03em 0 var(--ink)}
.kicker{font:400 15px/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--pink);margin:0 0 12px}
.lede{font-size:clamp(18px,2.2vw,21px);max-width:40em}
.mute{color:var(--mute)}
.sub{font:400 clamp(17px,2.4vw,24px)/1.2 var(--head);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}
.meta{font:400 15px/1.3 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 12px}
section{padding:72px 0}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.btn{display:inline-block;padding:12px 22px 11px;font:400 18px/1.2 var(--head);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:3px solid var(--cream);color:var(--cream);transition:transform .15s,box-shadow .15s}
.btn:hover{color:var(--cream);transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--pink)}
.btn.red{background:var(--red);border-color:var(--red)}
.btn.ks{background:#05ce78;border-color:#05ce78;color:#0b0a0a}
.btn.ks:hover{background:#04a862;border-color:#04a862;color:#0b0a0a}
.btn.ink{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.btn.ink-o{border-color:var(--ink);color:var(--ink)}
.btn.ink:hover,.btn.ink-o:hover{box-shadow:5px 5px 0 var(--cream)}
.btn.ink-o:hover{color:var(--ink)}
/* duotone: grayscale image multiplied over magenta = black->magenta */
.duo{background:var(--pink);overflow:hidden;isolation:isolate}
.duo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.25) brightness(1.08);mix-blend-mode:multiply}
/* art that is already magenta: show as-is, no duotone */
.duo.tinted{background:var(--ink)}
.duo.tinted img{filter:none;mix-blend-mode:normal}
.hero{position:relative;padding:0;overflow:hidden;min-height:min(86vh,820px);display:flex;align-items:flex-end;background:var(--ink)}
.hero::after,.phead::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.16;pointer-events:none;mix-blend-mode:multiply;z-index:2}
.hero .duo{position:absolute;top:0;right:0;bottom:0;width:72%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.hero .duo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,10,10,.7),transparent 45%)}
.hero .cap{position:relative;z-index:3;width:100%;padding-top:120px;padding-bottom:56px}
.hero .mega{margin-left:-.04em;margin-right:-30vw}
.hero .sub{color:var(--cream);margin-top:18px}
.byline{font:400 20px/1.1 var(--head);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}
.byline b{font-weight:400;color:var(--pink);display:block;font-size:30px;letter-spacing:.04em}
.hero .lede{max-width:30em;text-shadow:0 1px 8px var(--ink)}
.ks-badge{position:absolute;z-index:4;top:28px;right:4vw;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 22px 20px;background:var(--ink);border:3px solid var(--cream);box-shadow:6px 6px 0 var(--red);color:var(--cream);text-decoration:none;transition:transform .15s,box-shadow .15s}
.ks-badge:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--red)}
.ks-badge span{font:400 22px/1 var(--head);text-transform:uppercase;letter-spacing:.14em}
.ks-badge img{display:block;width:170px;height:auto;margin:0 6px}
.foot-back{display:flex;align-items:center;gap:14px}.foot-back .btn{font-size:15px;padding:8px 14px 7px}
.hero.inner{min-height:min(72vh,640px)}
.phead{position:relative;overflow:hidden;padding:110px 0 40px;background:var(--ink);border-bottom:6px solid var(--pink)}
.phead .duo{position:absolute;inset:0;opacity:.75}
.phead .duo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 10%,transparent 75%)}
.phead .wrap{z-index:3}
.phead .mega{font-size:clamp(56px,17vw,240px);white-space:normal;line-height:1.02}
.phead .lede{margin:18px 0 0}
/* lobby cards */
.lobby{position:relative;transform:rotate(-3deg);transition:transform .25s ease}
.lobby::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);background:radial-gradient(circle,var(--red) 38%,transparent 41%) 0 0/9px 9px}
.lobby img,.lobby .lc{position:relative;background:var(--cream);padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.lobby:hover,.lobby:focus-within{transform:rotate(0) scale(1.02)}
.films-row{padding-top:84px}
.lobbies{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;padding:10px 20px 30px}
.card{text-decoration:none;display:block;color:var(--ink)}
.card .lc{padding:10px 10px 16px;color:var(--ink)}
.card .lc img{padding:0;box-shadow:none;aspect-ratio:2/3;object-fit:cover;width:100%}
.card h3{margin:14px 4px 2px;color:var(--ink)}
.card p{margin:0 4px;font:400 16px/1.2 var(--head);letter-spacing:.1em;color:var(--red)}
.card:hover{color:var(--ink)}.card:hover h3{color:var(--red)}
.lobbies .card:nth-child(1){transform:rotate(-5deg) translateY(14px);margin-right:-5%;z-index:1}
.lobbies .card:nth-child(2){transform:rotate(2.5deg);z-index:2}
.lobbies .card:nth-child(3){transform:rotate(-2deg) translateY(22px);margin-left:-5%;z-index:1}
.lobbies .card:hover,.lobbies .card:focus-visible{transform:rotate(0) scale(1.04);z-index:3}
/* color bands */
.band.pink{background:var(--pink) var(--grain-lite);color:var(--ink)}
.band.pink .kicker,.band.pink .mute{color:var(--ink)}
.band.pink a:hover{color:var(--cream)}
.band.cream{background:var(--cream);color:var(--ink)}
.band.cream .meta{color:#5d554c}
.band.pink .todo,.band.cream .todo,.lc .todo{background:var(--ink);color:#ffb3c4;border-color:var(--ink)}
/* about band + torn-paper photo */
.about{position:relative;margin-top:40px}
.split{display:grid;gap:40px;align-items:center}
@media(min-width:860px){.split{grid-template-columns:1.1fr .9fr}}
.breakout{position:relative;margin:-150px 0 -40px;transform:rotate(3deg);max-width:440px;justify-self:center;width:100%;isolation:isolate}
.tear-rim{position:absolute;inset:-14px;background:var(--cream);clip-path:polygon(0.0% 1.3%,9.1% 0.6%,18.2% 2.6%,27.3% 0.3%,36.4% 2.1%,45.5% 1.5%,54.5% 0.2%,63.6% 2.0%,72.7% 0.1%,81.8% 1.7%,90.9% 0.3%,99.6% 0.0%,98.3% 9.1%,96.7% 18.2%,99.5% 27.3%,99.1% 36.4%,97.5% 45.5%,96.2% 54.5%,97.7% 63.6%,98.4% 72.7%,96.1% 81.8%,99.8% 90.9%,100.0% 96.6%,90.9% 98.8%,81.8% 99.4%,72.7% 99.5%,63.6% 98.8%,54.5% 96.7%,45.5% 99.3%,36.4% 97.7%,27.3% 97.4%,18.2% 98.5%,9.1% 97.8%,0.3% 100.0%,0.2% 90.9%,0.8% 81.8%,2.7% 72.7%,1.7% 63.6%,1.3% 54.5%,2.3% 45.5%,1.8% 36.4%,1.2% 27.3%,3.2% 18.2%,2.8% 9.1%)}
.breakout::after{content:"";position:absolute;inset:-14px;z-index:-1;transform:translate(14px,14px);background:var(--ink);clip-path:polygon(0.0% 1.3%,9.1% 0.6%,18.2% 2.6%,27.3% 0.3%,36.4% 2.1%,45.5% 1.5%,54.5% 0.2%,63.6% 2.0%,72.7% 0.1%,81.8% 1.7%,90.9% 0.3%,99.6% 0.0%,98.3% 9.1%,96.7% 18.2%,99.5% 27.3%,99.1% 36.4%,97.5% 45.5%,96.2% 54.5%,97.7% 63.6%,98.4% 72.7%,96.1% 81.8%,99.8% 90.9%,100.0% 96.6%,90.9% 98.8%,81.8% 99.4%,72.7% 99.5%,63.6% 98.8%,54.5% 96.7%,45.5% 99.3%,36.4% 97.7%,27.3% 97.4%,18.2% 98.5%,9.1% 97.8%,0.3% 100.0%,0.2% 90.9%,0.8% 81.8%,2.7% 72.7%,1.7% 63.6%,1.3% 54.5%,2.3% 45.5%,1.8% 36.4%,1.2% 27.3%,3.2% 18.2%,2.8% 9.1%)}
.portrait{position:relative;width:100%;aspect-ratio:1;object-fit:cover;clip-path:polygon(0.0% 6.3%,9.1% 6.8%,18.2% 8.6%,27.3% 6.3%,36.4% 6.5%,45.5% 6.9%,54.5% 4.9%,63.6% 6.6%,72.7% 7.1%,81.8% 8.0%,90.9% 4.5%,94.5% 0.0%,95.5% 9.1%,92.0% 18.2%,92.5% 27.3%,95.8% 36.4%,91.1% 45.5%,91.2% 54.5%,92.7% 63.6%,92.9% 72.7%,95.2% 81.8%,95.9% 90.9%,100.0% 93.4%,90.9% 95.7%,81.8% 95.0%,72.7% 94.8%,63.6% 95.8%,54.5% 93.7%,45.5% 93.8%,36.4% 91.8%,27.3% 93.4%,18.2% 92.8%,9.1% 93.5%,7.3% 100.0%,6.3% 90.9%,5.4% 81.8%,9.0% 72.7%,9.0% 63.6%,8.2% 54.5%,7.5% 45.5%,5.6% 36.4%,5.1% 27.3%,5.4% 18.2%,4.4% 9.1%);background:var(--ink)}
/* film-strip watch bar */
.strip{position:relative;background:var(--cream);color:var(--ink);padding:56px 0}
.strip::before,.strip::after{content:"";position:absolute;left:0;right:0;height:26px;background:var(--ink) repeating-linear-gradient(90deg,var(--cream) 0 18px,transparent 18px 38px) 10px 8px/100% 10px repeat-x}
.strip::before{top:0}.strip::after{bottom:0}
.striplink{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;font:400 clamp(30px,6vw,64px)/1 var(--head);text-transform:uppercase;color:var(--ink)}
.striplink:hover{color:var(--red)}
.play{width:clamp(56px,8vw,90px);flex:none}.play rect{fill:var(--ink)}.play path{fill:var(--cream)}
.striplink:hover .play rect{fill:var(--red)}
.connect-cta{border-top:6px solid var(--red)}
.grid{display:grid;gap:36px}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}}
.film{display:grid;gap:44px;padding:56px 0}
.filmlist .film+.film{border-top:2px dashed #3a3530}
@media(min-width:860px){.film{grid-template-columns:320px 1fr;gap:64px}.filmlist .film:nth-child(even) .lobby{transform:rotate(2.5deg)}.filmlist .film:nth-child(even) .lobby:hover{transform:rotate(0) scale(1.02)}}
.film .lobby{max-width:320px;align-self:start}
.band .film{padding:0}
blockquote{margin:20px 0;padding:4px 0 4px 18px;border-left:5px solid var(--pink);font-size:16px}
blockquote cite{display:block;margin-top:6px;font:400 15px/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--pink)}
/* knights posts */
.posts{padding:30px 10px 10px}
.post .lc{padding:10px 10px 18px}
.post .ph{aspect-ratio:4/3;display:grid;place-items:center;background:var(--ink) var(--grain);color:var(--pink);font:400 30px/1 var(--head);text-transform:uppercase;letter-spacing:.06em}
.post h3{margin:14px 4px 6px}.post p{margin:0 4px;font-size:15px}
.posts .post:nth-child(2){transform:rotate(2deg)}.posts .post:nth-child(3){transform:rotate(-1.5deg)}
.video{position:relative;aspect-ratio:16/9;background:#000;border:3px solid var(--cream)}
.video iframe,.video button{position:absolute;inset:0;width:100%;height:100%;border:0}
.video button{cursor:pointer;background:#000 center/cover no-repeat;padding:0}
.video button::after{content:"";position:absolute;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f4ebdc' d='M9 7v10l8-5z'/%3E%3C/svg%3E") center/46px no-repeat;box-shadow:5px 5px 0 var(--ink)}
.video.placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:#000 var(--grain)}
.links{list-style:none;padding:0;margin:0}
.links li{border-top:3px solid currentColor}
.links li:last-child{border-bottom:3px solid currentColor}
.links a{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;padding:18px 0;text-decoration:none;font:400 clamp(28px,5vw,48px)/1.05 var(--head);text-transform:uppercase}
.links a span{font:400 15px/1.4 var(--sans);text-transform:none;align-self:center;opacity:.9}
.links a:hover{color:var(--pink)}
.band.pink .links a:hover{color:var(--cream)}
form.signup{display:flex;flex-wrap:wrap;gap:10px;max-width:560px}
form.signup input{flex:1 1 220px;padding:13px 14px;font:inherit;background:var(--cream);color:var(--ink);border:3px solid var(--ink)}
form.signup button{cursor:not-allowed}
/* r2 additions */
.hero-kicker{display:inline-block;background:var(--pink);color:var(--ink);padding:7px 14px 6px;font-size:clamp(16px,1.6vw,20px);letter-spacing:.16em;box-shadow:4px 4px 0 var(--ink)}
.hero .cap .hero-kicker{align-self:flex-start;margin-bottom:calc(var(--mega) * .1)}
h2 .h-pre{display:block;font-size:.42em;letter-spacing:.14em;line-height:1.1;margin-bottom:.15em}
.status-flag{display:inline-block;margin:0 0 18px;padding:9px 16px 8px;background:var(--pink);color:var(--ink);font:400 clamp(20px,2.4vw,28px)/1 var(--head);letter-spacing:.12em;text-transform:uppercase;transform:rotate(-2deg);box-shadow:5px 5px 0 var(--red)}
.featuring{font:400 clamp(22px,2.6vw,30px)/1.2 var(--head);text-transform:uppercase;letter-spacing:.04em;color:var(--pink);margin:0 0 18px}
.sig{flex-basis:100%;order:9;margin:6px 0 0;font:italic 400 16px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--cream)}
.stripsub{margin:14px 0 0;font:400 18px/1.4 var(--sans);color:var(--ink)}
.price{color:var(--red)}
.band.cream h2{margin-bottom:.2em}
.band.cream a:not(.btn){color:var(--ink)}
.wf .video{width:100%}
@media(min-width:860px){.filmlist .wf{grid-template-columns:1.25fr 1fr;align-items:center}}
.soon{font:400 clamp(36px,5vw,64px)/1 var(--head);text-transform:uppercase;color:var(--pink);letter-spacing:.04em}
.shows h2{margin-bottom:.3em}
.eps a{font-size:clamp(22px,3vw,32px)}
.eps a span{flex-basis:100%;text-align:left}
.phead .lede.rule{font:400 clamp(22px,2.6vw,32px)/1.15 var(--head);text-transform:uppercase;letter-spacing:.03em;max-width:24em}
.card .lc img[src*="cessationist-dvd"]{object-fit:contain;background:#0d0d0c}
.title-block{display:inline-block;max-width:100%}
.hero .title-block .mega{margin-right:0}
.hero .title-block .sub{text-align:right;padding-right:.04em;font-size:clamp(22px,3.4vw,46px);letter-spacing:.1em;line-height:1.1;margin:18px 0 22px}
/* screenings */
.price-hi{color:var(--pink);font-weight:400;font-family:var(--head);font-size:1.3em;letter-spacing:.03em}
.steps{list-style:none;margin:40px 0 0;padding:0;counter-reset:none}
.steps>li{display:grid;grid-template-columns:110px 1fr;gap:28px;padding:44px 0;border-top:2px dashed #3a3530}
.steps .num{font:400 110px/.8 var(--head);color:var(--pink);text-shadow:5px 5px 0 var(--red)}
.steps h2{margin-bottom:.3em}
.opts{grid-template-columns:repeat(4,1fr);gap:0;padding:20px 10px 30px}
.opts .opt:nth-child(1){transform:rotate(-4deg)}.opts .opt:nth-child(2){transform:rotate(2deg)}.opts .opt:nth-child(3){transform:rotate(-2deg)}.opts .opt:nth-child(4){transform:rotate(3deg)}
.opts .opt{margin:0 -6px}
@media(max-width:859px){.steps>li{grid-template-columns:56px 1fr;gap:16px}.steps .num{font-size:64px}.lobbies.opts{grid-template-columns:1fr 1fr;max-width:none;margin-left:0;margin-right:0;gap:24px;padding:10px 0 20px}.opts .opt{margin:0}}
/* screenings interactive */
.scr-banner .wrap{display:grid;gap:36px;align-items:center}
@media(min-width:860px){.scr-banner .wrap{grid-template-columns:330px 1fr;gap:60px}}
.ticket{position:relative;justify-self:start;background:var(--ink);color:var(--cream);padding:26px 34px 24px;transform:rotate(-4deg);box-shadow:8px 8px 0 var(--red);text-align:center;border:3px dashed var(--cream);outline:10px solid var(--ink)}
.ticket .admit{display:block;font:400 15px/1.2 var(--head);letter-spacing:.18em;text-transform:uppercase;color:var(--pink)}
.ticket .big{display:block;font:400 clamp(96px,12vw,150px)/.9 var(--head);color:var(--pink);text-shadow:5px 5px 0 var(--red);margin:8px 0 2px}
.ticket .per{display:block;font:400 20px/1 var(--head);letter-spacing:.12em;text-transform:uppercase}
.scr-copy h2{margin-bottom:.35em}
.opts button.opt{font:inherit;border:0;padding:0;background:none;cursor:pointer;text-align:left;color:var(--ink)}
.opt.picked .lc{outline:6px solid var(--pink);outline-offset:4px}
.opt.picked::after{content:"Picked";position:absolute;z-index:2;top:-12px;right:-6px;background:var(--pink);color:var(--ink);font:400 16px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px 6px;transform:rotate(6deg);box-shadow:3px 3px 0 var(--ink)}
.lobbies .opt.picked{transform:rotate(0) scale(1.04);z-index:3}
.opt.off{opacity:.55;filter:grayscale(.7);cursor:not-allowed}
.opt.off p{color:var(--ink)}
.scr-js .step{transition:opacity .35s,filter .35s}
.scr-js .step.locked{opacity:.28;filter:grayscale(1);pointer-events:none;user-select:none}
.picked b{color:var(--pink);font-weight:400;font-family:var(--head);letter-spacing:.04em;text-transform:uppercase}
.small{font-size:15px}
.scrform{display:block;max-width:none}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;max-width:720px;margin-top:18px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}.fld.wide{grid-column:1/-1}
.scrform label{font:400 15px/1.2 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.scrform input:not([type=hidden]):not(.hp),.scrform textarea{width:100%;min-height:50px;padding:12px 14px;font:16px/1.4 var(--sans);background:var(--cream);color:var(--ink);border:3px solid var(--cream);border-radius:0;-webkit-appearance:none;appearance:none}
.scrform input[type=date],.scrform input[type=time]{display:block}
.scrform input::-webkit-date-and-time-value{text-align:left}
.scrform input:focus,.scrform textarea:focus{border-color:var(--pink);outline:none}
.scrform input:user-invalid{border-color:#ff6b8a}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
button.btn:not(.ks):not(.red){background:transparent}button.btn{cursor:pointer}
button.btn:disabled{opacity:.45;cursor:not-allowed}
.hint{margin-top:16px}.hint.ok{color:#05ce78}
#sendbtn{cursor:pointer;font-size:22px;padding:14px 40px 13px}
#sendbtn:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.fields{grid-template-columns:1fr}}
.status{min-height:1.4em;margin:6px 0 0}
.status.ok{background:var(--pink);color:var(--ink);padding:16px 18px;font-size:18px;box-shadow:5px 5px 0 var(--red)}
.status.err{color:#ffb3c4}.status.err .btn{margin-left:10px}
.scrform.sent .fields,.scrform.sent #sendbtn{opacity:.45;pointer-events:none}
@media(max-width:859px){.ticket{padding:20px 26px 18px;justify-self:center}.opt.picked::after{font-size:13px;top:-10px}}
/* films: poster-forward bands */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.studio main section.fband{padding:0}
.fband{position:relative;overflow:hidden}
.fb-grid{display:grid;gap:34px;padding-top:56px;padding-bottom:60px}
@media(min-width:860px){.fb-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;padding-top:84px;padding-bottom:84px;align-items:start}.fband:nth-of-type(even) .fb-poster{order:2}.fb-poster{position:sticky;top:96px}}
.fb-poster img{width:100%;height:auto;display:block;box-shadow:0 26px 70px rgba(0,0,0,.55)}
.fb-copy{min-width:0}
.fb-copy h2{font-size:clamp(50px,7vw,104px);line-height:.95;margin:0 0 .2em}
.fb-player{margin-top:30px}
.fb-copy blockquote{max-width:40em}
.fb-deceived{background:#1c0a14}
.fb-deceived h2{color:var(--pink)}.fb-deceived .sub{color:var(--cream)}
.fb-deceived .fb-grid{align-items:center}
@media(min-width:860px){.fb-deceived .fb-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.fb-deceived .fb-poster{position:static}}
.fb-cessationist{background:#16130f}
.fb-cessationist h2{color:#f2c46b}
.fb-cessationist blockquote{border-left-color:#f2c46b}.fb-cessationist blockquote cite{color:#f2c46b}
.fb-spirit-truth{background:var(--cream);color:var(--ink)}
.fb-spirit-truth h2{color:#7b2a8c}.fb-spirit-truth .meta{color:#5d554c}
.fb-spirit-truth .btn:not(.red){border-color:var(--ink);color:var(--ink)}
.fb-spirit-truth .btn:not(.red):hover{box-shadow:5px 5px 0 var(--pink)}
.fb-spirit-truth blockquote cite{color:#7b2a8c}.fb-spirit-truth blockquote{border-left-color:#7b2a8c}
.fb-spirit-truth .video{border-color:var(--ink)}
.fb-calvinist{background:#0d1b20}
.fb-calvinist h2{color:#7fd3e6}
.fb-calvinist blockquote{border-left-color:#7fd3e6}.fb-calvinist blockquote cite{color:#7fd3e6}
@media(max-width:859px){.fb-poster{max-width:440px;width:100%;margin:0 auto}.fb-deceived .fb-poster{max-width:none}.fb-grid{gap:26px}}
/* podcasts: big art showcases */
.pods main section.showcase{padding:0}
.showcase{position:relative;overflow:hidden}
.sc-grid{display:grid;gap:34px;align-items:center;padding-top:56px;padding-bottom:56px}
@media(min-width:860px){.sc-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;padding-top:80px;padding-bottom:80px}.showcase:nth-of-type(even) .sc-art{order:2}}
.sc-art img,.kid-art{width:100%;aspect-ratio:1;display:block;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.sc-name{font-size:clamp(48px,7vw,100px);line-height:.95;margin:0 0 .25em}
.sc-copy .lede{max-width:28em}
.sc-pubcast{background:#c62723;color:#fdf7f7}
.sc-pubcast .meta{color:#f1cccb}
.sc-pubcast .btn.ink{background:#fdf7f7;border-color:#fdf7f7;color:#c62723}
.sc-pubcast .btn.ink-o{border-color:#fdf7f7;color:#fdf7f7}
.sc-pubcast .btn:hover{box-shadow:5px 5px 0 var(--ink)}
.sc-riot{background:#0f2740;color:#f4f8ff}
.sc-riot .meta{color:#01f6c9}
.sc-riot .sc-name{color:#e5f813}
.sc-riot .btn.riot{background:#eb0fcf;border-color:#eb0fcf;color:#fff}
.sc-riot .btn:hover{box-shadow:5px 5px 0 #01f6c9}
.sc-kid{background:var(--cream);color:var(--ink)}
.sc-kid .meta{color:#5d554c}
.sc-kid .sc-name{color:var(--ink)}
.kid-art{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--pink) var(--grain-lite);color:var(--ink);text-align:center;border:12px solid var(--ink)}
.kid-art span{font:400 clamp(26px,4vw,52px)/1 var(--head);text-transform:uppercase;letter-spacing:.08em}
.kid-art b{font:400 clamp(70px,11vw,170px)/.9 var(--head);text-transform:uppercase;font-weight:400;color:var(--cream);text-shadow:.04em .04em 0 var(--ink)}
.sc-kid .btn:hover{box-shadow:5px 5px 0 var(--pink)}
.guests h2{margin-bottom:.5em}
@media(max-width:859px){.sc-art,.kid-art{max-width:520px;margin:0 auto;width:100%}.sc-grid{gap:26px}}
/* podcast cover tiles */
.cover{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--cream);padding:8px;box-shadow:6px 6px 0 var(--red);transform:rotate(-2deg)}
.cover.fallback{display:grid;place-items:center;text-align:center;padding:10px;background:var(--ink) var(--grain);color:var(--pink);font:400 15px/1.05 var(--head);text-transform:uppercase;letter-spacing:.04em;border:4px solid var(--cream)}
.show{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:start}
.show .cover{width:150px}
.eps a{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center}
.eps .cover{width:96px;padding:5px;box-shadow:4px 4px 0 var(--ink)}
.eps li:nth-child(even) .cover{transform:rotate(2deg)}
.eps a span.ept{display:flex;flex-direction:column;gap:4px;font:400 clamp(22px,3vw,32px)/1.05 var(--head);text-transform:uppercase;align-self:center;opacity:1}
.eps .ept b{font-weight:400}
.eps a .ept span{font:400 15px/1.4 var(--sans);text-transform:none;text-align:left;align-self:flex-start}
.eps a:hover .cover{transform:rotate(0)}
@media(max-width:600px){.show{grid-template-columns:110px 1fr;gap:18px}.show .cover{width:110px}.eps a{grid-template-columns:72px 1fr;gap:14px}.eps .cover{width:72px}}
/* TODO markers - remove before launch */
.todo{display:inline-block;border:1px dashed #ff8fb0;color:#ffb3c4;font-size:13px;line-height:1.4;padding:2px 8px;margin:4px 0;font-family:ui-monospace,Menlo,monospace;letter-spacing:0;text-transform:none;white-space:normal}
footer{background:#000;padding:36px 0 48px;color:var(--mute);border-top:3px solid var(--pink)}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:space-between;font:400 16px/1.3 var(--head);letter-spacing:.1em;text-transform:uppercase}
footer a{color:var(--cream);text-decoration:none}footer a:hover{color:var(--pink)}
footer ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
@media(max-width:859px){
 .hero{min-height:0;display:block}
 .hero .duo{position:relative;width:100%;height:auto;aspect-ratio:16/10;-webkit-mask-image:none;mask-image:none}
 .hero .cap{display:flex;flex-direction:column;padding-top:0;margin-top:calc(var(--mega) * -.72)}
 .hero .cap .kicker{order:1;margin-top:16px}
 .hero .cap .hero-kicker{order:0;margin:0 0 12px}
 .hero .cap .mega{order:1}
 .hero .cap .title-block{order:1;align-self:flex-start}
 .hero .title-block .sub{margin:14px 0 16px}
 .hero .cap:has(.hero-kicker){margin-top:calc(var(--mega) * -.72 - 50px)}
 .hero .cap .sub{order:2}.hero .cap .byline{order:3}.hero .cap .lede{order:4}.hero .cap .btns{order:5}
 .hero .mega{margin-right:0}
 .ks-badge{top:14px;right:14px;padding:10px 14px 13px;gap:8px;box-shadow:4px 4px 0 var(--red)}.ks-badge span{font-size:15px}.ks-badge img{width:112px;margin:0 4px}
 .lobbies{grid-template-columns:1fr;max-width:300px;margin-left:auto;margin-right:auto;gap:30px;padding:10px 0 20px}
 .lobbies .card:nth-child(n){margin:0;transform:rotate(-2.5deg)}
 .lobbies .card:nth-child(2){transform:rotate(2deg)}
 .breakout{margin:10px auto -10px;max-width:320px}
 .about{margin-top:0}
 section{padding:56px 0}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}