/* Best Point 1.3.45 — gradual mobile blending and slightly smaller mobile cards. */
@media(max-width:1020px){
 body.bp-public.page-home .cinema-hero{
  --bp-photo-top:190px;
  /* The image is 112vw wide with its original 2048 / 1529 aspect ratio. */
  --bp-photo-height:83.6171875vw;
  --bp-hero-tail:152px;
  height:calc(var(--bp-photo-top) + var(--bp-photo-height) + var(--bp-hero-tail) + env(safe-area-inset-top,0px));
  min-height:0;
  max-height:none;
 }
 body.bp-public.page-home .cinema-hero .hero-content{top:calc(144px + env(safe-area-inset-top,0px))}
}
@media(max-width:650px){
 body.bp-public.page-home .cinema-hero{
  --bp-photo-top:184px;
  /* 128vw photograph + fixed title/footer spacing = 720px at the 402px reference width. */
  --bp-photo-height:95.5625vw;
 }
 body.bp-public.page-home .cinema-hero .hero-content{top:calc(128px + env(safe-area-inset-top,0px))}
}
@media(max-width:1020px) and (min-aspect-ratio:1/1){
 body.bp-public.page-home .cinema-hero{--bp-photo-top:245px;--bp-photo-height:74.658203125vw}
 body.bp-public.page-home .cinema-hero .hero-content{top:calc(122px + env(safe-area-inset-top,0px))}
}

/* Give the full-width photograph its natural height so the bridge stays in frame. */
@media(min-width:1021px){
 body.bp-public.page-home .cinema-hero{height:max(100svh,74.658203125vw);min-height:750px;max-height:none}
 body.bp-public.page-home .cinema-hero .hero-image{object-fit:cover;object-position:50% 40%}
 body.bp-public.page-home .hero-building-marker.marker-large{top:56%}
 body.bp-public.page-home .hero-building-marker.marker-small{top:54%}
 body.bp-public.page-home .hero-render:after{background:linear-gradient(180deg,#000 0%,#000000f7 6%,#000000e6 12%,#000000c2 19%,#00000096 26%,#00000063 34%,#00000036 42%,#00000013 50%,#0000 57%,#0000 82%,#0000000a 88%,#0000003d 93%,#000000a6 97%,#000 100%)}
}
@media(max-width:1020px){
 /* Spread the fade over the lower 40% instead of concentrating it at the image edge. */
 body.bp-public.page-home .cinema-hero .hero-image{mask-image:linear-gradient(180deg,transparent 0%,#000 6%,#000 60%,#000000fc 65%,#000000f2 70%,#000000e0 75%,#000000c5 80%,#0000009f 85%,#0000006b 90%,#00000035 94%,#00000011 97%,#00000002 99%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 6%,#000 60%,#000000fc 65%,#000000f2 70%,#000000e0 75%,#000000c5 80%,#0000009f 85%,#0000006b 90%,#00000035 94%,#00000011 97%,#00000002 99%,transparent 100%)}
 /* Only the image mask shades the bottom, including phones held horizontally. */
 body.bp-public.page-home .cinema-hero .hero-shade{background:linear-gradient(180deg,#000 0px,#00000066 calc(94px + env(safe-area-inset-top,0px)),#00000000 calc(168px + env(safe-area-inset-top,0px)))}
 body.bp-public.page-home .hero-building-marker.marker-large{top:57%}
 body.bp-public.page-home .hero-building-marker.marker-small{top:55%}
 body.bp-public.page-home .bp-hero-hotspot-two{top:45.5%}
}
@media(max-width:650px){
 body.bp-public.page-home .hero-building-marker{min-height:76px;padding:8px 6px;gap:5px}
 body.bp-public.page-home .hero-building-marker.marker-large{width:43vw}
 body.bp-public.page-home .hero-building-marker.marker-small{width:39vw}
 body.bp-public.page-home .hero-building-marker .marker-count{font-size:clamp(25px,7.8vw,37px)}
 body.bp-public.page-home .hero-building-marker .marker-address{font-size:clamp(8.5px,2.4vw,10.5px)}
}
@media(max-width:360px){
 body.bp-public.page-home .hero-building-marker{min-height:70px}
}

/* Touch keeps the existing hand. Mouse input gets a pointer-arrow cue, with the same quiet pulse. */
body.bp-public.page-home .bp-hero-hotspot .bp-cursor-icon{display:none}
body.bp-public.page-home .bp-cursor-arrow{fill:#08080855}
body.bp-public.page-home .bp-cursor-ring{
 fill:none;
 stroke:inherit;
 stroke-width:1.2;
 transform-box:view-box;
 transform-origin:14px 16px;
 animation:bp-finger-concentric 3.6s linear infinite;
 opacity:0;
}
body.bp-public.page-home .bp-cursor-ring-2{animation-delay:-1.2s}
body.bp-public.page-home .bp-cursor-ring-3{animation-delay:-2.4s}
@media(hover:hover) and (pointer:fine){
 body.bp-public.page-home .bp-hero-hotspot .bp-tap-icon:not(.bp-cursor-icon){display:none}
 body.bp-public.page-home .bp-hero-hotspot .bp-cursor-icon{display:block}
}
@media(prefers-reduced-motion:reduce){
 body.bp-public.page-home .bp-cursor-ring{animation:none;transform:scale(.7);opacity:.45}
 body.bp-public.page-home .bp-cursor-ring-2,
 body.bp-public.page-home .bp-cursor-ring-3{display:none}
}