/* Under NDA — what a confidential project withholds, listed with counts, beside a stack of sealed folders drawn in code
   (decorative: aria-hidden, with a sentence for screen readers). Tokens only. */
.wrk-held__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bdh-gap);row-gap:56px;align-items:center}
.wrk-held__say{grid-column:1 / span 6;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.wrk-held__say .h2{max-width:22ch}
.wrk-held__say .wrk-kicker{margin:10px 0 -4px}
.wrk-held__list{list-style:none;margin:0 0 6px;padding:0;width:100%;border-top:1px solid var(--line)}
.wrk-held__list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:var(--t-body);line-height:1.45;color:var(--ink)}
.wrk-held__list .xt-ico{width:18px;height:18px;color:var(--ink)}
.wrk-held__art{grid-column:8 / -1;min-width:0}

/* the folders: three cards fanned, the front one last */
.wrk-held__stack{position:relative;height:clamp(380px,34vw,480px);margin-top:18px}
/* each folder sits lower than the one behind it, so every tab stays readable */
.wrk-held__card{position:absolute;left:0;right:14%;top:0;height:66%;display:flex;flex-direction:column;justify-content:flex-end;padding:52px 26px 24px;
  border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--sh-2),inset 0 0 0 1px var(--line);transition:transform .9s var(--e)}
.wrk-held__card--1{transform:rotate(-3deg)}
.wrk-held__card--2{transform:translate(8%,17%) rotate(1.5deg)}
.wrk-held__card--3{transform:translate(16%,34%) rotate(-1deg)}
.wrk-held__stack:hover .wrk-held__card--1{transform:translate(-2%,-2%) rotate(-5deg)}
.wrk-held__stack:hover .wrk-held__card--2{transform:translate(9%,15%) rotate(2.5deg)}
.wrk-held__tab{position:absolute;left:22px;top:-15px;max-width:calc(100% - 44px);padding:7px 14px;border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--paper-3);
  box-shadow:inset 0 0 0 1px var(--line);font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wrk-held__seal{position:absolute;right:22px;top:22px;padding:6px 11px;border:1.5px solid var(--ink);border-radius:var(--r-xs);transform:rotate(-7deg);
  font-family:var(--f);font-size:var(--t-lbl);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.wrk-held__lines{display:flex;flex-direction:column;gap:12px}
.wrk-held__lines .wrk-red{max-width:92%}

@media (max-width:1023px){
  .wrk-held__say{grid-column:1 / span 7}
  .wrk-held__art{grid-column:8 / -1}
}
@media (max-width:860px){
  .wrk-held__say,.wrk-held__art{grid-column:1 / -1}
  .wrk-held__art{max-width:520px}
}
@media (max-width:640px){
  .wrk-held__stack{height:340px}
  .wrk-held__card{right:10%;height:62%;padding:46px 20px 20px}
  .wrk-held__card--2{transform:translate(5%,18%) rotate(1.5deg)}
  .wrk-held__card--3{transform:translate(10%,36%) rotate(-1deg)}
}
@media (prefers-reduced-motion:reduce){
  .wrk-held__card,.wrk-held__stack:hover .wrk-held__card--1,.wrk-held__stack:hover .wrk-held__card--2{transition:none}
}