/* Mixer update: extend the approved cinema shell, with an art-directed phone image. */
.mixer-update {display:inline-block;margin:0 0 1rem;padding:.55rem .8rem;border:1px solid #d8b86a;border-radius:4px;color:#ffe2a0;background:#231315;font:700 .72rem/1.3 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
body[data-page="home"] .cinema-hero {min-height:760px;align-items:center}
body[data-page="home"] .cinema-hero__content {width:min(1160px,calc(100% - 4rem));padding:8rem 0 5rem}
body[data-page="home"] .cinema-hero h1 {max-width:12ch;font-size:clamp(2.8rem,5.4vw,5.6rem);line-height:1.04;letter-spacing:-.035em;text-wrap:initial}
body[data-page="home"] .cinema-hero__lead {max-width:36rem;font-family:Inter,sans-serif;font-size:1rem;line-height:1.8;color:#f4e8df}
body[data-page="home"] .cinema-hero__media img {object-position:center}
body[data-page="home"] .cinema-hero__media::after {background:linear-gradient(90deg,rgba(8,6,7,.65),rgba(8,6,7,.18) 53%,transparent 72%),linear-gradient(0deg,#080607,transparent 18%)}
body[data-page="home"] .cinema-actions {max-width:37rem}
.mixer-offer {display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center;max-width:1100px;margin:auto;padding:3rem 1.5rem;text-align:left}
.mixer-offer__art {display:block;width:100%;max-width:420px;height:auto;border-radius:1rem;border:1px solid #d8b86a44}
.mixer-price {margin:1rem 0;font:700 clamp(3.5rem,8vw,6rem)/1 Georgia,serif;color:#e7c980}
.mixer-price span {font:500 1rem Inter,sans-serif;color:#f4e8df}
.mixer-offer p {line-height:1.8}
.mixer-location {max-width:1100px;margin:auto}
.mixer-location__grid {display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 0;text-align:left}
.mixer-location__grid address {font-style:normal;line-height:1.9}
.mixer-location__grid h3 {font:700 1.5rem Georgia,serif;color:#e7c980;margin-bottom:1rem}
.mixer-location p {line-height:1.8}
.mixer-location a {color:#e7c980}
.mixer-location a.cinema-button {color:#fff}
@media(max-width:650px){
 body[data-page="home"] .cinema-hero {min-height:1050px;align-items:start}
 body[data-page="home"] .cinema-hero__content {width:calc(100% - 2.5rem);padding:7rem 0 30rem}
 body[data-page="home"] .cinema-hero h1 {max-width:13ch;font-size:2.65rem;line-height:1.05}
 body[data-page="home"] .cinema-hero__lead {font-size:.9rem;line-height:1.7;margin-top:1rem}
 body[data-page="home"] .cinema-hero__media::after {background:linear-gradient(180deg,rgba(8,6,7,.2),rgba(8,6,7,.15) 45%,transparent 62%,#080607 100%)}
 body[data-page="home"] .cinema-hero__media img {object-position:center bottom}
 body[data-page="home"] .cinema-actions {gap:.6rem;margin-top:1rem}
 body[data-page="home"] .cinema-actions a {font-size:.7rem;min-height:46px;padding:.8rem .95rem}
 .mixer-offer {grid-template-columns:1fr;padding:1.5rem 1.25rem;gap:2rem}
 .mixer-offer__art {max-width:360px;margin:auto}
 .mixer-location__grid {grid-template-columns:1fr;gap:1.5rem}
}
@media(prefers-reduced-motion:reduce){.mixer-update {animation:none}}

@media(min-width:651px){body[data-page="home"] .cinema-hero__media{top:4rem}}
@media(max-width:650px){
 body[data-page="home"] .cinema-hero {display:flex;flex-direction:column;min-height:0}
 body[data-page="home"] .cinema-hero__content {order:1;padding:7rem 0 2rem}
 body[data-page="home"] .cinema-hero__media {order:2;position:relative;inset:auto;width:100%;height:450px;flex:none}
 body[data-page="home"] .cinema-hero__media img {object-position:center bottom}
 body[data-page="home"] .cinema-hero__media::after {background:linear-gradient(180deg,#0c090b,transparent 15%,transparent 90%,#080607)}
}

/* Lean mixer flow: event details and one purchase action. */
.mixer-faq { padding:64px 24px; text-align:center; }
.mixer-faq h2 { font-family:"Playfair Display",serif; font-size:clamp(28px,5vw,48px); }
.mixer-faq p { max-width:700px; margin:18px auto; line-height:1.7; }
.mixer-faq a:not(.cinema-button) { color:#e5bd72; }
.mixer-preview-notice { position:relative; z-index:10000; padding:12px 20px; background:#31240c; color:#fff2cc; font:600 12px/1.6 Inter,sans-serif; text-align:center; }
body:has(.mixer-preview-notice) .cinema-site-header { position:relative; top:0; }