/* A small cue from the original site, without a Lottie runtime. Stops before five seconds. */
html.jbn-live .hero-scroll-cue{position:absolute;top:160px;right:var(--gutter);bottom:auto;left:auto;z-index:3;display:flex;align-items:center;gap:15px;min-height:48px;color:#fff}html.jbn-live .hero-scroll-cue svg{height:43px;width:26px;overflow:visible}html.jbn-live .hero-scroll-cue>span{font:10px/1.5 ui-monospace,monospace;letter-spacing:1.1px;text-transform:uppercase}html.jbn-live .scroll-cue-dot{animation:jbn-scroll-dot 2.46s cubic-bezier(.38,0,.39,1) 2 both;transform-origin:85px 75px}html.jbn-live .hero-scroll-cue rect{animation:jbn-scroll-outline 2.46s ease 2 both}html.jbn-live .hero-scroll-cue:hover svg{transform:translateY(3px);transition:transform .3s}html.jbn-live .home-hero .hero-bottom>span:last-child{display:none}
@keyframes jbn-scroll-dot{0%,100%{opacity:.7;transform:translateY(0)}15%{opacity:1;transform:translateY(0)}52%{opacity:0;transform:translateY(89px)}70%{opacity:0;transform:translateY(0)}}
@keyframes jbn-scroll-outline{0%,100%{stroke-dasharray:100 100;opacity:.75}18%{stroke-dasharray:65 100;opacity:1}50%{stroke-dasharray:100 100;opacity:1}75%{stroke-dasharray:80 100;opacity:.4}}
/* Two statements, one open canvas. Both remain readable without motion. */
html.jbn-live .about-belief{position:relative;padding:65px 0 100px}html.jbn-live .about-belief-stage{max-width:none}html.jbn-live .about-belief-stage>.eyebrow{display:block;margin-bottom:65px}html.jbn-live .about-belief-type{position:relative;max-width:1180px}html.jbn-live .about-belief-type h1,html.jbn-live .about-belief-type>p{font-family:Bricolage,Arial,sans-serif;font-size:clamp(54px,7.9vw,132px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:0}html.jbn-live .belief-second{margin-top:45px!important}html.jbn-live .belief-word{display:inline-block;white-space:pre-wrap}html.jbn-live .is-belief-visible .belief-word{will-change:transform,opacity}html.jbn-live .belief-second .studio-rainbow-line{display:inline-block;margin:0}html.jbn-live .belief-context{max-width:510px;font-size:17px;line-height:1.75;margin:45px 0 0 auto}html.jbn-live .belief-next{display:inline-flex;gap:40px;min-height:44px;align-items:center;font-size:11px;letter-spacing:.5px;margin-top:26px}html.jbn-live .about-belief.is-dual-enabled{height:190svh;min-height:1350px;padding:0}html.jbn-live .is-dual-enabled .about-belief-stage{position:sticky;top:0;min-height:680px;height:100svh;max-height:1150px;display:flex;flex-direction:column;justify-content:center;padding-block:65px}html.jbn-live .is-dual-enabled .about-belief-stage>.eyebrow{margin-bottom:45px}html.jbn-live .is-dual-enabled .about-belief-type{min-height:3.3em;font-size:clamp(54px,7.9vw,132px)}html.jbn-live .is-dual-enabled .belief-first,html.jbn-live .is-dual-enabled .belief-second{position:absolute;top:0;left:0;right:0;margin:0!important}html.jbn-live .is-dual-enabled .belief-context{margin-top:30px}html.jbn-live .is-dual-enabled .belief-next{align-self:flex-start}html.jbn-live .about-belief+.story-sequence{margin-top:0}
/* Film selection first; the complete, filterable library follows. */
html.jbn-live .work-featured{padding-block:20px 110px}html.jbn-live .work-featured>header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px}html.jbn-live .work-featured>header h2{font-size:11px;letter-spacing:1.5px}html.jbn-live .work-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 30px}html.jbn-live .work-featured-card:first-child{grid-column:1/-1}html.jbn-live .work-featured-card:first-child .frame{aspect-ratio:2.12}html.jbn-live .work-featured-card .frame{aspect-ratio:1.65}html.jbn-live .work-featured-card .project-caption h3{font-size:clamp(28px,3vw,44px)}html.jbn-live .work-archive-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;padding-top:55px;padding-bottom:30px;border-top:1px solid var(--line)}html.jbn-live .work-archive-heading h2{font-size:clamp(30px,3.5vw,48px)}html.jbn-live .work-archive-heading p{font-size:13px;max-width:440px}html.jbn-live .work-featured+:is(.work-library,#work-library){padding-top:0}
@media(max-width:760px){html.jbn-live .hero-scroll-cue{top:166px;bottom:auto;left:auto;right:var(--gutter);gap:10px}html.jbn-live .hero-scroll-cue svg{height:34px;width:20px}html.jbn-live .hero-scroll-cue>span{font-size:8px;max-width:70px}html.jbn-live .about-belief{padding-top:45px;padding-bottom:65px}html.jbn-live .about-belief-stage>.eyebrow{font-size:9px;margin-bottom:45px}html.jbn-live .about-belief-type h1,html.jbn-live .about-belief-type>p{font-size:clamp(42px,12.3vw,65px);line-height:1.09}html.jbn-live .about-belief.is-dual-enabled{height:180svh;min-height:1000px}html.jbn-live .is-dual-enabled .about-belief-stage{height:100svh;min-height:610px;max-height:900px;padding-block:45px}html.jbn-live .is-dual-enabled .about-belief-type{font-size:clamp(42px,12.3vw,65px);min-height:5.5em}html.jbn-live .belief-context{font-size:14px;line-height:1.75;max-width:400px;margin-top:32px}html.jbn-live .is-dual-enabled .belief-context{margin-top:25px}html.jbn-live .is-dual-enabled .belief-next{margin-top:20px}html.jbn-live .work-featured{padding-bottom:65px}html.jbn-live .work-featured-grid{grid-template-columns:1fr;gap:36px}html.jbn-live .work-featured-card:first-child{grid-column:auto}html.jbn-live .work-featured-card:first-child .frame,html.jbn-live .work-featured-card .frame{aspect-ratio:1.5}html.jbn-live .work-featured>header{margin-bottom:25px}html.jbn-live .work-featured>header .text-link{font-size:11px;gap:15px}html.jbn-live .work-featured-card .project-caption h3{font-size:29px}html.jbn-live .work-archive-heading{display:block;padding-top:35px}html.jbn-live .work-archive-heading p{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html.jbn-live .hero-scroll-cue *{animation:none!important}html.jbn-live .belief-word{will-change:auto!important;transform:none!important;opacity:1!important;filter:none!important}html.jbn-live .belief-next span{animation:none}}
/* Featured commissions and independent work have their own editorial rhythm. */
html.jbn-live .work-featured-group{margin-bottom:110px}html.jbn-live .work-featured-group:last-child{margin-bottom:0}html.jbn-live .work-featured-group>header{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:end;margin-bottom:45px}html.jbn-live .work-featured-group>header h2{font-size:clamp(36px,4.3vw,68px);margin-top:16px}html.jbn-live .work-featured-group>header p{font-size:14px;line-height:1.75;max-width:440px}html.jbn-live .work-featured-leads{display:grid;grid-template-columns:1.35fr 1fr;gap:35px}html.jbn-live .work-featured-leads .work-featured-card:first-child{grid-column:auto}html.jbn-live .work-featured-leads .work-featured-card:nth-child(2){margin-top:85px}html.jbn-live .work-featured-leads .work-featured-card .frame,html.jbn-live .work-featured-leads .work-featured-card:first-child .frame{aspect-ratio:1.65}html.jbn-live .work-featured-leads .project-number,html.jbn-live .work-filmstrip .project-number{display:none}html.jbn-live .work-featured-leads .project-caption,html.jbn-live .work-filmstrip .project-caption{grid-template-columns:1fr auto}html.jbn-live .work-filmstrip-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:48px 0 20px}html.jbn-live .work-filmstrip-controls>div{display:flex;gap:10px}html.jbn-live .work-filmstrip-controls button{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:50%;font-size:20px}html.jbn-live .work-filmstrip-controls button:disabled{opacity:.3;cursor:default}html.jbn-live .work-filmstrip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,36%);gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:20px}html.jbn-live .work-filmstrip .work-featured-card{scroll-snap-align:start;min-width:0}html.jbn-live .work-filmstrip .work-featured-card:first-child{grid-column:auto}html.jbn-live .work-filmstrip .work-featured-card .frame{aspect-ratio:1.65}html.jbn-live .work-filmstrip .project-caption h3{font-size:clamp(23px,2.3vw,34px)}html.jbn-live .work-filmstrip .project-type{font-size:8px;max-width:90px}html.jbn-live .project-availability{margin:20px 0 15px;display:block;line-height:1.7}
@media(max-width:760px){html.jbn-live .work-featured-group{margin-bottom:65px}html.jbn-live .work-featured-group>header{grid-template-columns:1fr;gap:20px;margin-bottom:30px}html.jbn-live .work-featured-group>header h2{font-size:41px}html.jbn-live .work-featured-leads{grid-template-columns:1fr;gap:32px}html.jbn-live .work-featured-leads .work-featured-card:nth-child(2){margin-top:0}html.jbn-live .work-featured-leads .work-featured-card .frame,html.jbn-live .work-featured-leads .work-featured-card:first-child .frame{aspect-ratio:1.55}html.jbn-live .work-filmstrip{grid-auto-columns:85%;gap:18px;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}html.jbn-live .work-filmstrip-controls{margin-top:30px}html.jbn-live .work-filmstrip .project-caption h3{font-size:26px}html.jbn-live .work-filmstrip .project-type{font-size:8px}html.jbn-live .work-filmstrip .project-caption{gap:10px}}
/* Compact phones share the upper utility row; retain a full-size icon touch target. */
@media(max-width:360px){html.jbn-live .hero-scroll-cue{top:118px;width:44px;justify-content:center}html.jbn-live .hero-scroll-cue>span{display:none}html.jbn-live .home-hero .hero-topline{right:80px;width:auto}}

/* A seven-film selection ends with a smaller, centred landscape image. */
html.jbn-live .home-projects .project-card.home-closing-card{grid-column:4/10;width:100%;max-width:520px;justify-self:center;padding-top:0}
html.jbn-live .home-projects .project-card.home-closing-card .frame{aspect-ratio:16/9}
@media(max-width:760px){html.jbn-live .home-projects .project-card.home-closing-card{grid-column:1/-1;width:88%;max-width:460px}html.jbn-live .home-projects .project-card.home-closing-card .frame{aspect-ratio:16/10}html.jbn-live .home-projects .home-closing-card .project-caption{gap:8px}}

@media(max-width:760px){html.jbn-live .is-dual-enabled .about-belief-stage{min-height:min(610px,100svh)}}