.swiper-wrapper{transition:transform .35s ease}.swiper-slide{flex-shrink:0}.swiper-button-next,.swiper-button-prev{border:0;background-color:transparent}.author-button{border:0;background:transparent;padding:0;text-align:left}.author-dialog{border:0;padding:35px;text-align:center;max-width:440px}.author-dialog img{max-width:160px}.author-dialog button,#image-dialog button{position:absolute;right:6px;top:2px;border:0;background:white;font-size:30px}dialog::backdrop{background:#000b}#image-dialog{border:0;max-width:94vw;max-height:94vh;padding:25px}#image-dialog img{display:block;max-width:88vw;max-height:85vh}.lennon-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:0;background:#151515}.lennon-wall img{width:100%;height:170px;object-fit:cover}.judge-entry{margin-bottom:45px}.news-content img{max-width:100%;height:auto}.news-content iframe{max-width:100%}#aside #box-random-poster .col-xs-6{width:100%}.posters-image{cursor:zoom-in}#gotop{border:0}button:focus-visible,a:focus-visible{outline:2px solid #cf493f;outline-offset:4px}.workflow-message{padding:14px;border:1px solid #ddd;margin:15px 0}.workflow-form label{display:block;margin-top:12px}.workflow-form input,.workflow-form textarea,.workflow-form select{width:100%;padding:10px;border:1px solid #ccc}.workflow-form button{margin-top:20px}.workflow-form{max-width:760px;margin:0 auto 50px}.workflow-form [type=checkbox]{width:auto}.workflow-form .error{color:#b42318}.public-plan{display:inline-block;padding:18px;border:1px solid #ddd;margin:10px;cursor:pointer}.public-plan.active{border:2px solid #b62c2b}#box-judges .box-content{position:relative}.swiper-container{overflow:hidden}@media(max-width:767px){.navbar-collapse.in{display:block}.dropdown.open .dropdown-menu{position:static;float:none;width:100%;box-shadow:none}.judge-entry img{max-width:260px;margin:auto}.lennon-wall img{height:150px}}

.lennon-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));grid-auto-rows:95px;grid-auto-flow:dense;gap:3px;padding:4px;background:#111}.lennon-wall .wall-tile{display:block;overflow:hidden}.lennon-wall .wall-tile img{width:100%;height:100%;object-fit:cover}.wall-size-2{grid-column:span 2;grid-row:span 2}.wall-size-3{grid-column:span 3;grid-row:span 3}.wall-size-4{grid-column:span 4;grid-row:span 4}.wall-size-5{grid-column:span 5;grid-row:span 5}#wall-dialog{width:min(1100px,96vw);max-height:94vh;padding:25px;overflow:auto}#wall-dialog .posters-image{width:100%;height:auto;margin-bottom:12px}#wall-dialog .author img{width:70px}.box-people-say img{max-width:90px}.box-signings time{color:#666;font-size:12px}@media(max-width:600px){.lennon-wall{grid-template-columns:repeat(6,1fr);grid-auto-rows:65px}.wall-size-5{grid-column:span 3;grid-row:span 3}.wall-size-4{grid-column:span 3;grid-row:span 3}}

.swiper-pagination button.swiper-pagination-bullet{width:14px;height:14px;border:0;padding:0;margin:0 3px;background:#777}.swiper-pagination button.swiper-pagination-bullet-active{background:#075cd1;opacity:1}dialog.popup-judge{max-width:650px;max-height:90vh;border:0;overflow:auto}dialog.popup-judge>button{position:absolute;right:8px;top:5px;border:0;background:white;font-size:25px}.popup-poster-intro{position:relative;max-width:700px;margin:40px auto;text-align:center}.popup-poster-intro .img img{max-height:600px;max-width:100%}

/* Category galleries: natural image heights, shortest-column placement. */
#page-posters #box-gallery .poster-masonry {
  --masonry-columns: 2;
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--masonry-columns), minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  margin: 8px;
}
#page-posters #box-gallery .poster-masonry > div {
  float: none;
  width: auto;
  min-width: 0;
  padding: 0;
}
#page-posters #box-gallery .poster-masonry.is-masonry { display: block; }
#page-posters #box-gallery .poster-masonry.is-masonry > div { position: absolute; }
#page-posters #box-gallery .poster-masonry .image img {
  display: block;
  aspect-ratio: auto 3 / 4;
}
@media (min-width: 768px) {
  #page-posters #box-gallery .poster-masonry { --masonry-columns: 3; }
}
@media (min-width: 992px) {
  #page-posters #box-gallery .poster-masonry { --masonry-columns: 4; }
}
