/* Internal responsiveness follows the card width, including future CHECK use. */
@container project-detail (max-width: 900px) {
  .project-detail .drop-project-content { flex-wrap: wrap; gap: 12px; margin-top: 0; }
  .project-detail .drop-actions { flex-basis: 100%; flex-wrap: wrap; }
}
@container project-detail (max-width: 650px) {
  .project-detail .drop-banner { height: 160px; }
  .project-detail .drop-socials { right: 16px; bottom: 12px; max-width: calc(100% - 104px); padding: 4px; }
  .project-detail .drop-socials a { width: 40px; height: 40px; }
  .project-detail .drop-project { padding: 16px; gap: 12px; align-items: flex-start; }
  .project-detail .drop-artwork { width: 64px; height: 64px; margin-top: -36px; }
  .project-detail .drop-project-content { flex-basis: calc(100% - 76px); }
  .project-detail h1 { font-size: 23px; }
  .project-detail .drop-actions .btn { flex: 1 1 auto; min-height: 40px; }
  .project-detail .drop-actions .btn.frost-btn { --btn-height: 40px; }
  .project-detail .drop-details,
  .project-detail .drop-schedule { margin-inline: 16px; }
  .project-detail .drop-facts { justify-content: flex-start; gap: 6px 16px; }
  .project-detail .drop-stage-columns { display: none; }
  .project-detail .drop-stage { grid-template-columns: 1fr; gap: 8px; padding: 12px; }
  .project-detail .drop-stage-facts { gap: 10px; }
  .project-detail .drop-stage-facts dt { position: static; width: auto; height: auto; margin: 0 0 4px; overflow: visible; clip-path: none; white-space: normal; }
  .project-detail .drop-stage-time dd { flex-direction: column; }
  .project-detail .drop-about,
  .project-detail .drop-updated { padding-inline: 16px; }
}
@container project-detail (max-width: 360px) {
  .project-detail .drop-banner { height: 140px; }
  .project-detail .drop-project-content { flex-basis: 100%; }
  .project-detail .drop-stage-facts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .project-detail .drop-stage-time { grid-column: 1 / -1; }
  .project-detail .drop-copy.btn.frost-btn { --btn-height: 40px; }
}
@media (max-width: 767px) {
  .drop-main { margin-block: 16px 24px; }
  .project-detail .drop-actions .btn.frost-btn { --btn-height: 40px; }
}