.jk-cinema-hero{position:relative;isolation:isolate;overflow:hidden;background:#070707;color:#fff;width:100%;min-height:650px;aspect-ratio:1672/941;max-height:1050px}
.jk-cinema-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.jk-cinema-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0007,transparent 58%),linear-gradient(0deg,#080808b0,transparent 20%);pointer-events:none}
.jk-cinema-content{position:absolute;top:21%;left:4%;width:44%;max-width:760px}
.jk-cinema-kicker{display:flex;align-items:center;gap:18px;color:#ff6a00;font:600 clamp(11px,1.3vw,21px)/1.3 Arial,sans-serif;letter-spacing:.24em;margin:0 0 12px}
.jk-cinema-kicker span{height:3px;width:42px;background:#ff6a00}
html[data-ui-theme] .jk-cinema-hero h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: clamp(34px, 3.8vw, 66px);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -.045em;
  margin: 0;
  color: #f5f5f7;
  text-align: left;
  max-width: none;
  text-transform: none;
}
.jk-cinema-hero h1 > span {
  display: block;
  text-wrap: balance;
}
.jk-cinema-hero h1 > span + span { margin-top: .12em; }
.jk-cinema-hero h1 strong {
  font-weight: inherit;
  color: #ff8b42;
  background: linear-gradient(100deg, #ffa044, #ff682c);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.jk-cinema-description{max-width:390px;color:#d1d1d1;font:400 clamp(12px,1vw,17px)/1.65 Arial,sans-serif;letter-spacing:.025em;margin:22px 0 26px;text-wrap:pretty}
.jk-cinema-button{display:inline-flex;align-items:stretch;border:1px solid #8a8a8a;color:white;text-decoration:none;font:700 clamp(10px,.85vw,14px)/1.3 Arial,sans-serif;letter-spacing:.06em;min-height:49px;transition:filter .2s}
.jk-cinema-button>span{display:flex;align-items:center;padding:15px 20px;background:#ff6500}

.jk-cinema-button:hover{filter:brightness(1.15)}
.jk-cinema-button:focus-visible{outline:2px solid white;outline-offset:5px}
.jk-cinema-topics{position:absolute;bottom:6%;left:4%;display:flex;list-style:none;padding:0;margin:0;gap:0;color:#ccc;font:400 clamp(10px,.85vw,14px)/1.45 Arial,sans-serif;letter-spacing:.05em}
.jk-cinema-topics li{padding:0 25px;border-right:1px solid #ff6500}
.jk-cinema-topics li:first-child{padding-left:0}.jk-cinema-topics li:last-child{border:0}
@media(max-width:1000px) and (min-width:761px){.jk-cinema-hero{min-height:600px}.jk-cinema-content{top:18%}.jk-cinema-image{object-position:58% center}.jk-cinema-description{max-width:310px}}
@media(max-width:760px){.jk-cinema-hero{aspect-ratio:auto;min-height:780px;max-height:none;display:flex;flex-direction:column;justify-content:flex-end;padding:320px 24px 34px}.jk-cinema-image{height:440px;object-fit:cover;object-position:68% top}.jk-cinema-hero:before{background:linear-gradient(0deg,#080808 0%,#080808 47%,#08080800 78%)}.jk-cinema-content{position:relative;top:auto;left:auto;width:100%;max-width:none}.jk-cinema-kicker{font-size:11px;margin-bottom:13px}.jk-cinema-description{font-size:13px;max-width:390px;margin:20px 0 24px;line-height:1.75}.jk-cinema-button{min-height:49px;font-size:10px}.jk-cinema-topics{position:relative;left:auto;bottom:auto;margin-top:32px;width:100%;justify-content:space-between;font-size:9px}.jk-cinema-topics li{padding:0 12px}.jk-cinema-topics li:last-child{padding-right:0}}
@media(prefers-reduced-motion:reduce){.jk-cinema-button{transition:none}}

/* Dim the moving background without reducing foreground text contrast. */
#jk-hero-video{background:#000}
#jk-hero-video video{opacity:.6}

@media (max-width: 760px) {
  html[data-ui-theme] .jk-cinema-hero h1 { font-size: clamp(29px, 7.5vw, 50px); }
}