*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:#f1eee8;color:#282a25;font-family:"Nunito Sans",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #637457;outline-offset:6px}header{position:absolute;top:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;z-index:1}header span{font-size:11px;letter-spacing:2px}.mark{font-size:32px;letter-spacing:-4px}section{min-height:100svh;padding:80px 5vw 32px;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start}section:first-child{padding-top:110px}h1{font-size:clamp(36px,4.5vw,70px);font-weight:400;letter-spacing:-2px;margin:0 0 10px}.intro{font-size:11px;letter-spacing:3px;margin:0 0 34px}.pair-label{font-size:11px;letter-spacing:3px;margin-bottom:28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.card{border:0;padding:0;background:none;text-align:left;color:inherit;display:block;width:100%}.picture{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#dedbd4}.picture img,.picture video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.picture video{opacity:0;transition:opacity .25s}.card.preview .picture video{opacity:1}.caption{display:flex;align-items:baseline;gap:12px;margin-top:20px}.number{font-size:10px;letter-spacing:1px;color:#676a60}.title{font-size:clamp(21px,2.2vw,34px);letter-spacing:-.7px}.play{display:block;font-size:10px;letter-spacing:2px;margin:14px 0 0 26px}.progress{display:flex;justify-content:space-between;margin-top:44px;font-size:10px;letter-spacing:2px}.progress a{padding:12px 0}.progress span{padding:12px 0}dialog{border:0;padding:28px;background:#101210;color:#eee;width:100%;height:100%;max-width:none;max-height:none}dialog::backdrop{background:#101210}.cinema-head,.cinema-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.cinema-head h2{font-size:20px;font-weight:400}dialog button{border:0;background:transparent;color:inherit;padding:14px 0}#player{display:block;width:100%;height:calc(100svh - 175px);margin:auto;background:#000}.cinema-foot{font-size:12px;letter-spacing:1px}body.playing{overflow:hidden}#end{position:absolute;inset:100px 28px 90px;background:#101210;text-align:center;padding:24px;overflow:auto}#end p{font-size:11px;letter-spacing:3px}#next{display:flex;flex-direction:column;align-items:center;gap:18px;margin:auto}#next img{width:min(540px,75vw);max-height:45svh;object-fit:cover}#next span{font-size:28px}#next b{font-size:11px;font-weight:400;letter-spacing:2px}#error{color:#ffc6aa} [hidden]{display:none!important}@media(max-width:650px){html{scroll-snap-type:none}header{top:20px}.grid{grid-template-columns:1fr;gap:36px}section{padding:55px 6vw;min-height:auto}section:first-child{padding-top:100px}.title{font-size:26px}.intro{line-height:1.7}.progress{margin-top:28px}.cinema-head h2{font-size:16px}dialog{padding:16px}.cinema-head button{font-size:12px}#player{height:calc(100svh - 160px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.picture video{transition:none}}

/* More films: 25% larger, in both languages. */
.progress a[data-i18n="more"]{font-size:12.5px}

.thanks{padding:70px 10vw 110px;max-width:1100px;margin:0 auto;text-align:center;scroll-margin-top:70px}.thanks h2{font-family:"Nunito Sans",sans-serif;font-size:clamp(32px,3.5vw,48px);font-weight:300;letter-spacing:-1px;margin:0 0 25px}.thanks p{font-size:clamp(16px,1.4vw,20px);line-height:1.8;color:#575b51;margin:0}.thanks a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.thanks a:hover{color:#252722}@media(max-width:650px){.thanks{padding:45px 7vw 80px}.thanks br{display:none}}
/* Phone film selection: two complete covers in the opening view. */
@media(max-width:650px){
header{top:15px;left:4%;right:4%}
section{padding:34px 7% 24px;min-height:auto}
section:first-child{padding-top:96px}
h1{font-family:"Nunito Sans",sans-serif;font-size:34px;font-weight:300;letter-spacing:-1px;margin-bottom:8px}
.intro{font-size:9px;letter-spacing:1.8px;margin-bottom:25px}
.grid{gap:26px}
.caption{margin-top:12px;gap:10px}
.title{font-family:"Nunito Sans",sans-serif;font-size:24px;font-weight:300;letter-spacing:-.5px}
.play{font-size:9px;letter-spacing:1.6px;margin:9px 0 0 24px}
.progress{margin-top:22px;letter-spacing:1.2px;align-items:center}
.progress a[data-i18n="more"]{font-size:11px}
.pair-label{font-size:9px;letter-spacing:2px;margin-bottom:22px}
.thanks{padding:55px 8% 70px}.thanks h2{font-size:34px}.thanks p{font-size:16px;line-height:1.7}
.cinema-head{align-items:flex-start}.cinema-head h2{max-width:58%;font-size:17px;line-height:1.3}.cinema-head button{max-width:40%;text-align:right}
.cinema-foot{font-size:11px}#end{inset:100px 16px 80px;padding:18px}
}

/* Bunny embed retains the approved cinema layout. */
#player iframe{display:block;width:100%;height:100%;border:0;background:#000}