/* Project paper follows the artwork. Covers use their intrinsic aspect ratio. */
.project-dialog { --paper: var(--project-paper, #fafbf0); }
.project-dialog,
.project-dialog .dialog-top,
.project-dialog .dialog-content,
.project-dialog #dialog-images,
.project-dialog .dialog-lead-frame {
  background: var(--project-paper, #fafbf0);
}
.project-dialog .dialog-top { backdrop-filter: none; }
.portfolio-download-row { margin-top: 14px; }
.portfolio-download { gap: 11px; min-height: 44px; padding: 11px 20px; font-size: 12px; }
.portfolio-download svg { width: 17px; height: 17px; flex: none; }
.portfolio-download small { font-size: 9px; letter-spacing: .7px; color: #5d747b; margin-left: 6px; }
@media(max-width:600px) { .portfolio-download { padding: 11px 18px; font-size: 11px; } }
footer .footer-legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 16px; min-width: 0; }
footer .icp-link { color: inherit; white-space: nowrap; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; }
footer .icp-link:hover { color: #49636a; text-decoration-color: currentColor; }
@media(max-width:700px) { footer .footer-legal { justify-content: flex-start; gap: 4px 14px; } }
.work-section .project-image .project-visual,
.project-dialog .dialog-lead-frame .project-visual { height: 100%; }
.work-section [data-project] .project-visual img,
.project-dialog[data-project] .dialog-lead-frame .project-visual img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}