/* The studio photograph stays still beneath the existing interactive lines. */
.sj-home .sj-hero--studio .sj-hero-artwork {
  opacity: .95;
}
.sj-home .sj-hero--studio,
.sj-home .sj-hero--studio .sj-hero-sticky { min-height: 740px; }

/* The supplied transparent logo stays still; only its masked highlight moves. */
.sj-home .jf-hero-logo {
  width: clamp(190px, 17vw, 240px);
  max-width: 62%;
  margin-inline: 0 auto;
  margin-block-end: 18px;
  line-height: 0;
  pointer-events: none;
}
.sj-home .jf-hero-logo svg { display: block; width: 100%; height: auto; overflow: hidden; }
.sj-home .jf-hero-logo__shine {
  animation: jf-hero-logo-shine 3.6s ease-in-out infinite alternate;
}
@keyframes jf-hero-logo-shine {
  from { transform: translateX(175px); }
  to { transform: translateX(1850px); }
}

body.jf-brand-2026.sj-home .sj-hero--studio .sj-hero-content {
  padding-block: 118px 90px;
}

/* Keep the complete workstation above the copy on narrow screens. */
@media (max-width: 900px) {
  .sj-home .sj-hero--studio,
  .sj-home .sj-hero--studio .sj-hero-sticky { min-height: 800px; }
  .sj-home .jf-hero-logo { width: 192px; margin-inline: auto; margin-block-end: 16px; }
  body.jf-brand-2026.sj-home .sj-hero--studio .sj-hero-content { padding-block: 0 125px; }
  .sj-home .sj-hero--studio .sj-hero-artwork {
    height: 46%;
  }
  .sj-home .sj-hero--studio .sj-hero-artwork img {
    object-position: right center;
  }
}

@media (max-width: 600px) {
  .sj-home .jf-hero-logo { width: 176px; margin-block-end: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .sj-home .jf-hero-logo__shine { animation: none; visibility: hidden; }
}
.sj-motion-off .jf-hero-logo__shine { animation-play-state: paused; }