/* Workflow homepage and workflow library only. */
#workflow-archive .wfs-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 38px;margin-top:36px}
#workflow-archive .wfs-home-card{min-width:0;border-top:1px solid var(--wf-line);padding-top:20px}
#workflow-archive .wfs-number{color:var(--wf-acid);font:24px/1.2 var(--wf-serif);margin:0 0 12px}
#workflow-archive .wfs-number span{font:9px/1.6 var(--wf-sans);letter-spacing:.09em;vertical-align:middle;color:var(--wf-muted);margin-left:10px}
#workflow-archive .wfs-home-card h3{font:600 clamp(20px,1.75vw,27px)/1.4 var(--wf-sans);letter-spacing:-.025em;margin:0 0 7px;text-wrap:balance}
#workflow-archive .wfs-description{font:12px/1.8 var(--wf-sans);color:var(--wf-muted);margin:0;min-height:44px;text-wrap:pretty}
#workflow-archive .wfs-double-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:26px}
#workflow-archive .wfs-deck{min-width:0}
#workflow-archive .wfs-deck-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
#workflow-archive .wfs-deck-heading>span{font:12px/1.5 var(--wf-sans);color:var(--wf-paper)}
#workflow-archive .wfs-deck-heading small{font:9px/1.5 var(--wf-sans);color:var(--wf-muted);white-space:nowrap}
#workflow-archive .wfs-deck-flip{position:relative;display:block;width:100%;aspect-ratio:16/10;margin:25px 0 0;padding:0;border:0;background:none;cursor:pointer;perspective:1000px;transform-style:preserve-3d;text-align:left;isolation:isolate;-webkit-tap-highlight-color:transparent}
#workflow-archive .wfs-sheet{position:absolute;inset:6px 15px 14px 0;display:block;background:#101a14;border:1px solid #b4c1aa50;border-radius:8px;box-shadow:0 8px 15px #0005;pointer-events:none;transform-origin:50% 90%;will-change:transform;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s}
#workflow-archive [data-kind="boards"] .wfs-sheet{background:#eae7de}
#workflow-archive .wfs-sheet img{width:100%;height:100%;display:block;object-fit:contain;border-radius:7px;user-select:none}
#workflow-archive .wfs-sheet[data-depth="0"]{transform:translate3d(0,0,24px) rotate(-2deg);z-index:3;box-shadow:0 20px 28px -12px #000b,0 2px 5px #0005}
#workflow-archive .wfs-sheet[data-depth="1"]{transform:translate3d(10px,-12px,-12px) rotate(2.5deg);z-index:2;filter:brightness(.85)}
#workflow-archive .wfs-sheet[data-depth="2"]{transform:translate3d(18px,-22px,-38px) rotate(6deg);z-index:1;filter:brightness(.67)}
#workflow-archive .wfs-flip-mark{position:absolute;bottom:22px;right:23px;z-index:4;width:29px;height:29px;display:grid;place-items:center;background:#101a14e8;border:1px solid #d0e2c661;color:#e6f4c2;border-radius:50%;font:18px/1 Arial;pointer-events:none}
#workflow-archive .wfs-deck-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:4px;border-bottom:1px solid #dce7d31d;padding-bottom:4px}
#workflow-archive .wfs-deck-bottom button{appearance:none;background:transparent;border:0;width:44px;min-height:44px;color:#e2ead9;font:20px/1 Arial;cursor:pointer;border-radius:50%;transition:background .2s,color .2s}
#workflow-archive .wfs-deck-bottom button:hover{background:#c9fa3912;color:var(--wf-acid)}
#workflow-archive .wfs-count{color:var(--wf-paper);font:11px/1.5 var(--wf-sans);font-variant-numeric:tabular-nums;white-space:nowrap}
#workflow-archive .wfs-count i{color:var(--wf-muted);font-style:normal;margin-left:5px}
#workflow-archive .wfs-frame-title{font:10px/1.6 var(--wf-sans);color:var(--wf-muted);margin:8px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#workflow-archive .wfs-home-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--wf-line);margin-top:20px;padding-top:8px}
#workflow-archive .wfs-home-card>footer>span{font:10px/1.6 var(--wf-sans);color:var(--wf-muted)}
#workflow-archive .wfs-home-card footer i{font-style:normal;padding-inline:6px}
#workflow-archive .wfs-home-card footer a{display:inline-flex;align-items:center;gap:20px;min-height:44px;color:var(--wf-paper);font:12px/1.5 var(--wf-sans);text-decoration:none}
#workflow-archive .wfs-home-card footer a b{font:19px/1 Arial;font-weight:400;color:var(--wf-acid)}
#workflow-archive .wfs-home-card footer a:hover{color:var(--wf-acid)}
#workflow-archive .wfs-all-link{display:flex;align-items:center;justify-content:space-between;gap:16px;border-block:1px solid var(--wf-line);margin-top:44px;padding:20px 0;color:var(--wf-acid);font:13px/1.5 var(--wf-sans);text-decoration:none}
#workflow-archive .wfs-all-link span{font-size:23px}
#workflow-archive :is(button,a):focus-visible{outline:2px solid var(--wf-acid);outline-offset:5px}
@media(hover:hover) and (pointer:fine){#workflow-archive .wfs-deck-flip:hover .wfs-sheet[data-depth="0"]{transform:translate3d(0,-6px,38px) rotate(-3deg);border-color:#d6f8a3}#workflow-archive .wfs-deck-flip:hover .wfs-sheet[data-depth="1"]{transform:translate3d(13px,-15px,-8px) rotate(3.5deg)}}
@media(min-width:1100px){#workflow-archive .wfs-home-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr);column-gap:52px;align-items:center}#workflow-archive .wfs-home-card:last-child:nth-child(odd) .wfs-double-deck{margin-top:12px}#workflow-archive .wfs-home-card:last-child:nth-child(odd)>footer{grid-column:1/-1}}
@media(max-width:1000px){#workflow-archive .wfs-home-grid{gap:36px 24px}#workflow-archive .wfs-double-deck{gap:20px}#workflow-archive .wfs-deck-heading small{display:none}#workflow-archive .wfs-number span{font-size:8px;letter-spacing:0}}
@media(max-width:700px){#workflow-archive .wfs-home-grid{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:28px}#workflow-archive .wfs-description{min-height:0}#workflow-archive .wfs-double-deck{margin-top:24px;gap:22px}#workflow-archive .wfs-deck-heading small{display:block;font-size:8px}#workflow-archive .wfs-home-card h3{font-size:21px}#workflow-archive .wfs-home-card>footer{margin-top:16px}#workflow-archive .wfs-home-card footer a{font-size:11px;gap:10px}#workflow-archive .wfs-home-card>footer>span{font-size:9px}#workflow-archive .wfs-all-link{margin-top:32px}}
@media(max-width:380px){#workflow-archive .wfs-double-deck{gap:16px}#workflow-archive .wfs-deck-heading small{display:none}#workflow-archive .wfs-deck-bottom button{width:36px;min-height:44px}#workflow-archive .wfs-count{font-size:10px}}

/* Classification page and an individual workflow collection. */
.wf-library .wfs-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 30px;margin-top:10px;margin-bottom:56px}
.wf-library .wfs-collection-entry{display:block;min-width:0;padding:0 0 20px;border-bottom:1px solid var(--wf-line);text-decoration:none}
.wf-library .wfs-entry-art{position:relative;aspect-ratio:16/8.6;background:radial-gradient(ellipse at 50% 80%,#9cb76d15,transparent 70%);perspective:900px;isolation:isolate}
.wf-library .wfs-entry-art img{position:absolute;width:76%;height:76%;object-fit:contain;background:#151e17;border:1px solid #d5e5c340;border-radius:6px;box-shadow:0 20px 24px -12px #0009;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.wf-library .wfs-entry-node{top:7%;left:6%;transform:rotate(-6deg);filter:brightness(.7)}
.wf-library .wfs-entry-board{bottom:6%;right:5%;transform:rotate(2deg);background:#ece8df!important}
.wf-library .wfs-entry-open{position:absolute;right:9%;bottom:14%;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#10190ed9;border:1px solid #d8e9c561;font:23px/1 Arial;color:var(--wf-acid)}
.wf-library .wfs-collection-entry:hover .wfs-entry-board{transform:translateY(-7px) rotate(0)}
.wf-library .wfs-entry-copy{padding:20px 0 0}.wf-library .wfs-entry-copy>p{font:10px/1.5 var(--wf-sans);letter-spacing:.1em;color:var(--wf-acid);margin:0 0 8px}
.wf-library .wfs-entry-copy h2{font:500 24px/1.4 var(--wf-sans);margin:0 0 9px;letter-spacing:-.025em;text-wrap:balance}
.wf-library .wfs-entry-copy>span{display:block;font:12px/1.8 var(--wf-sans);color:var(--wf-muted)}
.wf-library .wfs-entry-copy footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}
.wf-library .wfs-entry-copy footer small{font:10px/1.5 var(--wf-sans);color:var(--wf-muted)}
.wf-library .wfs-entry-copy footer strong{font:500 12px/1.5 var(--wf-sans);color:var(--wf-paper)}
.wf-library .wfs-breadcrumb{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;background:#080d0bf0;backdrop-filter:blur(12px);border-block:1px solid var(--wf-line);margin-bottom:20px}
.wf-library .wfs-breadcrumb a{display:flex;align-items:center;min-height:44px;font:12px/1.5 var(--wf-sans);color:var(--wf-acid)}
.wf-library .wfs-breadcrumb>span{font:11px/1.5 var(--wf-sans);color:var(--wf-muted)}
.wf-library .wfs-group-title{font:500 clamp(30px,4vw,60px)/1.2 var(--wf-sans)!important;letter-spacing:-.04em!important;text-wrap:balance;margin-top:22px!important}
.wf-library.wfs-group-view .wf-library-group{padding-top:22px}
.wf-library.wfs-group-view .wfb-case{scroll-margin-top:100px}
.wf-library .wfs-group-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--wf-line);padding:28px 0 0;margin:24px 0 38px}
.wf-library .wfs-group-nav a{font:13px/1.8 var(--wf-sans);color:var(--wf-acid);min-height:44px;display:flex;flex-direction:column;justify-content:center}
.wf-library .wfs-group-nav a:last-child{text-align:right}
.wf-library .wfs-group-nav small{color:var(--wf-muted);font-size:10px;margin-bottom:4px}
.wf-library .wfs-collection-entry:focus-visible,.wf-library .wfs-breadcrumb a:focus-visible,.wf-library .wfs-group-nav a:focus-visible{outline:2px solid var(--wf-acid);outline-offset:5px}
@media(min-width:1000px){.wf-library .wfs-collection-entry:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center}.wf-library .wfs-collection-entry:last-child:nth-child(odd) .wfs-entry-copy{padding-top:0}}
@media(max-width:700px){.wf-library .wfs-collection-grid{grid-template-columns:1fr;gap:26px;margin-bottom:36px}.wf-library .wfs-entry-copy h2{font-size:21px}.wf-library .wfs-breadcrumb{gap:12px}.wf-library .wfs-breadcrumb a{font-size:11px}.wf-library .wfs-breadcrumb>span{font-size:10px}.wf-library .wfs-group-nav{align-items:start;gap:16px}.wf-library .wfs-group-nav a{font-size:11px}.wf-library .wfs-entry-copy footer{margin-top:16px}.wf-library .wfs-group-title{font-size:32px!important}}
@media(prefers-reduced-motion:reduce){#workflow-archive .wfs-sheet,.wf-library .wfs-entry-art img{transition:none!important}#workflow-archive .wfs-deck-flip:hover .wfs-sheet[data-depth="0"]{transform:translate3d(0,0,24px) rotate(-2deg)}}
