/* Keep the concept image label clear of the overlapping mobile name. */
@media (max-width: 760px) {
  .hero-image figcaption {
    top: 0;
    bottom: auto;
    padding: 10px 12px 22px;
    background: linear-gradient(#000b, transparent);
  }
}

.work-row { grid-template-columns: 72px 55px minmax(0, 1fr) 170px 95px 30px; }
.work-row-media { width: 72px; height: 82px; grid-row: 1 / 4; }
.work-row-media .media-resource { object-fit: cover; }
.lightbox-post { background: #11110f; }
.lightbox-post-head { display: flex; align-items: center; gap: 14px; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.lightbox-post-head .monogram { font-size: 34px; }
.lightbox-post-head div { display: grid; gap: 2px; }
.lightbox-post-head strong { font-family: var(--sans); font-size: 12px; font-weight: 500; }
.lightbox-post-head small { color: var(--muted); font-size: 10px; }
.lightbox-image { max-height: 70svh; background: #050505; }
.lightbox-image .media { height: min(70svh, 720px); }
.lightbox-image img { object-fit: contain; }
dialog.lightbox { width: min(720px, calc(100vw - 32px)); max-height: 92svh; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 100px #000c; }
dialog.lightbox::backdrop { background: #000b; backdrop-filter: blur(10px); }
.lightbox-controls { padding: 18px 22px 22px; }
.coming-soon-row { background: linear-gradient(90deg, #bfae7c12, transparent); }
.coming-soon-mark { width: 72px; height: 82px; display: grid; place-items: center; border: 1px solid var(--accent); color: var(--accent); font-family: var(--serif); font-size: 27px; grid-row: 1 / 4; }
.coming-soon-row .row-role { color: var(--accent); text-transform: uppercase; letter-spacing: .08em; }
@media (max-width: 760px) {
  .work-row { grid-template-columns: 54px 27px minmax(0, 1fr) 24px; }
  .work-row-media { width: 54px; height: 70px; grid-row: 1 / 4; }
  .coming-soon-mark { width: 54px; height: 70px; }
  .work-row .row-title, .work-row .row-role, .work-row .row-year { grid-column: 3; }
  .work-row .row-plus { grid-column: 4; }
  .lightbox-image .media { height: 62svh; }
}