/* Hero media repair: preserve every pixel of the authored film on all viewports.
   Legacy inline rules have repeated body IDs, so this scoped override matches
   their specificity without changing any other page or checkout component. */
html body#lpRoot #hero .hero-right-col .lla-film {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#061633 !important;
}
html body#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot #hero .lla-film video {
  position:relative !important;
  display:block !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:100% !important;
  max-height:none !important;
  aspect-ratio:16/9 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  margin:0 !important;
  border-radius:18px 18px 0 0 !important;
  background:#000 !important;
}
html body#lpRoot #hero .hero-right-col .lla-film figcaption {
  position:relative !important;
  inset:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:4px !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  padding:14px 18px 16px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  transform:none !important;
  background:#061633 !important;
  text-align:left !important;
  overflow:visible !important;
}
html body#lpRoot #hero .hero-right-col .lla-film figcaption b,
html body#lpRoot #hero .hero-right-col .lla-film figcaption span {
  display:block !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  line-height:1.35 !important;
  margin:0 !important;
}
html body#lpRoot #hero .hero-right-col .lla-film figcaption b {font-size:22px !important;color:#fff !important}
html body#lpRoot #hero .hero-right-col .lla-film figcaption span {font-size:16px !important;color:#b7dcff !important}
/* Existing mobile layout and unrelated journal portrait crop retained. */
@media (max-width:760px){
  html body#lpRoot #hero .hero-right-col{width:100% !important;max-width:100% !important;min-width:0 !important;overflow:visible !important}
  html body#lpRoot #hero .lla-film{position:relative !important;display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;aspect-ratio:auto !important;height:auto !important;min-height:0 !important;max-height:none !important;border-radius:18px !important;overflow:hidden !important;background:#000 !important;box-sizing:border-box !important;transform:none !important}
  html body#lpRoot #hero .lla-film::before,html body#lpRoot #hero .lla-film::after{display:none !important}
  html body#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot#lpRoot #hero .lla-film video,html body#lpRoot #hero .lla-film video{position:relative !important;min-height:0 !important;min-width:0 !important;inset:auto !important;width:100% !important;height:auto !important;max-width:none !important;max-height:none !important;aspect-ratio:720/404 !important;object-fit:cover !important;object-position:50% 50% !important;border-radius:18px 18px 0 0 !important;margin:0 !important;transform:none !important;display:block !important}
  html body#lpRoot #hero .lla-film .film-sound{position:absolute !important;top:10px !important;right:10px !important;left:auto !important;bottom:auto !important;width:40px !important;height:40px !important;margin:0 !important;z-index:5 !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(4,13,36,.7) !important;color:#fff !important;border:1px solid rgba(255,255,255,.3) !important}
  html body#lpRoot #hero .lla-film figcaption{position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;top:auto !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:10px 14px 12px !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:2px !important;z-index:4 !important;background:#061633 !important;border-radius:0 0 18px 18px !important;overflow:hidden !important;text-align:left !important;transform:none !important}
  html body#lpRoot #hero .lla-film figcaption b,html body#lpRoot #hero .lla-film .lla-film-name{font-size:19px !important;line-height:1.2 !important;color:#fff !important;max-width:100% !important;overflow-wrap:anywhere !important;white-space:normal !important;margin:0 !important}
  html body#lpRoot #hero .lla-film figcaption span,html body#lpRoot #hero .lla-film .lla-film-role{font-size:15px !important;line-height:1.3 !important;color:#7DE5FF !important;max-width:100% !important;overflow-wrap:anywhere !important;white-space:normal !important;margin:0 !important}
  html body#lpRoot #hero .lla-film .lla-film-cap,html body#lpRoot #hero .lla-film .lower-third,html body#lpRoot #hero .lla-film [class*="caption"],html body#lpRoot #hero .lla-film [class*="lower"],html body#lpRoot #hero .lla-film [class*="headline"]{position:absolute !important;left:12px !important;right:12px !important;max-width:100% !important;box-sizing:border-box !important;font-size:15px !important;overflow:hidden !important;white-space:normal !important}
  /* Problem 2: portraits sit too low in mockup frames */
  html body#lpRoot #journal .lla-news-media img[src*="ceo-harel-tayeb"],html body#lpRoot #journal img[src*="ceo-harel-tayeb"],html body#lpRoot img[src*="instructors/jordan"],html body#lpRoot #journal img[src*="instructors/jordan"]{object-fit:cover !important;object-position:50% 15% !important;width:100% !important;height:100% !important;display:block !important}
}
@media (max-width:760px){
  html body#lpRoot #journal .lla-news-card--press .lla-news-media{position:relative !important;display:block !important;width:100% !important;aspect-ratio:16/10 !important;height:auto !important;overflow:hidden !important}
  html body#lpRoot #journal .lla-news-media img,html body#lpRoot #journal .lla-news-media video{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:50% 15% !important;display:block !important}
  html body#lpRoot #journal .lla-news-media img[src*="ceo-harel-tayeb"]{object-position:50% 12% !important}
  html body#lpRoot .hp-teacher-card-live-photo img[src*="instructors/jordan"]{object-fit:cover !important;object-position:50% 15% !important;width:100% !important;height:100% !important}
}