/* Two local desktop sketches. The ordinary case keeps its accepted composition. */
.jc-study-ticker { display:none; }
@media(min-width:769px) {
    .jc-hero[data-jc-study] { --jc-study-inset:48px; --jc-study-column:calc((var(--jc-scene-width,100vw) - 96px) / 12); }
    .jc-hero[data-jc-study] .jc-hero-intro { display:contents; }
    .jc-hero[data-jc-study] .jc-hero-intro > * { position:absolute; z-index:2; transform:translate(var(--jc-cover-x,0px),var(--jc-cover-y,0px)); }
    .lightbox.is-jcenters .jc-hero[data-jc-study] .jc-hero-intro p { left:calc(48px + var(--jc-study-column) * 8); right:48px; width:auto; max-width:none; margin:0; }
    .jc-hero[data-jc-study] .jc-hero-film { filter:brightness(.82); }
    .jc-hero[data-jc-study] .jc-hero-film::after {
        background:linear-gradient(180deg,#05090fa6 0%,#05090fa6 28%,transparent 48%,transparent 58%,#05090faa 75%,#05090fd9 100%),linear-gradient(90deg,transparent 0%,transparent 48%,#05090f99 64%,#05090fbf 100%);
    }
    .jc-hero[data-jc-study] .jc-study-ticker {
        position:absolute; z-index:3; top:20px; left:48px; right:100px; height:24px; display:block; overflow:hidden;
        color:#d6cadf; font:500 12px/24px var(--font-body); letter-spacing:.07em; text-transform:uppercase;
        text-shadow:0 2px 6px #000b;
    }
    .jc-study-track { display:flex; width:max-content; animation:jc-study-line 42s linear infinite; }
    .jc-study-track span { flex:none; padding-right:48px; white-space:nowrap; }
    .jc-study-ticker:is(:hover,:focus) .jc-study-track { animation-play-state:paused; }
    .jc-study-ticker:focus-visible { outline:2px solid #e4d28e; outline-offset:4px; }

    /* A: one broad word holds the foot of the frame; its reading block stays above. */
    .jc-hero[data-jc-study="bottom"] .jc-hero-intro h3 {
        left:48px; right:48px; top:auto; bottom:24px;
        font-size:calc((var(--jc-scene-width,100vw) - 96px) / 8); line-height:1.1;
    }
    .jc-hero[data-jc-study="bottom"] .jc-hero-tagline { top:112px; font-size:clamp(24px,2.22vw,32px); line-height:1.25; }
    .jc-hero[data-jc-study="bottom"] .jc-hero-lead { top:172px; font-size:20px; line-height:1.5; }
    .jc-hero[data-jc-study="bottom"] .jc-hero-role { top:292px; font-size:15px; line-height:1.5; }
    .jc-hero[data-jc-study="bottom"] .jc-reveal { top:0; bottom:224px; }

    /* B: title and explanation use opposite corners of the same twelve-column grid. */
    .jc-hero[data-jc-study="split"] .jc-hero-intro h3 {
        left:48px; right:auto; top:104px; bottom:auto;
        font-size:calc((var(--jc-scene-width,100vw) - 96px) / 12.8); line-height:1.1;
    }
    .jc-hero[data-jc-study="split"] .jc-hero-tagline { bottom:264px; font-size:clamp(24px,3.05vw,44px); line-height:1.12; text-wrap:balance; }
    .jc-hero[data-jc-study="split"] .jc-hero-lead { bottom:128px; font-size:20px; line-height:1.5; }
    .jc-hero[data-jc-study="split"] .jc-hero-role { bottom:64px; font-size:15px; line-height:1.5; }
    .jc-hero[data-jc-study="split"] .jc-reveal { top:232px; bottom:0; }
}
@keyframes jc-study-line { to { transform:translateX(-50%); } }
@media(prefers-reduced-motion:reduce) { .jc-study-track { animation:none; } }