.work-slide{background:var(--panel);color:var(--ink);min-height:580px;border-color:var(--line);--font-mono:Departure,monospace}
.work-copy{position:relative;isolation:isolate;overflow:hidden;padding-right:160px;background:var(--panel);color:var(--ink)}
.work-copy h3{color:var(--ink)}
.work-copy>h3,.work-copy>p{width:100%;max-width:100%}
.work-copy::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--panel) 0%,var(--panel) 68%,rgba(var(--panel-rgb),.94) 82%,rgba(var(--panel-rgb),.72) 94%,transparent 100%)}
.work-copy> :not(canvas){position:relative;z-index:2}
.work-copy p{color:var(--muted)}
.work-copy .finding{color:var(--ink);border-color:var(--line)}
.work-copy .text-link{color:var(--accent)}
.work-copy a:focus-visible{outline-color:var(--accent)}
.evidence-card__mosaic{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.work-slide figure{padding:0;min-height:580px;display:block;background:#fff}
.evidence-card__media{position:relative;width:100%;height:100%;min-height:580px;overflow:hidden}
.work-slide figure img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.work-slide figure.is-network{background:#000}
.work-slide .is-cover img{object-fit:cover}
.evidence-card__pixel-reveal{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;image-rendering:pixelated}
.work-slide:not(.is-active) .evidence-card__pixel-reveal{visibility:hidden}
.work-slide .activity-chart{position:absolute;inset:0}
html[data-theme="light"] .work-slide .activity-chart .chart-column.is-after .chart-value,html[data-theme="light"] .work-slide .activity-chart .chart-event-date{fill:#425a1b}

@media(max-width:1100px) and (min-width:901px){
  .work-slide{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
  .work-copy{padding:32px 144px 32px 32px}
  .work-copy h3{font-size:var(--heading-card-size);font-weight:var(--heading-card-weight);line-height:var(--heading-card-leading);font-family:var(--font-heading)}
}
@media(max-width:900px){
  .work-viewport{height:var(--active-slide-height,auto);overflow-y:hidden}
  .work-track{align-items:flex-start}
  .work-slide{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}
  .work-slide figure{grid-row:1;min-height:0;height:auto}
  .work-slide .evidence-card__media{min-height:0;height:auto;aspect-ratio:var(--media-ratio,1.6)}
  .work-slide .is-network .is-cover{aspect-ratio:1}
  .work-slide .is-activity .evidence-card__media{aspect-ratio:900/460}
  .work-copy{padding:90px 24px 32px;min-height:0;justify-content:flex-start}
  .work-copy h3{font-size:var(--heading-card-size);max-width:24ch;font-weight:var(--heading-card-weight);line-height:var(--heading-card-leading);font-family:var(--font-heading)}
  .work-copy p{max-width:52ch}
  .work-copy::after{background:linear-gradient(0deg,var(--panel) 0%,var(--panel) 78%,rgba(var(--panel-rgb),.9) 91%,transparent 100%)}
  .work-copy .text-link{margin-top:20px;padding-top:0}
}
@media(max-width:600px){
  .work-slide .is-activity .evidence-card__media{aspect-ratio:390/320}
}
@media(max-width:370px){
  .work-copy{padding-inline:20px}
  .work-copy h3{font-size:var(--heading-card-size);font-weight:var(--heading-card-weight);line-height:var(--heading-card-leading);font-family:var(--font-heading)}
}
@media(prefers-reduced-motion:reduce){.evidence-card__pixel-reveal{display:none}}

.work-copy .work-context{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin:0 0 18px}
.work-copy .finding strong{display:block;font:400 21px/1.4 var(--font-heading);color:var(--ink);margin-bottom:10px}
@media(max-width:900px){.work-copy{padding-top:52px}.work-copy .work-context{margin-bottom:12px}.work-copy .finding strong{font-size:20px}}
