.work-page { padding-top: 40px; }
.work-page .section-heading { padding-block: 24px 32px; }
.work-page h1 { margin: 0; }
.work-other .section-heading { padding-top: 0; }
.work-other .project-grid { padding-bottom: 48px; }
.work-mark { margin: 28px 0 0; padding: 24px; background: var(--binoki-brand-white); border-radius: 16px; width: 280px; max-width: 100%; }
.work-mark img { width: 100%; height: 100px; object-fit: contain; }
.work-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.work-links > .button { white-space: normal; text-align: left; }
@media (max-width: 767px) {
  .work-page { padding-top: 24px; }
}
/* Preserve original project logo proportions and their intended contrast. */
.work-other .app-icon, .brand-detail .app-icon { object-fit: contain; padding: 4px; }
.work-other .app-icon[src$="plurality-original-icon.svg"], .brand-detail .app-icon[src$="plurality-original-icon.svg"] { background: #211f1b; padding: 6px; }
.case-cover-title { margin: 0; font-size: 36px; line-height: 1.4; letter-spacing: -.025em; }
.brand-detail .app-store-identity h3 { margin: 0 0 4px; font-size: 20px; line-height: 28px; }
@media (max-width: 600px) {
  .case-cover-title { font-size: 28px; }
}