/* At a glance — the brief as a statement, the facts as a ledger, who did what, services and deliverables. */
.wrk-glance__head{display:flex;flex-direction:column;gap:18px}
.wrk-glance__t{max-width:30ch}
.wrk--case .wrk-glance__t{max-width:30ch}

.wrk-facts{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));margin:clamp(40px,4.6vw,64px) 0 0;border-top:1px solid var(--ink)}
.wrk-facts__i{padding:16px 20px 0 0;border-right:1px solid var(--line);min-width:0}
.wrk-facts__i+.wrk-facts__i{padding-left:20px}
.wrk-facts__i:last-child{border-right:0}
.wrk-facts dt{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wrk-facts dd{margin:10px 0 0;font-family:var(--f-h);font-size:clamp(1rem,1.3vw,1.2rem);font-weight:500;line-height:1.35;letter-spacing:-.008em;color:var(--ink)}
.wrk-facts dd a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:4px;text-decoration-thickness:1px}
.wrk-facts dd a:hover{text-decoration-color:var(--ink)}

.wrk-glance__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bdh-gap);row-gap:48px;margin-top:clamp(48px,5vw,80px)}
.wrk-glance__did{grid-column:1 / span 6}
.wrk-glance__side{grid-column:8 / -1;display:flex;flex-direction:column}
.wrk-glance__side .wrk-kicker:not(:first-child){margin-top:32px}

.wrk-did{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.wrk-did li{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.wrk-did__d{display:inline-flex;align-items:baseline;gap:12px;min-height:24px;font-family:var(--f-h);font-size:var(--t-h3);font-weight:500;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.wrk-did__d:hover{text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:4px}
.wrk-did__n{font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.1em;color:var(--blue)}
.wrk-did__t{font-size:var(--t-sm);line-height:1.6;color:var(--txt)}

.wrk-glance__cta{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px}
.wrk-glance__note{max-width:46ch;font-size:var(--t-xs);line-height:1.6;color:var(--muted)}
.wrk-glance__note--lock{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:14px 16px;border-radius:var(--r);
  background:var(--paper-3);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-sm);color:var(--ink)}
.band--alt .wrk-glance__note--lock{background:var(--paper)}
.wrk-glance__note--lock .xt-ico{width:18px;height:18px;margin-top:2px;color:var(--ink)}

@media (max-width:1023px){
  .wrk-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wrk-facts__i{padding:14px 16px 16px 0;border-right:0;border-bottom:1px solid var(--line)}
  .wrk-facts__i+.wrk-facts__i{padding-left:0}
  .wrk-facts__i:nth-child(3n+2),.wrk-facts__i:nth-child(3n+3){padding-left:16px;border-left:1px solid var(--line)}
  .wrk-glance__did{grid-column:1 / -1}
  .wrk-glance__side{grid-column:1 / -1}
}
@media (max-width:760px){
  .wrk-facts dd a{padding-block:12px}                         /* inline: a 44px target, the lines never move */
}
@media (max-width:640px){
  .wrk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wrk-facts__i:nth-child(3n+2),.wrk-facts__i:nth-child(3n+3){padding-left:0;border-left:0}
  .wrk-facts__i:nth-child(2n){padding-left:14px;border-left:1px solid var(--line)}
  .wrk-did li{grid-template-columns:minmax(0,1fr);gap:6px}
  .wrk-did__d{min-height:44px;align-items:center}
}

/* touch screens (phones and tablets): 44px tap targets (integrator, responsive pass) */
@media (pointer:coarse){
  .wrk-did__d{min-height:44px;align-items:center}
  .wrk-facts__i dd a{display:inline-flex;align-items:center;min-height:44px}
}