/* Desktop spacing follows visible art, not a 550px container plus 390px slots. */
@media(min-width:761px) {
 body.study48.study27 .s21-ensemble { width:min(1168px,calc(100% - 2*var(--page-pad,40px))); }
 body.study48.study27 .s21-heading { grid-template-columns:280px minmax(0,1fr) auto; grid-template-rows:auto; column-gap:28px; align-items:center; padding:6px 0 16px; }
 body.study48.study27 .s21-identity { grid-column:1; grid-row:1; }
 body.study48.study27 .s21-identity h1 { width:280px; }
 body.study48.study27 .s21-identity>p { margin-bottom:1px; font:600 10px/1.35 var(--display); letter-spacing:.13em; }
 body.study48.study27 .s21-description { grid-column:2; grid-row:1; justify-self:start; align-self:center; max-width:25em; text-align:left; font-size:13px; }
 body.study48.study27 .s21-description br { display:block; }
 body.study48.study27 .s21-members-link { grid-column:3; grid-row:1; align-self:center; font:600 14px/1.3 var(--display); }
 body.study48.study27 .s27-company { --s48-figure-height:clamp(215px,24vw,300px); height:calc(var(--s48-figure-height) + 52px); background:transparent; }
 body.study48.study27 .s21-lineup { inset:auto 0 0; padding:0 8px; gap:12px; }
 body.study48.study27 .s21-member[data-live-member] .s21-art { height:var(--s48-figure-height); }
 body.study48.study27 .s21-member[data-live-member] .s21-portrait { width:min(100%,calc(var(--s48-figure-height) * var(--aw) / var(--ah))); }
 body.study48.study27 .s21-member[data-live-member] .s21-caption { min-height:44px; height:44px; margin:0; padding:6px 0 0; }
 body.study48.study27 .s21-member[data-live-member] .s21-caption h2 { font-size:16px; }
}
@media(min-width:761px) and (max-width:1000px) {
 body.study48.study27 .s21-heading { grid-template-columns:220px minmax(0,1fr) auto; column-gap:20px; }
 body.study48.study27 .s21-identity h1 { width:220px; }
 body.study48.study27 .s21-description { font-size:12px; }
 body.study48.study27 .s21-members-link { font-size:12px; }
}
@media(max-width:760px) {
 body.study48.study27 .s22-pair:last-child::before { background-size:40% auto; background-repeat:repeat-x; }
 body.study48 .s13-header>.hero-now { grid-template-columns:14px minmax(0,1fr); grid-template-rows:auto auto; align-content:center; row-gap:1px; column-gap:6px; }
 body.study48 .s13-header>.hero-now>.ui-icon:first-child { grid-column:1; grid-row:1/3; align-self:center; }
 body.study48 .s13-header>.hero-now .hero-now-label { grid-column:2; grid-row:1; padding:0; border:0; font:600 10px/1.25 var(--display)!important; letter-spacing:.08em; }
 body.study48 .s13-header>.hero-now #hero-live-names { grid-column:2; grid-row:2; font-size:12px; line-height:1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:2.6em; overflow:hidden; }
}