:root{--bg:#101010;--surface:#181818;--text:#f5f1e8;--blue:#58b5dc;--coral:#f5533d;--yellow:#ffbf25;--black:#0b0b0b;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.38;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.13;background-image:radial-gradient(circle at 12px 12px,rgba(255,255,255,.28) 1px,transparent 1.5px),linear-gradient(135deg,transparent 47%,rgba(88,181,220,.14) 48%,rgba(88,181,220,.14) 49%,transparent 50%);background-size:38px 38px,96px 96px}a{color:inherit}img{max-width:100%}::selection{background:var(--yellow);color:var(--black)}.shell{width:min(1080px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(16,16,16,.94);backdrop-filter:blur(12px);border-bottom:1px solid #303030}.nav{min-height:58px;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:9px 0;flex-wrap:wrap}.nav a,.footer a,.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid #444;border-radius:999px;background:#1d1d1d;color:var(--text);text-decoration:none;font-weight:800;font-size:13px;line-height:1;transition:transform .15s ease,background .15s ease,border-color .15s ease}.nav a:hover,.footer a:hover,.button:hover{transform:translateY(-1px);background:#272727}.nav a[aria-current=page]{border-color:var(--blue);background:#20272a}.hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:clamp(26px,5vw,58px);align-items:center;padding:52px 0 44px}.hero h1{margin:0;max-width:760px;font-size:clamp(34px,5vw,60px);line-height:.98;letter-spacing:-.05em;font-weight:900}.hero h1 .festival-title{display:block}.hero h1 .brandword{display:inline-block;white-space:nowrap;color:var(--blue)}.logo-card{background:var(--blue);border-radius:var(--radius);overflow:hidden;transform:rotate(1.2deg);box-shadow:7px 7px 0 var(--coral)}.logo-card img{display:block;width:100%;height:auto}.section{margin-bottom:18px;padding:clamp(22px,3vw,32px);border-radius:var(--radius);background:var(--surface);border:1px solid #303030}.section.blue{background:var(--blue);color:var(--black);border-color:var(--blue)}.section.coral{background:var(--coral);color:#fff;border-color:var(--coral)}.section.yellow{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.manifest{font-size:clamp(19px,2.5vw,29px);line-height:1.12;letter-spacing:-.025em;font-weight:800;margin:0 0 24px}.manifest em{font-style:italic;font-weight:800}.copy{max-width:820px;font-size:clamp(16px,1.65vw,20px);line-height:1.38}.copy p{margin:0}.copy strong{font-weight:900}.section h2,.reglament h1{margin:0 0 20px;font-size:clamp(28px,4vw,46px);line-height:1;letter-spacing:-.045em;font-weight:900}.criteria-combined{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:34px;align-items:start}.criteria-column{min-width:0}.dates-column{padding-left:32px;border-left:1px solid #383838}.criteria-list{margin:0;padding:0;list-style:none;display:grid;gap:5px;font-size:clamp(17px,1.8vw,21px);line-height:1.2;font-weight:800}.criteria-list li:before{content:"— "}.dates{display:grid;gap:6px;font-size:clamp(16px,1.65vw,20px);font-weight:800;line-height:1.2}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.button{min-height:40px;padding:9px 14px;font-size:13px;border-color:#444}.section.blue .button,.section.coral .button,.section.yellow .button{background:var(--black);color:#fff;border-color:var(--black)}.section.blue .button:hover,.section.coral .button:hover,.section.yellow .button:hover{background:#262626}.shortlist{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;border-top:1px solid rgba(255,255,255,.22)}.shortlist li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.22);font-size:clamp(14px,1.45vw,17px);line-height:1.22}.shortlist strong{font-weight:900}.cinema-section{padding-top:0;overflow:hidden}.marquee{margin:0 calc(clamp(22px,3vw,32px)*-1) 25px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.22);background:var(--yellow);color:var(--black);white-space:nowrap}.marquee-track{display:flex;width:max-content;animation:marquee 18s linear infinite}.marquee span{display:block;padding:11px 24px 10px;font-size:clamp(19px,2.4vw,27px);font-weight:900;letter-spacing:-.03em;text-transform:lowercase}.marquee span:after{content:"  •";margin-left:24px}@keyframes marquee{to{transform:translateX(-33.333%)}}.cinema-copy{max-width:900px;font-size:clamp(16px,1.65vw,20px);line-height:1.38}.cinema-copy p{margin:0 0 1em}.footer{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:2px 0 34px}.footer a{font-size:13px}.footer .support{border-color:var(--coral)}.reglament{padding:46px 0 58px}.reglament .rule-copy{max-width:900px;font-size:clamp(16px,1.6vw,19px);line-height:1.48}.reglament .rule-copy p{margin:0 0 1.15em}.reglament .rule-copy ul{margin:0 0 1.25em;padding:0;list-style:none}.reglament .rule-copy li{margin:.22em 0}.reglament .rule-copy li:before{content:"– "}.reglament .rule-copy a{text-decoration-thickness:2px;text-underline-offset:3px}
@media(max-width:720px){.shell{width:min(100% - 22px,1080px)}.nav{gap:6px}.nav a{font-size:12px;min-height:35px;padding:7px 10px}.hero{grid-template-columns:1fr 130px;gap:20px;padding:34px 0 30px}.hero h1{font-size:clamp(30px,8vw,46px)}.criteria-combined{grid-template-columns:1fr;gap:24px}.dates-column{padding:22px 0 0;border-left:0;border-top:1px solid #383838}.shortlist{grid-template-columns:1fr}.section{padding:22px 20px}.marquee{margin-left:-20px;margin-right:-20px}.reglament{padding-top:34px}}
@media(max-width:480px){.hero{grid-template-columns:1fr}.logo-card{width:130px}.hero h1{font-size:clamp(29px,9.5vw,42px)}.brandword{font-size:.96em}.button{flex:1 1 auto}.footer a{flex:1 1 auto}.shortlist li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}

/* handmade / deliberately imperfect pass */
body:before{opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='220' viewBox='0 0 280 220'%3E%3Cg fill='none' stroke='%23f5f1e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='.23'%3E%3Cpath d='M23 34c10-12 23 8 10 18-12 9-24-7-10-18Z'/%3E%3Cpath d='M22 82l8-9 7 10 9-8 5 12'/%3E%3Cpath d='M96 29c6 8 10 17 7 27M91 43c9-4 18-3 25 2'/%3E%3Cpath d='M165 24l5 10 11 1-8 7 3 11-10-6-10 6 3-11-8-7 11-1Z'/%3E%3Cpath d='M229 34c14 1 21 9 20 18-1 10-13 15-25 8-10-6-6-22 5-26Z'/%3E%3Cpath d='M72 132c8-16 25-18 34-4 8 13-5 29-21 25-13-3-19-11-13-21Z'/%3E%3Cpath d='M184 116c8 3 14 10 15 18M178 125c9-2 19 0 27 6M184 141c8-3 15-3 22 1'/%3E%3Cpath d='M235 157c-5-9 0-19 9-21 11-2 18 8 13 17-4 8-13 13-22 4Z'/%3E%3Cpath d='M25 181c12-8 23-8 34 0M30 191c8-5 16-5 24 0'/%3E%3Cpath d='M129 188l7-13 7 13 14-4-5 13 10 9-14 1-6 12-8-12-14-1 10-9-5-13Z'/%3E%3C/g%3E%3C/svg%3E");background-size:280px 220px}
.section{border-radius:10px 18px 12px 20px;box-shadow:5px 6px 0 rgba(0,0,0,.18)}
.section:nth-of-type(odd){transform:rotate(-.18deg)}
.section:nth-of-type(even){transform:rotate(.16deg)}
.section.blue{border-radius:17px 9px 20px 11px}.section.coral{border-radius:8px 20px 11px 17px}.section.yellow{border-radius:19px 12px 8px 18px}
.logo-card{border-radius:9px 17px 8px 15px;transform:rotate(1.7deg);box-shadow:8px 7px 0 var(--coral)}
.nav a,.footer a,.button{border-radius:10px 15px 9px 13px;transform:rotate(-.25deg)}
.nav a:nth-child(even),.footer a:nth-child(even),.actions .button:nth-child(even){transform:rotate(.35deg)}
.nav a:hover,.footer a:hover,.button:hover{transform:translateY(-1px) rotate(.2deg)}
.marquee{transform:rotate(-.2deg);width:calc(100% + 8px)}
@media(max-width:720px){.section:nth-of-type(odd),.section:nth-of-type(even){transform:none}}

/* 2026-09 hooligan / cinema doodle refinement */
body:before{
  opacity:.13;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='300' viewBox='0 0 420 300'%3E%3Cg fill='none' stroke='%23f5f1e8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' opacity='.30'%3E%3C!-- clapper --%3E%3Cpath d='M28 38l70-14 5 24-70 14zM31 63h74v47H31zM42 36l14 20M65 31l14 20M88 27l13 18'/%3E%3C!-- camera --%3E%3Cpath d='M277 42h62c6 0 10 4 10 10v43c0 6-4 10-10 10h-62c-6 0-10-4-10-10V52c0-6 4-10 10-10zM349 61l34-15v55l-34-15zM287 56h25'/%3E%3C!-- reel --%3E%3Ccircle cx='171' cy='83' r='38'/%3E%3Ccircle cx='171' cy='83' r='7'/%3E%3Cpath d='M171 51c11 0 16 9 10 18-6 8-19 5-20-5-1-7 3-13 10-13zM198 78c6 9 0 19-10 18-10-1-14-14-6-20 6-4 12-3 16 2zM180 110c-11 3-19-5-15-15 4-9 17-10 22-1 4 7 1 13-7 16zM146 101c-8-7-5-18 5-21 10-2 18 8 13 17-4 7-11 9-18 4zM145 65c4-10 15-12 22-4 7 8 1 20-9 20-8 0-14-6-13-16z'/%3E%3C!-- film strip --%3E%3Cpath d='M32 190c55-25 107 28 160 2s105-24 161 2'/%3E%3Cpath d='M35 208c54-25 104 28 158 2s104-24 158 2'/%3E%3Cpath d='M51 190l5 17M78 184l5 17M106 187l5 17M134 196l5 17M163 199l5 17M193 192l5 17M223 183l5 17M253 180l5 17M283 183l5 17M313 190l5 17'/%3E%3C!-- frame corners --%3E%3Cpath d='M288 244h-28v25M347 244h28v25M288 286h-28v-10M347 286h28v-10'/%3E%3C!-- tiny play --%3E%3Cpath d='M111 246l31 18-31 18z'/%3E%3C!-- scribble star --%3E%3Cpath d='M198 247l7 11 14-3-7 12 9 10-14-2-7 13-3-14-14-2 12-8-5-13z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:420px 300px;
}
.hero{gap:clamp(28px,5vw,56px)}
.hero h1{line-height:1.02}
.hero h1 .festival-title{margin-bottom:.13em}
.hero h1 .brandword{line-height:1.02}

.section{position:relative;isolation:isolate;border:2px solid rgba(245,241,232,.16);border-radius:5px 21px 8px 17px;box-shadow:7px 8px 0 rgba(0,0,0,.22)}
.section:before{content:"";position:absolute;z-index:-1;inset:7px -7px -7px 8px;border:2px solid rgba(245,241,232,.13);transform:rotate(.35deg);pointer-events:none}
.section:nth-of-type(odd):before{transform:rotate(-.45deg);inset:8px 7px -8px -7px}
.section.blue{border-radius:16px 3px 23px 7px;border-color:rgba(0,0,0,.36)}
.section.blue:before{border-color:rgba(255,191,37,.72);background:rgba(255,191,37,.10)}
.section.coral{border-radius:3px 24px 7px 15px;border-color:rgba(0,0,0,.35)}
.section.coral:before{border-color:rgba(88,181,220,.72);background:rgba(88,181,220,.08)}
.criteria-combined{border-radius:3px 19px 4px 25px}
.criteria-combined:after{content:"";position:absolute;width:74px;height:18px;right:30px;top:-10px;background:var(--yellow);opacity:.92;transform:rotate(3deg);z-index:2;clip-path:polygon(2% 18%,100% 0,96% 83%,4% 100%)}
.cinema-section{border-radius:22px 4px 15px 3px}
.cinema-section:after{content:"";position:absolute;width:46px;height:46px;right:18px;bottom:-17px;border:3px solid var(--coral);transform:rotate(18deg);z-index:2;pointer-events:none}

.nav a,.footer a,.button{border-radius:4px 12px 5px 10px;border-width:2px;box-shadow:2px 3px 0 rgba(0,0,0,.22)}
.actions .button:nth-child(odd){border-radius:11px 3px 9px 5px}.actions .button:nth-child(even){border-radius:3px 10px 4px 12px}

.marquee{position:relative;width:auto;margin-left:calc(clamp(22px,3vw,32px)*-1);margin-right:calc(clamp(22px,3vw,32px)*-1);transform:none;border-top:2px solid rgba(0,0,0,.22);border-bottom:2px solid rgba(0,0,0,.22);clip-path:polygon(0 5%,100% 0,100% 94%,0 100%)}
.marquee-track{padding:2px 0;transform:rotate(-.15deg)}
@keyframes marquee{from{transform:translateX(0) rotate(-.15deg)}to{transform:translateX(-33.333%) rotate(-.15deg)}}

.reglament .section{border-radius:4px 22px 7px 15px}
.reglament .rule-copy{max-width:none;text-align:justify;text-justify:inter-word;hyphens:auto}
.reglament .rule-copy p,.reglament .rule-copy li{max-width:none}

@media(max-width:720px){
  .marquee{margin-left:-20px;margin-right:-20px}
  .section:before{inset:5px -4px -5px 4px}
  .reglament .rule-copy{text-align:left;hyphens:none}
}

/* rougher childlike cinema pass */
body:before{
 opacity:.15;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='430' viewBox='0 0 620 430'%3E%3Cg fill='none' stroke='%23f5f1e8' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' opacity='.34'%3E%3Cpath d='M29 55l67-18 7 31-66 14zM37 82l70-5-2 49-66 3zM39 54l15 24M61 48l14 24M84 42l14 23'/%3E%3Ccircle cx='244' cy='72' r='39'/%3E%3Ccircle cx='244' cy='72' r='5'/%3E%3Ccircle cx='230' cy='58' r='8'/%3E%3Ccircle cx='260' cy='58' r='7'/%3E%3Ccircle cx='229' cy='87' r='7'/%3E%3Ccircle cx='259' cy='87' r='8'/%3E%3Cpath d='M469 35l74 8-4 51-71-4zM543 56l39-14-4 55-37-17zM483 51c12 1 20 5 26 12'/%3E%3Cpath d='M127 202c16-8 33-4 43 9 8 11 4 26-10 33-15 8-33 1-39-12-6-12-3-24 6-30zM144 216l18 9-19 11z'/%3E%3Cpath d='M338 174c-15 8-20 27-12 43 8 17 29 21 45 10 15-10 17-30 5-44-10-12-25-15-38-9zM341 189c7-6 15-7 22-2M337 210c11 8 22 8 31-1'/%3E%3Cpath d='M512 193c23-13 42 4 37 24-5 18-29 24-43 9-13-13-8-27 6-33zM524 190l4-15M543 197l13-11'/%3E%3Cpath d='M50 333c35-21 62 22 97 1 34-20 64 20 98-1'/%3E%3Cpath d='M54 353c34-20 61 22 96 2 35-21 65 19 99-2M68 337l4 16M91 329l4 17M116 337l4 16M143 341l4 17M169 330l4 17M197 337l4 17M224 337l4 16'/%3E%3Cpath d='M369 319l11 18 20-4-10 18 13 15-21-3-9 19-4-21-21-4 18-11-7-20z'/%3E%3Cpath d='M524 327l45 25-48 23z'/%3E%3C/g%3E%3C/svg%3E");
 background-size:620px 430px;
 background-position:17px 31px;
}
.section{border-width:4px;border-color:#0b0b0b;box-shadow:9px 10px 0 rgba(0,0,0,.28)}
.section:before{display:none}
.section.blue{border-color:#0b0b0b;box-shadow:9px 10px 0 var(--yellow)}
.section.coral{border-color:#0b0b0b;box-shadow:-8px 9px 0 var(--blue)}
.criteria-combined{border-color:var(--yellow);box-shadow:10px 9px 0 rgba(245,83,61,.85)}
.cinema-section{border-color:#0b0b0b;box-shadow:-8px 10px 0 var(--coral)}
.section:nth-of-type(odd){transform:rotate(-.35deg)}
.section:nth-of-type(even){transform:rotate(.28deg)}
.criteria-combined:after{width:92px;height:24px;right:8%;top:-13px;transform:rotate(-4deg)}
.cinema-section:after{width:58px;height:45px;right:24px;bottom:-20px;border:6px solid var(--yellow);transform:rotate(11deg)}
.nav a,.footer a,.button{border-width:3px;border-color:#0b0b0b;box-shadow:3px 4px 0 rgba(0,0,0,.32)}
.logo-card{border:4px solid #0b0b0b;box-shadow:9px 9px 0 var(--coral)}
@media(max-width:720px){.section:nth-of-type(odd),.section:nth-of-type(even){transform:none}.section{box-shadow:6px 7px 0 rgba(0,0,0,.28)}.section.blue{box-shadow:6px 7px 0 var(--yellow)}.section.coral{box-shadow:-5px 7px 0 var(--blue)}}

/* exact doodle background from user image, with paper removed */
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-1 !important;
  opacity:.12 !important;
  background-image:url("stars-doodles-transparent.png") !important;
  background-repeat:repeat !important;
  background-size:1100px auto !important;
  background-position:center top !important;
  filter:none !important;
}


/* text-flow refinements */
.manifest{max-width:none;text-wrap:pretty}
.copy{max-width:none;width:100%;text-wrap:pretty}
.copy p{max-width:none;width:100%}


/* online cinema side image */
.cinema-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}
.cinema-figure{margin:0;align-self:center;justify-self:end;max-width:250px;position:relative;transform:rotate(2.4deg)}
.cinema-figure img{display:block;width:100%;height:auto;border:4px solid #0b0b0b;border-radius:14px 8px 16px 10px;box-shadow:8px 8px 0 var(--coral);background:#f5f1e8}
.cinema-figure:before{content:"";position:absolute;inset:-10px 10px 10px -10px;border:3px solid rgba(11,11,11,.85);border-radius:8px 16px 10px 18px;transform:rotate(-4deg);pointer-events:none}
.cinema-figure:after{content:"";position:absolute;top:-12px;left:18px;width:72px;height:20px;background:var(--yellow);border:3px solid #0b0b0b;border-bottom:none;transform:rotate(-7deg);border-radius:4px 4px 0 0}
@media(max-width:820px){.cinema-layout{grid-template-columns:1fr;gap:18px}.cinema-figure{justify-self:start;max-width:220px}}
@media(max-width:480px){.cinema-figure{max-width:180px}}


/* rougher, more hooligan styling for online cinema photo */
.cinema-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px;align-items:start}
.cinema-figure{
  margin:0;
  align-self:center;
  justify-self:end;
  max-width:255px;
  position:relative;
  transform:rotate(-2.6deg) translateY(4px);
}
.cinema-figure img{
  display:block;
  width:100%;
  height:auto;
  border:5px solid #0b0b0b;
  border-radius:3px 12px 4px 10px;
  box-shadow:10px 11px 0 var(--blue);
  background:#111;
  position:relative;
  z-index:2;
}
.cinema-figure:before{
  content:"";
  position:absolute;
  inset:-12px 8px 10px -10px;
  background:var(--coral);
  border:5px solid #0b0b0b;
  border-radius:10px 2px 13px 4px;
  transform:rotate(5deg);
  z-index:0;
}
.cinema-figure:after{
  content:"";
  position:absolute;
  inset:8px -12px -12px 12px;
  border:4px solid rgba(11,11,11,.95);
  border-radius:2px 14px 3px 11px;
  transform:rotate(-4deg);
  z-index:1;
  pointer-events:none;
}
@media(max-width:820px){
  .cinema-layout{grid-template-columns:1fr;gap:18px}
  .cinema-figure{justify-self:start;max-width:220px;transform:rotate(-2deg)}
}
@media(max-width:480px){.cinema-figure{max-width:180px}}


/* remove doodles, switch to soft radial gradients on dark background */
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-1 !important;
  opacity:1 !important;
  background-image:
    radial-gradient(circle at 12% 16%, rgba(88,181,220,.18) 0, rgba(88,181,220,.12) 10%, rgba(88,181,220,0) 32%),
    radial-gradient(circle at 85% 14%, rgba(245,83,61,.16) 0, rgba(245,83,61,.10) 11%, rgba(245,83,61,0) 31%),
    radial-gradient(circle at 74% 74%, rgba(255,191,37,.13) 0, rgba(255,191,37,.09) 10%, rgba(255,191,37,0) 28%),
    radial-gradient(circle at 18% 82%, rgba(88,181,220,.10) 0, rgba(88,181,220,.07) 12%, rgba(88,181,220,0) 30%),
    radial-gradient(circle at 48% 48%, rgba(255,255,255,.025) 0, rgba(255,255,255,0) 38%) !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  filter:none !important;
}

/* make the side photo rougher / more hooligan */
.cinema-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:26px;align-items:start}
.cinema-figure{
  margin:0;
  align-self:center;
  justify-self:end;
  max-width:265px;
  position:relative;
  transform:rotate(-4.8deg) translateY(8px);
}
.cinema-figure img{
  display:block;
  width:100%;
  height:auto;
  border:6px solid #0b0b0b;
  border-radius:1px 9px 2px 6px;
  box-shadow:14px 14px 0 var(--blue), -8px -8px 0 var(--yellow);
  background:#111;
  position:relative;
  z-index:3;
}
.cinema-figure:before{
  content:"";
  position:absolute;
  inset:-16px 14px 14px -16px;
  background:var(--coral);
  border:6px solid #0b0b0b;
  border-radius:2px 14px 3px 8px;
  transform:rotate(7deg);
  z-index:1;
}
.cinema-figure:after{
  content:"";
  position:absolute;
  inset:10px -16px -16px 16px;
  border:5px solid #0b0b0b;
  border-radius:10px 2px 12px 2px;
  transform:rotate(-8deg);
  z-index:2;
  pointer-events:none;
  background:transparent;
}
@media(max-width:820px){
  .cinema-layout{grid-template-columns:1fr;gap:18px}
  .cinema-figure{justify-self:start;max-width:220px;transform:rotate(-4deg)}
  .cinema-figure img{box-shadow:10px 10px 0 var(--blue), -6px -6px 0 var(--yellow)}
}
@media(max-width:480px){.cinema-figure{max-width:180px}}


/* stronger radial background + grain */
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-2 !important;
  opacity:1 !important;
  background-image:
    radial-gradient(circle at 12% 16%, rgba(88,181,220,.28) 0, rgba(88,181,220,.18) 12%, rgba(88,181,220,0) 34%),
    radial-gradient(circle at 84% 13%, rgba(245,83,61,.26) 0, rgba(245,83,61,.16) 12%, rgba(245,83,61,0) 33%),
    radial-gradient(circle at 74% 74%, rgba(255,191,37,.23) 0, rgba(255,191,37,.14) 12%, rgba(255,191,37,0) 30%),
    radial-gradient(circle at 18% 82%, rgba(88,181,220,.16) 0, rgba(88,181,220,.10) 13%, rgba(88,181,220,0) 31%),
    radial-gradient(circle at 44% 48%, rgba(255,255,255,.04) 0, rgba(255,255,255,0) 40%) !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  filter:none !important;
}
body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-1 !important;
  background-image:url("noise.png") !important;
  background-repeat:repeat !important;
  background-size:180px 180px !important;
  opacity:.17 !important;
  mix-blend-mode:screen;
}

/* rougher minimal photo treatment */
.cinema-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}
.cinema-figure{
  margin:0;
  align-self:center;
  justify-self:end;
  max-width:260px;
  position:relative;
  transform:rotate(-4.2deg) translateY(6px);
}
.cinema-figure img{
  display:block;
  width:100%;
  height:auto;
  border:6px solid #0b0b0b;
  border-radius:2px;
  box-shadow:12px 12px 0 var(--coral);
  background:#111;
}
.cinema-figure::before{
  content:"";
  position:absolute;
  top:-10px;
  left:24px;
  width:78px;
  height:18px;
  background:var(--yellow);
  border:3px solid #0b0b0b;
  transform:rotate(-8deg);
  z-index:2;
}
.cinema-figure::after{
  content:none !important;
  display:none !important;
}
@media(max-width:820px){
  .cinema-layout{grid-template-columns:1fr;gap:18px}
  .cinema-figure{justify-self:start;max-width:220px;transform:rotate(-4deg)}
  .cinema-figure img{box-shadow:8px 8px 0 var(--coral)}
}
@media(max-width:480px){.cinema-figure{max-width:180px}}


/* darker background, stronger and coarser grain */
body{
  background:#080808 !important;
}
.topbar{
  background:rgba(8,8,8,.95) !important;
}
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-2 !important;
  opacity:1 !important;
  background-image:
    radial-gradient(circle at 12% 16%, rgba(88,181,220,.19) 0, rgba(88,181,220,.11) 13%, rgba(88,181,220,0) 35%),
    radial-gradient(circle at 84% 13%, rgba(245,83,61,.20) 0, rgba(245,83,61,.12) 13%, rgba(245,83,61,0) 34%),
    radial-gradient(circle at 74% 74%, rgba(255,191,37,.16) 0, rgba(255,191,37,.10) 14%, rgba(255,191,37,0) 31%),
    radial-gradient(circle at 18% 82%, rgba(88,181,220,.12) 0, rgba(88,181,220,.08) 14%, rgba(88,181,220,0) 32%),
    radial-gradient(circle at 46% 46%, rgba(255,255,255,.022) 0, rgba(255,255,255,0) 42%) !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  filter:none !important;
}
body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-1 !important;
  background-image:url("noise-coarse.png") !important;
  background-repeat:repeat !important;
  background-size:240px 240px !important;
  opacity:.34 !important;
  mix-blend-mode:screen !important;
}

/* photo: no black border, rougher and looser styling */
.cinema-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:26px;align-items:start}
.cinema-figure{
  margin:0;
  align-self:center;
  justify-self:end;
  max-width:268px;
  position:relative;
  transform:rotate(-5.2deg) translateY(8px);
}
.cinema-figure img{
  display:block;
  width:100%;
  height:auto;
  border:none !important;
  outline:none !important;
  border-radius:0 !important;
  box-shadow:14px 14px 0 rgba(88,181,220,.95), -8px -8px 0 rgba(245,83,61,.95) !important;
  background:transparent !important;
  position:relative;
  z-index:3;
}
.cinema-figure::before{
  content:"";
  position:absolute;
  top:-8px;
  left:16px;
  width:90px;
  height:20px;
  background:var(--yellow);
  transform:rotate(-10deg);
  z-index:4;
  box-shadow:2px 2px 0 rgba(0,0,0,.28);
}
.cinema-figure::after{
  content:"";
  position:absolute;
  bottom:-9px;
  right:22px;
  width:70px;
  height:16px;
  background:var(--blue);
  transform:rotate(12deg);
  z-index:1;
  opacity:.95;
}
@media(max-width:820px){
  .cinema-layout{grid-template-columns:1fr;gap:18px}
  .cinema-figure{justify-self:start;max-width:220px;transform:rotate(-4.5deg)}
  .cinema-figure img{box-shadow:10px 10px 0 rgba(88,181,220,.95), -6px -6px 0 rgba(245,83,61,.95) !important}
}
@media(max-width:480px){.cinema-figure{max-width:180px}}


/* finer film grain and simpler photo treatment */
body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-1 !important;
  background-image:url("noise-film.png") !important;
  background-repeat:repeat !important;
  background-size:220px 220px !important;
  opacity:.18 !important;
  mix-blend-mode:screen !important;
}
.cinema-figure::before{
  content:none !important;
  display:none !important;
}
.cinema-figure img{
  border:none !important;
  outline:none !important;
  box-shadow:14px 14px 0 rgba(88,181,220,.95), -8px -8px 0 rgba(245,83,61,.95) !important;
}
@media(max-width:820px){
  .cinema-figure img{box-shadow:10px 10px 0 rgba(88,181,220,.95), -6px -6px 0 rgba(245,83,61,.95) !important}
}

/* mobile refinements */
@media(max-width:720px){
  .topbar{
    position:static !important;
    top:auto !important;
    backdrop-filter:none !important;
  }
  .cinema-figure{
    justify-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}