/* On screen — a wide screen and a phone staged together, then the rest two to a row, each with its caption. */
.wrk-scr{margin:0;min-width:0}
.wrk-scr__cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:18px;font-size:var(--t-sm);line-height:1.55;color:var(--txt)}
.wrk-scr__k{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}

.wrk-stage{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bdh-gap);align-items:end}
.wrk-stage__wide{grid-column:1 / span 9;grid-row:1}
.wrk-stage__wide .wrk-scr__cap{max-width:62%}
.wrk-stage__small{grid-column:9 / span 4;grid-row:1;z-index:2;margin-bottom:-28px;padding-left:12%}
.wrk-stage__small .wrk-dev--phone{max-width:300px;margin-inline:0 auto}
.wrk-stage__small .wrk-scr__cap{padding-right:8px}

.wrk-scrs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,5vw,80px) var(--bdh-gap);align-items:end;margin-top:clamp(72px,8vw,128px)}
.wrk-stage + .wrk-scrs{margin-top:clamp(96px,10vw,152px)}
.wrk-scrs:first-child{margin-top:0}
.wrk-scrs--one{grid-template-columns:minmax(0,1fr)}
.wrk-scrs--one .wrk-scr--desktop,.wrk-scrs--one .wrk-scr--laptop,.wrk-scrs--one .wrk-scr--screen{max-width:1040px;margin-inline:auto;width:100%}
.wrk-scr--phone .wrk-scr__cap,.wrk-scr--watch .wrk-scr__cap{justify-content:center;text-align:center;max-width:340px;margin-inline:auto}
.wrk-scr--tablet .wrk-dev{max-width:620px;margin-inline:auto}

@media (max-width:860px){
  .wrk-stage{grid-template-columns:minmax(0,1fr);row-gap:48px}
  .wrk-stage__wide,.wrk-stage__small{grid-column:1;grid-row:auto}
  .wrk-stage__wide .wrk-scr__cap{max-width:none}
  .wrk-stage__small{margin:0;padding:0}
  .wrk-stage__small .wrk-dev--phone{margin-inline:auto;max-width:280px}
  .wrk-stage__small .wrk-scr__cap{justify-content:center;text-align:center}
  .wrk-scrs{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .wrk-dev--phone{max-width:270px}
  .wrk-dev__dots + .wrk-dev__url{transform:none}
}
