/* One visual story. The existing film clock controls every scene and response. */
.cinema-home .cinema-hero{--cinema-gold:#F2CC93;background:#12392F}
.cinema-home .cinema-copy h1{text-shadow:0 2px 24px #071D1938}
.cinema-home .hero-platforms>div{box-shadow:0 4px 16px #071D1926}
.cinema-home .film-window{width:min(352px,25.5vw);left:35%;bottom:152px;border:1px solid #FFF9EB;border-radius:16px;background:#FFFCF4;box-shadow:0 32px 80px #071D1959,0 8px 24px #071D1933}
.cinema-home .film-window-chrome{padding:12px 16px;background:#12392F;color:#FFF8E8;gap:8px;font-size:12px;line-height:16px}
.cinema-home .film-window-chrome>span:nth-child(2){text-align:left;flex:1}
.story-live{width:8px;height:8px;border-radius:50%;background:#EFC58F;flex:none;box-shadow:0 0 0 4px #EFC58F1A}
.cinema-home .story-count{color:#EFC58F;font-variant-numeric:tabular-nums;white-space:nowrap}
.cinema-home .film-scenario-body{height:360px;min-height:360px;padding:16px;overflow:hidden;background:#FFFCF4}
.cinema-home .film-screen{font-size:12px;line-height:16px}
.cinema-home .film-service{min-height:96px;padding:16px;background:#12392F;color:#FFFCF4}
.cinema-home .film-service>span{color:#BCD0BE;font-size:12px;line-height:16px;margin-bottom:4px}
.cinema-home .film-service a{color:#F3CD98;font-size:14px;line-height:20px;font-weight:600}
.cinema-home .film-service a:hover{color:#FFFCF4}
.cinema-home .film-service p{color:#F5F3E8;margin-top:8px;font-size:12px;line-height:16px}
.cinema-home .film-demo-note{background:#F0E7D5;color:#455A4A;border-top:1px solid #D3DDCB;font-size:12px;line-height:16px;padding:8px}
.cinema-home .film-app-title{margin-bottom:12px}
.cinema-home .film-app-title strong{font-size:20px;line-height:28px;letter-spacing:-.04em;color:#12392F;gap:8px}
.cinema-home .film-app-title>span{color:#50614E;font-weight:500}
.cinema-home .film-search-field{height:40px;min-height:40px;background:#FFF;border:1px solid #BBC9B6;box-shadow:0 2px 8px #12392F0A;color:#183E34;border-radius:8px}
.cinema-home .film-type-caret{background:#183E34}
.story-search-preview{position:relative;margin-top:12px;height:96px;border-radius:8px 8px 0 0;overflow:hidden;background:#E9E0CB}
.story-search-art{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.story-map-label{position:absolute;right:8px;bottom:8px;display:flex;gap:4px;align-items:center;padding:4px 8px;background:#FFFCF4;border:1px solid #D9DFCF;border-radius:6px;font-size:12px;line-height:16px;color:#12392F;box-shadow:0 2px 8px #12392F1A}
.story-map-label img{width:16px;height:20px;object-fit:contain}
.cinema-home .film-search-result{padding:12px;background:#F1F2E6;border:1px solid #CBD5C2;border-radius:0 0 8px 8px;transform-origin:50% 40%}
.cinema-home .film-result-domain{color:#4C6051;margin-bottom:4px}
.cinema-home .film-search-result strong{color:#12392F;font-size:14px;line-height:20px;font-weight:600;margin:0}
.cinema-home .film-result-link{margin-top:8px;justify-content:space-between;color:#79502C;font-weight:600}
.cinema-home .film-search-result.is-selected{background:#E8EBD8;border-color:#5F8063}
.cinema-home .film-action-status{display:flex;align-items:center;gap:4px;margin-top:8px;color:#315B3C;font-size:12px;line-height:16px}
.film-action-status svg{width:16px;height:16px;flex:none}
.cinema-home .film-browser-address{padding:8px;margin-bottom:12px;gap:8px;background:#EEE9DA;border:1px solid #D9DCCB;border-radius:6px;color:#48614C}
.film-browser-address svg{width:16px;height:16px;flex:none}
.story-address-dot{height:6px;width:6px;border-radius:50%;background:#446D4A;margin-left:auto}
.cinema-home .film-demo-nav{margin-bottom:12px;gap:8px;color:#12392F}
.cinema-home .film-monogram{background:#12392F;border-radius:6px;color:#F8E4C3}
.cinema-home .film-demo-nav strong{font-weight:600}
.cinema-home .film-demo-nav>span:last-child{color:#53664F}
.story-site-preview{position:relative;height:144px;border:1px solid #D4DCCB;border-radius:8px;overflow:hidden;background:#D5D7BA}
.story-site-art{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 44%;transform:scale(1.05);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.story-site-caption{position:absolute;left:8px;bottom:8px;background:#FFFCF4;color:#12392F;padding:8px 12px;border-radius:6px;max-width:75%;box-shadow:0 4px 16px #12392F1A}
.story-site-caption strong{font-size:14px;line-height:20px;font-weight:600;letter-spacing:-.02em}
.cinema-home [data-film-screen="1"][data-beat="2"] .story-site-art,.cinema-home [data-film-screen="1"][data-beat="3"] .story-site-art{transform:scale(1)}
.cinema-home .film-demo-cta,.cinema-home .film-confirm-button{padding:8px 12px;min-height:36px;background:#12392F;border-color:#12392F;color:#FFFCF4;font-weight:600;border-radius:6px}
.cinema-home .film-demo-cta.is-selected,.cinema-home .film-confirm-button.is-selected{background:#EFC58F;border-color:#CDA16B;color:#12392F}
.cinema-home .film-channel-row{gap:4px;margin-top:8px;justify-content:space-between}
.cinema-home .film-channel-row>span{display:flex;gap:4px;align-items:center;padding:4px;background:#F0F1E6;border:1px solid #D4DDC8;color:#3E5945;font-size:12px;line-height:16px;border-radius:4px}
.film-channel-row img,.film-channel-row svg{width:14px;height:14px;object-fit:contain;flex:none}
.cinema-home .film-chat-body{background:#F2F0E4;display:flex;flex-direction:column}
.cinema-home .film-chat-header{background:#DFE8D7;margin:-16px -16px 0;padding:12px 16px;border-bottom:1px solid #C5D5BD;gap:12px}
.story-whatsapp{display:grid;place-items:center;width:40px;height:40px;background:#FFFDF7;border-radius:12px;border:1px solid #D4DCC9;flex:none}
.cinema-home .film-chat-header strong{color:#12392F;font-size:14px;line-height:20px;font-weight:600}
.cinema-home .film-chat-header div>span{color:#3D6343;font-size:12px;line-height:16px}
.cinema-home .film-chat-phone{margin-left:auto;color:#295434;line-height:0}
.film-chat-phone svg{width:20px;height:20px}
.cinema-home .film-chat-date{font-size:12px;line-height:16px;color:#53664A;margin:12px 0}
.story-chat-flow{flex:1;min-height:0}
.cinema-home .film-message{max-width:92%;padding:12px;border-radius:12px;font-size:12px;line-height:16px;box-shadow:0 2px 8px #12392F0D}
.cinema-home .film-message-out{background:#1E513C;color:#FFFDF3;border:1px solid #194831;border-bottom-right-radius:4px}
.cinema-home .film-message-out small{color:#DCEBD4;font-size:12px;line-height:16px;margin-top:4px}
.cinema-home .film-message-out small>span{color:#AEE0EE;margin-left:4px}
.cinema-home .film-message-in{background:#FFFDF7;border:1px solid #CDD9C4;color:#183E34;border-bottom-left-radius:4px}
.story-inline-booking{display:flex;align-items:center;gap:8px;margin-top:8px;color:#754B29;font-weight:600}
.story-inline-booking svg{width:16px;height:16px;flex:none}
.story-inline-booking svg:last-child{margin-left:auto}
.cinema-home .film-chat-composer{margin-top:12px;min-height:40px;border:1px solid #BACDB5;color:#36543D;background:#FFFEF8;padding:8px;border-radius:8px}
.cinema-home .film-send{width:28px;height:28px;background:#1E513C;color:#FFFDF3}
.cinema-home .film-booking-heading{margin-bottom:16px;gap:12px}
.story-calendar-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#EFC58F;color:#12392F;flex:none}
.story-calendar-icon svg{width:24px;height:24px}
.cinema-home .film-booking-heading strong{color:#12392F;font-weight:600;font-size:14px;line-height:20px}
.cinema-home .film-booking-heading div>span{color:#4D634C}
.story-calendar-label{font-size:12px;line-height:16px;color:#4D634C;margin:0 0 12px}
.cinema-home .film-days>span{background:#F5F2E7;border:1px solid #CBD6BF;border-radius:8px;padding:12px 4px;color:#4A604A;gap:4px}
.cinema-home .film-days b{font-size:20px;line-height:28px;font-weight:600;color:#12392F}
.cinema-home .film-times>span{background:#FFFCF4;color:#3E5B40;border-color:#B6C7AC;font-variant-numeric:tabular-nums}
.cinema-home .film-days>.is-selected,.cinema-home .film-times>.is-selected{background:#EFC58F!important;border-color:#C49A64!important;color:#12392F!important;box-shadow:0 4px 8px #B2946526}
.cinema-home .film-booking-success{display:flex;gap:16px;align-items:center;background:#E8EEDC;padding:16px;margin:0 0 16px;border:1px solid #B7C9A7;border-radius:12px;min-height:136px}
.story-success-mark{display:grid;place-items:center;width:56px;height:56px;border:1px solid #325D3B;border-radius:50%;background:#204F36;flex:none}
.story-success-mark svg{width:28px;height:28px;color:#FFF5DD}
.cinema-home .film-booking-success strong{font-size:24px;line-height:32px;font-weight:600;color:#12392F}
.cinema-home .film-booking-success .story-success-eyebrow{color:#3A6040;font-size:12px;line-height:16px}
.cinema-home .film-booking-success span{color:#3F5940}
.cinema-home .film-followup{gap:8px;padding:0;color:#3D5B41}
.cinema-home .film-followup>span{padding:8px;border:1px solid #D0DCC4;border-radius:6px;background:#F5F6EC;gap:8px}
.cinema-home .film-followup svg{width:16px;height:16px;flex:none;color:#345C3A}
.cinema-home .film-followup svg:last-child{margin-left:auto}
.cinema-home .cinema-bottom{align-items:center;gap:32px}
.cinema-home .film-steps{gap:12px;width:680px;max-width:66%}
.cinema-home .film-step{flex-direction:row;align-items:center;gap:12px;padding:12px;min-height:72px;border:1px solid #E9E8CC47;background:#12392FBA;border-radius:12px;color:#FFF8E8;overflow:hidden}
.story-step-icon{display:grid;place-items:center;width:36px;height:36px;background:#FFF9EB;color:#183E34;border:1px solid #E8E5D4;border-radius:8px;flex:none}
.story-step-icon>img,.story-step-icon>svg{width:24px;height:24px;object-fit:contain}
.story-step-label{display:flex;flex-direction:column;gap:4px;font-weight:500}
.cinema-home .film-step-number{font-size:12px;line-height:16px;color:#D7E0CD}
.cinema-home .film-step[aria-pressed="true"]{background:#F0D4AC;color:#12392F;border-color:#FFEBCA;box-shadow:0 8px 24px #071D1926}
.cinema-home .film-step[aria-pressed="true"] .film-step-number{color:#6E4929}
.cinema-home .film-step>i{left:12px;right:12px;height:2px;bottom:0;background:#E9E8CC33}
.cinema-home .film-step>i::after{background:#C1945A}
.cinema-home .film-controls{gap:12px;color:#FFF6E5}
.cinema-home .film-controls button{color:#FFF6E5}
.cinema-home .film-location{color:#FFF6E5}
.cinema-home .phone-connections-trace{stroke-width:2}
.cinema-home .phone-connections-dot{stroke-width:1}
/* Short arrivals replay only when a film cue reveals an element. No idle loops. */
@keyframes story-arrive{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes story-stamp{from{opacity:0;transform:scale(.76) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.cinema-home .cinema-hero[data-clock="video"] .film-screen [data-cue]:not([hidden]){animation:story-arrive .5s cubic-bezier(.22,1,.36,1) backwards}
.cinema-home .cinema-hero[data-clock="video"] .film-booking-success:not([hidden]) .story-success-mark{animation:story-stamp .7s cubic-bezier(.22,1,.36,1) backwards}
.cinema-home .cinema-hero[data-playing="false"] .film-screen *,.cinema-home.menu-open .film-screen *{animation-play-state:paused!important}
@media(min-width:1101px) and (max-width:1350px){.cinema-home .film-window{left:35.5%;width:25.5vw;bottom:140px}.cinema-home .film-step{gap:8px;padding:8px}.cinema-home .film-steps{gap:8px}.cinema-home .film-service{padding:12px 16px}.cinema-home .film-service p{margin-top:4px}}
@media(max-width:1100px){.cinema-home .film-window{position:relative;left:auto;bottom:auto;width:calc(100% - 64px);margin:-48px 32px 0;max-width:640px;justify-self:center}.cinema-home .film-scenario-body{height:360px;min-height:360px}.cinema-home .cinema-bottom{align-items:center;gap:16px}.cinema-home .film-steps{width:100%;max-width:none;gap:12px}.cinema-home .film-controls{width:100%;max-width:none}.cinema-home .film-location{margin-right:auto}.cinema-home .story-search-preview{height:112px}.cinema-home .story-site-preview{height:144px}.cinema-home .film-chat-header{margin:-16px -16px 0}.cinema-home .film-service{min-height:96px}.cinema-home .film-booking-success{min-height:136px}}
@media(max-width:640px){.cinema-home .cinema-media{height:320px}.cinema-home .film-window{width:calc(100% - 32px);margin:-32px 16px 0;border-radius:12px}.cinema-home .film-window-chrome{padding:12px 16px}.cinema-home .film-scenario-body{height:368px;min-height:368px}.cinema-home .film-steps{gap:8px}.cinema-home .film-step{padding:8px 4px;gap:8px;min-height:88px;flex-direction:column;justify-content:center;text-align:center}.story-step-icon{width:32px;height:32px;border-radius:8px}.story-step-icon>img,.story-step-icon>svg{width:20px;height:20px}.story-step-label{gap:0}.cinema-home .film-step-number{display:none}.cinema-home .cinema-bottom{margin:16px 16px 0}.cinema-home .film-step>i{left:8px;right:8px}.cinema-home .film-service{min-height:96px}.cinema-home .story-site-preview{height:152px}}
@media(max-width:360px){.cinema-home .film-scenario-body{padding:12px;height:368px;min-height:368px}.cinema-home .film-chat-header{margin:-12px -12px 0;padding:12px}.cinema-home .film-window-chrome{padding:12px}.cinema-home .film-channel-row>span{padding:4px;font-size:12px;gap:4px}.cinema-home .film-channel-row svg{width:12px;height:12px}.cinema-home .film-service{padding:12px}.cinema-home .film-service a{font-size:12px;line-height:20px}.cinema-home .film-booking-success{padding:12px;gap:12px}.story-success-mark{width:48px;height:48px}.cinema-home .film-step{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cinema-home .cinema-hero *{animation:none!important}.cinema-home .story-site-art{transform:none!important;transition:none!important}}
/* Override legacy panel ink without changing the colors of the platform marks. */
.cinema-home #journey .film-window .film-window-chrome{color:#FFF8E8}
.cinema-home #journey .film-window .film-service>span{color:#BCD0BE}
.cinema-home #journey .film-window .film-service p{color:#F5F3E8}
.cinema-home .film-window .film-demo-note{color:#455A4A}

.cinema-home .cinema-hero[data-clock="video"] .film-action-status[data-cue]:not([hidden]){animation:none}
.cinema-home .cinema-hero[data-clock="video"] .film-message-in[data-cue]:not([hidden]){animation-duration:.2s}
@media(min-width:1101px) and (hover:hover) and (pointer:fine){
 .cinema-home .film-window{transform:perspective(1200px) translate3d(calc(var(--motion-hx,0)*-3px),calc(var(--motion-hy,0)*-2px),0) rotateY(calc(var(--motion-hx,0)*1deg)) rotateX(calc(var(--motion-hy,0)*-.6deg));transform-origin:50% 50%}
 .cinema-home .cinema-hero[data-playing="false"]:not([data-film="complete"]) .film-window{transform:none}
}
@media(prefers-reduced-motion:reduce){.cinema-home .film-window{transform:none!important}}
.story-chat-context{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #CAD7BE;background:#FFFDF6;border-radius:8px;color:#183E34;margin:8px 0}
.story-chat-context>img{width:64px;height:48px;object-fit:cover;border-radius:4px;flex:none}
.story-chat-context>div{display:grid;gap:4px}
.story-chat-context strong{font-size:12px;line-height:16px;font-weight:600}
.story-chat-context span{font-size:12px;line-height:16px;color:#4D634C}
[data-film-screen="2"]:not([data-beat="0"]) .story-chat-context{display:none}
.cinema-home .cinema-hero[data-playing="false"] .film-screen [data-cue],.cinema-home .cinema-hero[data-playing="false"] .story-success-mark{animation:none!important}