@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--red:#d61c3b;--paper:#f5f1e9;--ink:#111013;--muted:#b8b1ba}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#f1eceb;font:16px/1.6 Manrope,Arial,sans-serif}
button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f05e76;outline-offset:5px}a{color:inherit}p,h1,h2,h3{margin-top:0}[hidden]{display:none!important}

.cinema-grid{display:grid;grid-template-columns:1.25fr 1fr;min-height:100svh;max-width:1700px;margin:auto}
.cinema-art{position:relative;isolation:isolate;min-width:0;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}
.cinema-copy{width:100%;max-width:770px;padding:36px 42px 42px;text-align:center}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:700;text-transform:uppercase;margin-bottom:17px}.red{color:#ec4963}
.film-heading{margin:-2px -15px -15px;line-height:0}.film-logo{width:100%;max-width:470px;mix-blend-mode:screen;display:block;margin:auto}.cinema-tagline{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;font-weight:400;color:#e8e2df;line-height:1.2;margin:12px 0 34px}
.trailer-section{width:100%;max-width:530px;margin:auto}.trailer-section h2{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;color:#ded8dd}.trailer-section>div{aspect-ratio:16/9;background:#09090c;border:1px solid #ffffff35;box-shadow:0 18px 55px #0005}.trailer-section iframe,.trailer-section video{display:block;width:100%;height:100%;border:0;object-fit:contain}.trailer-error{font-size:13px;color:#d7c8ce;margin:12px 0 0}
.invitation-panel{background:#000;text-align:center;padding:45px clamp(26px,4.2vw,76px) 40px;min-width:0;border-left:1px solid #ffffff0b}.invitation-panel h2{font:500 clamp(34px,3.3vw,49px)/1.06 'Cormorant Garamond',Georgia,serif;margin:0 0 18px}.invitation-intro{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;line-height:1.35;color:#cec5ca}.invitation-intro p{margin:0 0 2px}.invitation-intro p:last-child{font-size:20px;font-style:italic;color:#b8afb8}
.event-details{display:flex;align-items:center;justify-content:center;gap:22px;margin:25px 0 22px;padding:19px 0;border-top:1px solid #ffffff23;border-bottom:1px solid #ffffff23}.date-block{display:flex;flex-direction:column;text-align:center;min-width:82px;border-right:1px solid #ffffff27;padding-right:22px}.date-block span{font-size:11px;letter-spacing:1.8px;color:#bcb1bb}.date-block strong{font:500 52px/1.12 'Cormorant Garamond',Georgia,serif}.event-venue{display:flex;flex-direction:column;gap:2px}.event-venue strong{font-size:18px;line-height:1.35;font-weight:700}.event-venue>span{font-size:14px;color:#c9c0c9}
.programme{text-align:center;list-style:none;margin:0;padding:0;display:grid;gap:14px}.programme li{display:grid;grid-template-columns:1fr;gap:3px}.programme time{font-size:15px;font-weight:800;color:#eb516a}.programme li>div{display:flex;flex-direction:column;gap:0}.programme strong{font-size:14px;font-weight:500;line-height:1.4}.programme span{font-size:12px;color:#a99faa}
.response{border-top:1px solid #ffffff23;margin-top:25px;padding-top:23px}.response h3{font:500 30px/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 8px}.response-intro{font-size:13px;color:#b8aeba;line-height:1.5;margin:0 0 20px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px;min-width:0}label{font-size:14px;color:#ddd5dc}input,select{width:100%;min-width:0;min-height:46px;border:1px solid #ffffff2b;background:#ffffff05;color:#f3eef2;border-radius:2px;padding:10px 12px;outline:none;font-size:15px}input::placeholder{color:#8e8591}input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 2px #d61c3b20}select option{background:#18151a;color:#fff}
.primary{display:block;width:100%;min-height:50px;padding:13px 20px;background:var(--red);color:#fff;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:2px;transition:background .2s}.primary:hover{background:#ec2b49}.primary:disabled{opacity:.7;cursor:default}.form-note{font-size:12px;color:#aaa0ac;text-align:center;line-height:1.5;margin:12px 0 0}.form-error{font-size:14px;color:#ff91a0;margin:12px 0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

dialog{background:#171319;color:#f8f2ee;border:1px solid #68505d;width:min(92vw,550px);padding:48px 38px;text-align:center;box-shadow:0 25px 100px #0009;max-height:90dvh;overflow:auto}dialog::backdrop{background:#060508d9;backdrop-filter:blur(6px)}dialog h2{font:500 46px/1.05 'Cormorant Garamond',Georgia,serif;margin:14px 0 24px}dialog p{font-size:15px;color:#c1b5c1}dialog .eyebrow{font-size:12px;color:#ec4963}.close{position:absolute;right:10px;top:5px;width:44px;height:44px;font-size:30px;background:transparent;border:0;color:#c1b5c1}.modal-event{display:flex;flex-direction:column;gap:5px;padding:20px 0;border-block:1px solid #ffffff25;margin:24px 0;font-size:14px}.close-modal{margin-top:24px}

@media(max-width:1080px){.cinema-grid{grid-template-columns:1.08fr 1fr}.cinema-copy{padding-inline:25px}.invitation-panel{padding-inline:28px}.invitation-panel h2{font-size:39px}.cinema-tagline{font-size:28px}}
@media(max-width:760px){.cinema-grid{grid-template-columns:1fr}.cinema-art{min-height:0}.cinema-copy{padding:28px 25px 38px;max-width:600px}.film-heading{margin-top:-12px}.film-logo{max-width:500px}.cinema-copy>.eyebrow{font-size:11px}.cinema-tagline{font-size:28px;margin-top:10px;margin-bottom:28px}.trailer-section{max-width:490px}.invitation-panel{padding:36px 26px 40px;border-left:0;border-top:1px solid #ffffff18}.invitation-panel h2{font-size:43px}.invitation-intro{font-size:24px}.event-details{margin-top:23px}.response-intro{font-size:14px}.programme strong{font-size:15px}.programme span{font-size:13px}.field-row{gap:12px}dialog{padding:42px 25px}dialog h2{font-size:40px}}
@media(max-width:390px){.invitation-panel h2{font-size:39px}.event-details{gap:16px}.date-block{min-width:72px;padding-right:16px}.event-venue strong{font-size:17px}.invitation-panel{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


.release-date{margin:20px 0 0;font-size:15px;letter-spacing:1px;color:#f1eceb}
#invitation-form{text-align:left}
@media(max-width:760px){.film-logo{max-width:390px}.release-date{font-size:14px}}
.cinema-home{width:100%;max-width:770px;min-height:100svh;margin:auto;display:flex;align-items:center}
.cinema-home>.cinema-art{width:100%}