/* /work why no logos — the three reasons beside a case sheet as a prospect reads it before an NDA. */
.wrk-nda__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bdh-gap);row-gap:48px;align-items:center}
.wrk-nda__say{grid-column:1 / span 5;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.wrk-nda__list{list-style:none;margin:6px 0 8px;padding:0;width:100%;border-top:1px solid var(--line)}
.wrk-nda__list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.wrk-nda__no{padding-top:.3em;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;color:var(--blue)}
.wrk-nda__list .p{margin-top:6px}

/* the case sheet: a document card, some rows readable, some blacked out */
.wrk-sheet{grid-column:7 / -1;position:relative;margin:0;isolation:isolate}
.wrk-sheet__ui{position:relative;border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--sh-2),inset 0 0 0 1px var(--line);overflow:hidden;transform:rotate(-1.2deg);
  transition:transform .9s var(--e)}
.wrk-sheet:hover .wrk-sheet__ui{transform:rotate(0deg)}
.wrk-sheet::before{content:"";position:absolute;inset:18px -14px -16px 18px;z-index:-1;border-radius:var(--r-lg);background:var(--paper-4);transform:rotate(2.4deg)}
.wrk-sheet__bar,.wrk-sheet__foot{display:flex;justify-content:space-between;gap:12px;padding:14px 22px;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.wrk-sheet__bar{border-bottom:1px solid var(--line)}
.wrk-sheet__foot{border-top:1px solid var(--line);background:var(--paper-2)}
.wrk-sheet__st{display:inline-flex;align-items:center;gap:8px;color:var(--ink)}
.wrk-sheet__st::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--ink)}
.wrk-sheet__dl{margin:0;padding:6px 22px}
.wrk-sheet__dl>div{display:grid;grid-template-columns:7em minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid var(--line-2)}
.wrk-sheet__dl>div:last-child{border-bottom:0}
.wrk-sheet__dl dt{padding-top:.25em;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.wrk-sheet__dl dd{margin:0;font-size:var(--t-sm);line-height:1.6;color:var(--ink)}
.wrk-sheet__m{color:var(--muted)}
.wrk-nw{white-space:nowrap}

@media (max-width:1023px){
  .wrk-nda__say{grid-column:1 / span 6}
  .wrk-sheet{grid-column:7 / -1}
}
@media (max-width:860px){
  .wrk-nda__say,.wrk-sheet{grid-column:1 / -1}
  .wrk-sheet{max-width:620px}
}
@media (max-width:640px){
  .wrk-sheet__ui{transform:none}
  .wrk-sheet::before{inset:12px -6px -10px 12px}
  .wrk-sheet__dl{padding:4px 16px}
  .wrk-sheet__bar,.wrk-sheet__foot{padding:12px 16px;flex-wrap:wrap}
  .wrk-sheet__dl>div{grid-template-columns:minmax(0,1fr);gap:4px}
}
@media (prefers-reduced-motion:reduce){.wrk-sheet__ui,.wrk-sheet:hover .wrk-sheet__ui{transform:none;transition:none}}