body[data-page="portfolio"] #farmacia-delogu {
  --project-accent: #78a82f;
  --project-stage: #edf3e3;
  --project-glow: rgba(120, 168, 47, .28);
}

body[data-project="farmacia-delogu-roma"] {
  --case-accent: #78a82f;
  --case-accent-rgb: 120, 168, 47;
  --case-action-accent: #527d1f;
  --case-soft: #f1f7e8;
  --case-deep: #173b45;
}

@media (min-width: 981px) and (max-height: 760px) {
  body[data-project="farmacia-delogu-roma"] .case-hero {
    padding-block: 104px 58px;
  }
}

@media (max-width: 640px) {
  body[data-project="farmacia-delogu-roma"]
    .project-preview-slide--tablet .responsive-project-device {
    width: min(50%, 280px);
  }

  body[data-project="farmacia-delogu-roma"]
    .case-browser.has-responsive-project-carousel
    .project-preview-slide--mobile .responsive-project-device {
    width: min(28%, 140px);
  }
}

@media (max-width: 480px) {
  body[data-project="farmacia-delogu-roma"]
    :is(.project-preview-slide--tablet, .project-preview-slide--mobile) {
    aspect-ratio: 7 / 6;
  }

  body[data-project="farmacia-delogu-roma"]
    .project-preview-slide--tablet .responsive-project-device {
    width: min(60%, 230px);
  }

  body[data-project="farmacia-delogu-roma"]
    .case-browser.has-responsive-project-carousel
    .project-preview-slide--mobile .responsive-project-device {
    width: min(38%, 122px);
  }
}