:root{--facade-accent-color: #fac8b9;--facade-curve-width: 30px;--facade-curve-gradient: linear-gradient( to right, rgba(255, 255, 255, .4), transparent var(--facade-curve-width), transparent calc(100% - var(--facade-curve-width)), rgba(0, 0, 0, .15) );--roof-line-height: 10px;--content-padding-x: 1em;--content-padding-y: 2em}@media screen and (min-width:585px){:root{--content-padding-x: 3em}}body{background:radial-gradient(circle at 20% 50%,#0a1a3d,#050d20,#000) fixed;position:relative;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20px 30px,#eee,#eee0),radial-gradient(1px 1px at 60px 70px,#fff,#fff0),radial-gradient(2px 2px at 50px 50px,#fff,#fff0),radial-gradient(1px 1px at 130px 80px,#fff,#fff0),radial-gradient(2px 2px at 90px 10px,#eee,#eee0),radial-gradient(1px 1px at 130px 130px,#fff,#fff0),radial-gradient(1px 1px at 70px 100px,#fff,#fff0),radial-gradient(2px 2px at 20px 120px,#ddd,#ddd0),radial-gradient(1px 1px at 200px 50px,#fff,#fff0),radial-gradient(1px 1px at 170px 30px,#eee,#eee0);background-size:200px 200px;background-repeat:repeat;pointer-events:none;z-index:1}&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 10px 60px,#fff,#fff0),radial-gradient(1px 1px at 40px 30px,#eee,#eee0),radial-gradient(2px 2px at 130px 60px,#fff,#fff0),radial-gradient(1px 1px at 170px 80px,#fff,#fff0),radial-gradient(1px 1px at 60px 140px,#eee,#eee0),radial-gradient(2px 2px at 100px 50px,#fff,#fff0),radial-gradient(1px 1px at 150px 130px,#fff,#fff0),radial-gradient(1px 1px at 30px 100px,#fff,#fff0),radial-gradient(2px 2px at 180px 100px,#ddd,#ddd0),radial-gradient(1px 1px at 110px 140px,#eee,#eee0);background-size:200px 200px;background-repeat:repeat;background-position:100px 100px;pointer-events:none;z-index:1}}.searchlight{position:fixed;bottom:0;left:50%;width:8px;height:200%;background:linear-gradient(to top,#ffffff4d,#fff0);filter:blur(8px);transform-origin:bottom center;pointer-events:none;animation:sweep 12s linear infinite alternate}.searchlight:nth-child(2){left:30%;width:6px;filter:blur(6px);animation-duration:16s}.searchlight:nth-child(3){left:70%;width:10px;filter:blur(12px);animation-duration:20s}@keyframes sweep{0%{transform:rotate(-25deg)}50%{transform:rotate(25deg)}to{transform:rotate(-25deg)}}.top{background:var(--facade-curve-gradient) var(--facade-accent-color);width:200px;height:65px;margin-top:17px;margin-bottom:calc(-1 * var(--roof-line-height));position:relative;z-index:1;&:before{content:"";display:block;background:url(/bg.webp) #daa890;width:100%;height:var(--roof-line-height)}&:after{content:"";background:url(/bg.webp) #daa890;width:24px;height:76px;top:-33px;position:absolute;left:50%;transform:translate(-50%)}}header{background:var(--facade-curve-gradient) var(--facade-accent-color);padding:22px 1em;position:relative;&:before{content:"";display:block;background:url(/bg.webp) #daa890;width:100%;height:var(--roof-line-height);position:absolute;left:0;top:0}}.logo{display:block;font-family:GrenadierNF,sans-serif;font-weight:400;font-size:3em;text-transform:uppercase;text-align:center}.cinema-lights{height:32px;background-color:#fff6cc;background-image:linear-gradient(#e6d98a 1px,transparent 1px),linear-gradient(90deg,#e6d98a 1px,transparent 1px);background-size:14px 14px;box-shadow:0 0 10px #fff0b4cc,0 0 25px #ffdc7880;border-top:3px solid #f5e9b5}.facade{background:url(/bg.webp) #daa890;position:relative;flex:1;width:100%}main{padding:var(--content-padding-y) var(--content-padding-x)}.movies{display:grid;gap:1em;padding:1em 0;margin:2em 0;@media screen and (min-width:768px){grid-template-columns:1fr 1fr}}.movie{border:8px solid #d3c6b6;img{display:block;width:100%}}.fun-fact{background:url(/bg-light.webp) #e4b593;margin:0 calc(-1 * var(--content-padding-x)) -2em;padding:2em var(--content-padding-x);text-align:center;text-wrap:balance}.movie-title{h1{margin:0}h2{margin-top:0}}.gallery{background:url(/bg-light.webp) #e4b593;padding:1em var(--content-padding-x);margin:2em calc(-1 * var(--content-padding-x));display:flex;flex-direction:column;gap:1em;text-align:center;&:last-child{margin-bottom:calc(-1 * var(--content-padding-y))}@media screen and (min-width:768px){flex-direction:row}}