/* Project colours stay inside the MdE case study and portfolio card. */
body[data-project="mde-fashion"] .case-main {
  --case-accent: #9f4231;
  --case-accent-rgb: 159, 66, 49;
  --case-action-accent: #913b2c;
  --case-soft: #f5f1ea;
  --case-deep: #242c23;
}

body[data-page="portfolio"] #mde-fashion {
  --project-accent: #9f4231;
  --project-stage: #eee8de;
  --project-glow: rgba(159, 66, 49, .28);
}

/* Keep the complete domain readable when the visitor enlarges the text. */
body[data-project="mde-fashion"] .case-domain {
  white-space: nowrap;
}

@container case-context-copy (max-width: 26rem) {
  body[data-project="mde-fashion"] .case-domain {
    font-size: min(1em, 8.2cqi);
  }
}