/* Work page only. Shared chrome lives in site.css. */

.page-work main { padding: 5rem 0 5.5rem; }
.page-work .hero { padding-bottom: 2rem; }
.page-work .lede { max-width: 46ch; }
.page-work .tools { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0 0 1.4rem; }
.page-work .desk { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 3.2rem; align-items: start; }
@media (max-width: 900px) { .page-work .desk { grid-template-columns: 1fr; gap: 2rem; } }

.page-work .panel, .page-work .inc { padding: 1.55rem 1.4rem; }
.page-work .chrome { margin-bottom: 10px; grid-template-columns: auto minmax(0, 1fr) auto; }
.page-work .specimen { container: site / inline-size; background: #fff; color: #1a1a1a; border-radius: 5px; overflow: hidden; }
.page-work .redact { filter: blur(4px); }

@media (max-width: 520px) {
  .page-work .chrome { grid-template-columns: auto 1fr; }
  .page-work .chrome .label { display: none; }
  .page-work main { padding: 3.4rem 0 4rem; }
}

.days, .two { display: grid; }
.days { gap: 1.15rem; max-width: 680px; }
.two { gap: 1.4rem; grid-template-columns: 1fr 1fr; }
@media (max-width: 720px) { .two { grid-template-columns: 1fr; } }
.day span, .page-work .inc h3 {
  display: block;
  font-family: var(--mono);
  font-size: .8rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--star);
  margin-bottom: .5rem;
}
.day p, .page-work .inc p, .page-work .inc li { margin: 0; color: var(--muted); }
.page-work .inc ul { margin: .45rem 0 0; padding-left: 1.1rem; }
.page-work .inc li { margin: .35rem 0; }
.page-work .faq { gap: .85rem; max-width: 680px; }
.page-work .faq details { padding: .35rem 1.2rem .4rem; }
.page-work .faq summary { padding: 1rem 0; }
.page-work .faq p { margin: 0 0 1.1rem; }
.page-work .close { gap: 1.6rem; padding: 1.8rem 1.6rem; }