/* One open typographic field. Three stepped lines carry one sentence. */
html.jbn-live .home-introduction.intro-assembly{display:block;--intro-frame:min(100svh,960px);min-height:calc(var(--intro-frame) + 260px);padding:0}
html.jbn-live .studio-intro-layout{position:sticky;top:0;height:var(--intro-frame);min-height:730px;display:grid;grid-template-columns:1fr;gap:clamp(32px,4.5vh,58px);align-content:center;padding-block:45px}
html.jbn-live .intro-assembly .studio-intro-visual{min-width:0;position:relative}html.jbn-live .studio-intro-pin{width:100%;position:relative;isolation:isolate}
html.jbn-live .intro-assembly .studio-intro-statement{position:relative;z-index:1;height:auto;width:100%;max-width:none;font-size:clamp(64px,9.4vw,154px);line-height:1.04;font-weight:500;letter-spacing:-.055em}
html.jbn-live .intro-line{display:flex;align-items:baseline;gap:.19em;position:relative;white-space:nowrap}html.jbn-live .intro-line-1{margin-left:3%}html.jbn-live .intro-line-2{margin-left:20%;margin-top:.045em}html.jbn-live .intro-line-3{margin-left:43%;margin-top:.045em}
html.jbn-live .intro-word{position:relative;display:block;white-space:nowrap;line-height:1.04;opacity:1;transform:none;transform-origin:center;filter:none;font-size:1em}
html.jbn-live .intro-assembly .studio-rainbow-line{display:block;margin:0;animation-play-state:paused}html.jbn-live .intro-assembly.is-in-view .studio-rainbow-line{animation-play-state:running}html.jbn-live .intro-assembly.is-assembling .intro-word{will-change:transform,opacity}html.jbn-live .intro-assembly:not(.is-in-view) .intro-word{will-change:auto}
html.jbn-live .intro-dust{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:fill;pointer-events:none;user-select:none;opacity:.45;z-index:0}
html.jbn-live .intro-assembly .studio-intro-detail{display:grid;grid-template-columns:1fr 1fr;column-gap:12%;row-gap:13px;max-width:none;padding:0 3%;font-size:14px;line-height:1.8}html.jbn-live .intro-assembly .studio-intro-detail p{max-width:490px;margin:0}html.jbn-live .intro-assembly .studio-intro-detail p:first-child{grid-column:1;grid-row:1/3;max-width:460px}html.jbn-live .intro-assembly .studio-intro-detail p+p{grid-column:2}html.jbn-live .intro-assembly .studio-intro-detail>.text-link{grid-column:2;justify-self:start;margin:0;font-size:12px}
html.jbn-live .intro-assembly.assembly-static,html.jbn-live .intro-assembly:not(.is-assembling){min-height:0}html.jbn-live .assembly-static .studio-intro-layout,html.jbn-live .intro-assembly:not(.is-assembling) .studio-intro-layout{position:relative;height:auto;min-height:0;padding-block:70px}
@media(min-width:761px) and (max-height:760px){html.jbn-live .studio-intro-layout{min-height:650px;gap:26px;padding-block:25px}html.jbn-live .intro-assembly .studio-intro-statement{font-size:clamp(64px,8.4vw,124px)}html.jbn-live .intro-assembly .studio-intro-detail{font-size:13px}}
@media(max-width:760px){
html.jbn-live .home-introduction.intro-assembly{min-height:0}html.jbn-live .studio-intro-layout{position:static;display:block;height:auto;min-height:0;padding-block:0}
html.jbn-live .intro-assembly .studio-intro-visual{height:calc(48svh + 180px);min-height:540px}html.jbn-live .intro-assembly.is-assembling .studio-intro-pin{position:sticky;top:0;height:48svh;min-height:360px;display:flex;align-items:center}
html.jbn-live .intro-assembly .studio-intro-statement{font-size:clamp(37px,12vw,88px);line-height:1.1;letter-spacing:-.055em}html.jbn-live .intro-line{gap:.16em}html.jbn-live .intro-line-1{margin-left:0}html.jbn-live .intro-line-2{margin-left:12%;margin-top:.14em}html.jbn-live .intro-line-3{margin-left:25%;margin-top:.14em}html.jbn-live .intro-word{line-height:1.1}
html.jbn-live .intro-assembly .studio-intro-detail{display:block;padding:0 0 45px;font-size:14px;line-height:1.8;max-width:500px;margin-top:-15px}html.jbn-live .intro-assembly .studio-intro-detail p:first-child,html.jbn-live .intro-assembly .studio-intro-detail p{max-width:none}html.jbn-live .intro-assembly .studio-intro-detail p+p{margin-top:20px}html.jbn-live .intro-assembly .studio-intro-detail>.text-link{margin-top:20px;font-size:12px}html.jbn-live .intro-dust{opacity:.4}
html.jbn-live .assembly-static .studio-intro-layout,html.jbn-live .intro-assembly:not(.is-assembling) .studio-intro-layout{padding-block:45px 0}html.jbn-live .assembly-static .studio-intro-visual,html.jbn-live .intro-assembly:not(.is-assembling) .studio-intro-visual{height:auto;min-height:0}html.jbn-live .assembly-static .studio-intro-pin,html.jbn-live .intro-assembly:not(.is-assembling) .studio-intro-pin{position:relative;height:auto;min-height:0}html.jbn-live .assembly-static .studio-intro-detail,html.jbn-live .intro-assembly:not(.is-assembling) .studio-intro-detail{margin-top:38px}
}
@media(max-width:350px){html.jbn-live .intro-assembly .studio-intro-statement{font-size:11.9vw}html.jbn-live .intro-line-2{margin-left:9%}html.jbn-live .intro-line-3{margin-left:23%}}
@media(prefers-reduced-motion:reduce){html.jbn-live .intro-assembly .studio-rainbow-line{animation:none!important}html.jbn-live .intro-word{will-change:auto!important;filter:none!important;transform:none!important;opacity:1!important}}
