@font-face{font-family:Fraunces;src:url('fonts/fraunces-400.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Inter;src:url('fonts/inter-400.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Inter;src:url('fonts/inter-600.woff2') format('woff2');font-display:swap;font-weight:600}
:root{color-scheme:dark;--white:#fff7e9;--gold:#edd08e;--serif:Fraunces,Georgia,serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#0d0b11;color:var(--white);font:400 14px/1.5 var(--sans)}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid white;outline-offset:5px}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hero{position:relative;isolation:isolate;min-height:760px;height:100svh;overflow:hidden;background:#0b090e}
.scene,.shade,.dust{position:absolute;inset:0;pointer-events:none}.scene{z-index:-4;background:linear-gradient(#08070b66,#08070baa),url('poster.jpg') center 46%/cover}.film{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}.shade{z-index:-3}.dust{z-index:-1;overflow:hidden;mask-image:linear-gradient(transparent 3%,black 20%,black 80%,transparent)}
.dust span{position:absolute;left:var(--x);top:var(--y);height:var(--size);width:var(--size);background:#ffdb82;border-radius:50%;box-shadow:0 0 7px #ffc85caa;opacity:var(--alpha);animation:drift var(--duration) linear infinite;animation-delay:var(--delay)}
@keyframes drift{0%{transform:translate3d(-5px,28px,0);opacity:0}20%{opacity:var(--alpha)}75%{opacity:var(--alpha)}100%{transform:translate3d(30px,-96px,0);opacity:0}}
.top{position:absolute;left:24px;right:24px;top:25px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:2}.brand{font-family:var(--serif);font-size:21px;letter-spacing:-.6px}.place{font-size:11px;line-height:1.4;text-align:right;color:#eee2d9}.book{border:0;min-height:54px;padding:15px 20px;border-radius:3px;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;width:100%;color:#26190d;background:#efd299;box-shadow:0 6px 28px #0003;transition:background .2s}.book:hover{background:#ffe2ae}.inline-price{font-size:12px;font-weight:400;white-space:nowrap}.price{font-size:11px;margin-top:12px;color:#d6c7b6;line-height:1.5}.welcome{font-size:12px;color:#dfd0c7}.motion-control{display:none;position:absolute;z-index:3;right:17px;top:47%;width:44px;height:44px;border:1px solid #ffffff4a;background:#09070c77;border-radius:50%;backdrop-filter:blur(5px);align-items:center;justify-content:center;color:white}.motion-icon{width:10px;height:12px;display:block;border-left:3px solid white;border-right:3px solid white}.motion-control[aria-pressed="true"] .motion-icon{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid white;border-right:0;margin-left:3px}.motion-paused .dust span{animation-play-state:paused}
.entrance{animation:appear 1.2s cubic-bezier(.2,.7,.2,1) both}.entrance.later{animation-delay:.25s}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.cinema .hero .shade{background:linear-gradient(180deg,#07060ded 0%,#090711b0 16%,#08070c14 36%,#0a080d08 46%,#100b16aa 62%,#100b16f5 76%,#100b16 100%)}
.cinema-title{position:absolute;left:16px;right:16px;top:114px;text-align:center}.occasion{font-size:12px;color:#f2dabb}.cinema .hero h1{font-size:91px;line-height:1.08;letter-spacing:-6px;margin-top:9px;color:#f9edd8;text-shadow:0 3px 40px #0a070b}.show-type{font-size:12px;letter-spacing:.025em;margin-top:9px;color:#f4e4d3}.cinema-bottom{position:absolute;left:26px;right:26px;bottom:31px;text-align:center}.cinema .hero h2{font-size:27px;line-height:1.22;letter-spacing:-.6px;margin-bottom:21px}.cinema .hero .event-date{font-size:16px;font-weight:600}.cinema .hero .event-date span{font-size:13px;font-weight:400;padding-left:6px}.cinema .hero .welcome{margin-top:5px}.cinema .hero .book{margin-top:23px}.cinema .hero .price{margin-top:10px}
.affiche{--gold:#ffcc9f}.affiche .shade{background:linear-gradient(180deg,#1b080cf0 0%,#3d0d1b88 18%,#230a1233 30%,#260d1108 48%,#2f07169c 61%,#310b17f2 79%,#300914 100%)}.affiche .top{left:23px;right:23px;top:23px}.affiche .brand{font:400 12px var(--sans)}.poster-title{position:absolute;left:18px;top:80px;right:15px}.poster-title h1{font-size:105px;line-height:1.05;letter-spacing:-8px;color:#ffdac2;text-shadow:0 3px 25px #2609126b}.poster-title p{font-size:12px;line-height:1.55;margin:13px 0 0 8px;color:#ffdec4}.poster-date{position:absolute;left:28px;top:294px;display:flex;flex-direction:column;align-items:flex-start;text-shadow:0 2px 15px #310818}.poster-date>span:first-child{font-size:12px}.poster-date strong{font-family:var(--serif);font-weight:400;font-size:100px;line-height:.99;letter-spacing:-7px;color:#ffdec1;margin-left:-5px}.poster-date .month{font-family:var(--serif);font-size:30px;line-height:1.05;letter-spacing:-.7px}.poster-date .hour{font-size:12px;margin-top:13px}.poster-bottom{position:absolute;left:26px;right:26px;bottom:30px}.poster-bottom h2{font-size:29px;line-height:1.15;letter-spacing:-.65px;margin-bottom:13px}.affiche .welcome{color:#f2c9c2}.affiche .book{margin-top:24px;justify-content:space-between;background:#ffdac2;color:#4e1624}.affiche .price{color:#e1b6b7;text-align:center}.affiche .motion-control{top:52%;background:#29081455}
.premier-rang .shade{background:linear-gradient(180deg,#04070bc9 0%,#05080b33 16%,transparent 43%,#08121966 57%,#071018ed 73%,#071018 100%)}.premier-rang .top{align-items:start;top:26px}.small-title h1{font-size:34px;line-height:1;letter-spacing:-1.5px}.small-title span{display:block;font-size:10px;margin-top:9px;color:#e2d9cd}.premier-rang .place{margin-top:2px}.front-bottom{position:absolute;left:25px;right:25px;bottom:31px}.front-bottom .event-date{font-size:12px;color:#f1d399;margin-bottom:17px}.front-bottom h2{font-size:40px;line-height:1.07;letter-spacing:-1.3px;margin-bottom:16px}.invitation{font-size:12px;line-height:1.7;color:#ddd6ca}.front-bottom .book{margin-top:23px;justify-content:space-between;background:#f3d7a2}.front-bottom .price{text-align:center;color:#c5c8c7}.premier-rang .motion-control{top:44%}
.preview-note{max-width:330px;width:calc(100% - 40px);padding:35px 25px 25px;border:1px solid #b9a17a;background:#171119;color:var(--white);border-radius:6px;box-shadow:0 10px 80px #0008}.preview-note::backdrop{background:#08050ad9}.preview-note h2{font-size:25px;line-height:1.2;margin-bottom:16px}.preview-note p{font-size:13px;line-height:1.65}.preview-note .close{position:absolute;top:4px;right:6px;border:0;background:none;color:white;width:40px;height:40px;font-size:26px}.preview-note .return{background:var(--gold);color:#251b13;width:100%;border:0;padding:13px;margin-top:23px;border-radius:3px}
@media(min-width:700px){.hero{min-height:780px}.scene{background-size:cover}.film{width:65%;margin:auto;object-fit:contain;mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent)}.top{left:5%;right:5%;top:32px}.brand{font-size:25px}.place{font-size:13px}.cinema-title{top:100px}.cinema .hero h1{font-size:132px}.cinema-bottom{left:50%;right:auto;width:390px;transform:translateX(-50%);animation-name:appear-centered}.cinema .hero h2{font-size:32px}.motion-control{right:5%;top:50%}.affiche .top{left:5%;right:5%;top:32px}.affiche .brand{font-size:14px}.poster-title{left:7%;top:140px;right:auto}.poster-title h1{font-size:clamp(115px,13vw,185px);letter-spacing:-10px}.poster-title p{font-size:15px;margin:20px 0 0 10px}.poster-date{left:auto;right:8%;top:180px}.poster-date strong{font-size:140px}.poster-date .month{font-size:43px}.poster-date .hour{font-size:16px}.poster-bottom{left:8%;right:auto;width:380px;bottom:50px}.poster-bottom h2{font-size:34px}.affiche .film{margin-left:35%}.premier-rang .film{margin-left:35%}.premier-rang .shade{background:linear-gradient(90deg,#071018dc 0%,#0710189c 35%,transparent 66%),linear-gradient(0deg,#071018 0%,transparent 43%,#05080b66 100%)}.front-bottom{left:8%;right:auto;bottom:65px;width:425px}.front-bottom h2{font-size:57px}.front-bottom .invitation{font-size:15px}.front-bottom .event-date{font-size:14px}.front-bottom .book{max-width:370px}.front-bottom .price{text-align:left}.small-title h1{font-size:45px}.premier-rang .top{top:32px}.premier-rang .motion-control{top:50%}.affiche .motion-control{top:53%}}
@keyframes appear-centered{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-height:740px) and (max-width:699px){.hero{min-height:690px}.cinema-title{top:85px}.cinema .hero h1{font-size:82px}.cinema-bottom{bottom:25px}.cinema .hero h2{font-size:25px;margin-bottom:14px}.cinema .hero .book{margin-top:16px}.poster-title{top:68px}.poster-title h1{font-size:98px}.poster-date{top:255px}.poster-date strong{font-size:78px}.poster-date .month{font-size:27px}.poster-date .hour{margin-top:8px}.poster-bottom{bottom:24px}.poster-bottom h2{font-size:26px}.poster-bottom .book{margin-top:17px}.front-bottom{bottom:24px}.front-bottom h2{font-size:36px}.front-bottom .event-date{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.dust span,.entrance{animation:none}.book{transition:none}.cinema-bottom{transform:none}@media(min-width:700px){.cinema-bottom{transform:translateX(-50%)}}}