/* Append after the current site stylesheet. */
.cinematic-hero.yashin-hero-enhanced .hero-film {
  --hero-offset-x: 0px;
  --hero-offset-y: 0px;
  transform: translate3d(var(--hero-offset-x), var(--hero-offset-y), 0) scale(1.012);
  transform-origin: center;
}
.cinematic-hero.yashin-hero-enhanced .hero-film img,
.cinematic-hero.yashin-hero-enhanced .hero-film video {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.cinematic-hero.yashin-hero-enhanced .hero-film video { opacity: 0; transition: opacity 0.4s ease; }
.cinematic-hero.yashin-hero-enhanced.hero-media-ready .hero-film video { opacity: 1; }
.cinematic-hero.yashin-hero-enhanced.hero-media-error .hero-film video { opacity: 0; }
.cinematic-hero.yashin-hero-enhanced .cinematic-bottom { flex-wrap: wrap; }
.cinematic-hero.yashin-hero-enhanced .hero-scene-panel {
  width: 230px;
  margin-left: auto;
  color: #f4f2ed;
  font-family: var(--sans, Manrope, Arial, sans-serif);
}
.cinematic-hero.yashin-hero-enhanced .hero-scene-panel[hidden] { display: none; }
.cinematic-hero.yashin-hero-enhanced .hero-scene-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 11px;
  letter-spacing: 0.07em;
  line-height: 1.4;
}
.cinematic-hero.yashin-hero-enhanced .hero-scene-count { color: #f4f2ed99; font-variant-numeric: tabular-nums; }
.cinematic-hero.yashin-hero-enhanced .hero-scene-nav { display: flex; gap: 8px; width: 100%; }
.cinematic-hero.yashin-hero-enhanced .hero-scene-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 28px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}
.cinematic-hero.yashin-hero-enhanced .hero-scene-button:disabled { cursor: default; opacity: 0.5; }
.cinematic-hero.yashin-hero-enhanced .hero-scene-track { display: block; overflow: hidden; width: 100%; height: 2px; background: #ffffff40; }
.cinematic-hero.yashin-hero-enhanced .hero-scene-track > span { display: block; width: 100%; height: 100%; background: #fff; transform: scaleX(var(--scene-progress, 0)); transform-origin: left; }
.cinematic-hero.yashin-hero-enhanced .hero-scene-button:hover .hero-scene-track { background: #ffffff80; }
.cinematic-hero.yashin-hero-enhanced .hero-scene-button:focus-visible { outline: 2px solid #f4f2ed; outline-offset: 2px; }
@media (max-width: 760px) {
  .cinematic-hero.yashin-hero-enhanced .hero-film { transform: none; }
  .cinematic-hero.yashin-hero-enhanced .hero-scene-panel { flex-basis: 100%; width: 100%; order: 4; margin: 4px 0 0; }
  .cinematic-hero.yashin-hero-enhanced .hero-scene-button { min-height: 44px; }
  .cinematic-hero.yashin-hero-enhanced .hero-scene-caption { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .cinematic-hero.yashin-hero-enhanced .hero-film { transform: none; }
  .cinematic-hero.yashin-hero-enhanced .hero-film video,
  .cinematic-hero.yashin-hero-enhanced .hero-scene-panel { display: none; }
}