/* Series: book-like spreads (one frame, or two verticals side by side), frame data on the left, title and count below */
.sr-stage{position:absolute;left:var(--gut);right:var(--gut);top:calc(64px + var(--safe-t));bottom:calc(64px + var(--safe-b));touch-action:none}
.spread{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.spread img{display:block;max-width:none;-webkit-user-drag:none;user-select:none}

/* footer: series title · counter + contact sheet · all series / next */
.sr-foot{position:absolute;left:var(--gut);right:var(--gut);bottom:calc(20px + var(--safe-b));display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:baseline}
.sr-foot b{font-weight:520}
.sr-foot .r{justify-self:end;display:flex;gap:14px}
.sr-foot .dot{color:var(--mute)}
.sr-mid{display:flex;gap:18px;align-items:baseline}
.sr-sheetbtn{font-size:12px;letter-spacing:.02em;text-decoration:underline;text-underline-offset:3px}

/* frame data column (desktop) */
.sr-meta{display:none}
@media (min-width:1100px){
  .sr-stage{left:calc(var(--gut) + 200px);right:calc(var(--gut) + 200px)}
  .sr-meta{display:grid;gap:22px;position:absolute;left:var(--gut);top:50%;transform:translateY(-50%);width:180px;z-index:2;font-size:10.5px;line-height:1.75;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
  .sr-meta b{display:block;color:var(--ink);font-weight:500;font-size:12px;letter-spacing:.04em;margin-bottom:4px}
  .sr-meta .ask{line-height:1.6}
}

/* phones: one frame edge to edge, a soft hint above it, its data right under it */
@media (max-width:640px){.sr-foot{grid-template-columns:1fr auto}.sr-foot .r a,.sr-foot .dot{display:none}}
@media (max-width:760px){.sr-where{display:none}.sr-stage{left:0;right:0}}
.spread.ph{flex-direction:column;gap:10px!important}
.spread.ph .sr-hint,.spread.ph .sr-cap{box-sizing:border-box;padding:0 var(--gut);max-width:100vw;font-size:11.5px;line-height:1.7;letter-spacing:.03em;color:var(--mute)}
.spread.ph .sr-hint{opacity:.6;font-size:11px}
.spread.ph .sr-cap b{color:var(--ink);font-weight:500}
