body.organisms-utopia { --redesign-main:#24362f; --redesign-next:#365047; --redesign-highlight:#c9e880; --redesign-paper:#f5f7ef; --redesign-logo-filter:brightness(0) saturate(100%) invert(91%) sepia(43%) saturate(720%) hue-rotate(24deg) brightness(98%); }

@media (min-width:815px) {
  body.organisms-utopia .case-media:is(.organisms-utopia-detailed-sketch,.organisms-utopia-C4D,.organisms-utopia-3D-modeling,.organisms-utopia-collab,.organisms-utopia-outcome) {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
    gap:24px;
  }
  body.organisms-utopia .case-media :is(img,iframe) { display:block; width:100% !important; height:auto !important; }
  body.organisms-utopia .case-media figure { min-width:0; margin:0; }
  body.organisms-utopia .case-content-row > .organisms-utopia-prototyping,
  body.organisms-utopia .case-content-row > .organisms-utopia-prototyping-arduino { grid-column:1 / -1; }
  body.organisms-utopia .organisms-utopia-prototyping { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; }
  body.organisms-utopia .organisms-utopia-prototyping-arduino { display:block; margin:0; }
  body.organisms-utopia .organisms-utopia-prototyping :is(img,iframe),
  body.organisms-utopia .organisms-utopia-prototyping-arduino :is(img,iframe) { display:block; width:100% !important; height:auto !important; }
  body.organisms-utopia .organisms-utopia-video iframe { aspect-ratio:16 / 9; }
}

@media (max-width:814px) {
  body.organisms-utopia .case-media:is(.organisms-utopia-detailed-sketch,.organisms-utopia-C4D,.organisms-utopia-3D-modeling,.organisms-utopia-collab,.organisms-utopia-outcome) {
    display:grid !important;
    grid-template-columns:1fr;
    gap:18px;
  }
  body.organisms-utopia .case-media :is(img,iframe) { display:block; width:100% !important; height:auto !important; }
  body.organisms-utopia .case-content-row > .organisms-utopia-prototyping,
  body.organisms-utopia .case-content-row > .organisms-utopia-prototyping-arduino { grid-column:1; }
  body.organisms-utopia .organisms-utopia-prototyping { display:grid !important; grid-template-columns:1fr; gap:18px; margin:0; }
  body.organisms-utopia .organisms-utopia-prototyping-arduino { display:block; margin:0; }
  body.organisms-utopia .organisms-utopia-prototyping :is(img,iframe),
  body.organisms-utopia .organisms-utopia-prototyping-arduino :is(img,iframe) { display:block; width:100% !important; height:auto !important; }
  body.organisms-utopia .organisms-utopia-video iframe { aspect-ratio:16 / 9; }
}

/* Sketches and modelling are read as continuous process sheets. Only the
   physical prototype documentation becomes a grid, because those images are
   separate views rather than one connected diagram. */
@media (min-width:815px) {
  body.organisms-utopia.portfolio-redesign .case-media.organisms-utopia-initial-sketch,
  body.organisms-utopia.portfolio-redesign .case-media.organisms-utopia-detailed-sketch,
  body.organisms-utopia.portfolio-redesign .case-media.organisms-utopia-C4D,
  body.organisms-utopia.portfolio-redesign .case-media.organisms-utopia-3D-modeling,
  body.organisms-utopia.portfolio-redesign .case-media.organisms-utopia-habitat {
    display:flex !important;
    flex-direction:column;
    gap:44px;
  }
  body.organisms-utopia .organisms-utopia-C4D { gap:20px; align-items:center; }
  body.organisms-utopia .organisms-utopia-detailed-sketch img,
  body.organisms-utopia .organisms-utopia-3D-modeling img,
  body.organisms-utopia .organisms-utopia-habitat img,
  body.organisms-utopia .organisms-utopia-C4D img {
    width:100% !important;
    max-width:100% !important;
  }
  body.organisms-utopia .organisms-utopia-prototyping {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px;
  }
  body.organisms-utopia .organisms-utopia-collab {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px;
  }
  body.organisms-utopia .organisms-utopia-outcome {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px;
  }
  body.organisms-utopia .organisms-utopia-prototyping figcaption {
    grid-column:1 / -1 !important;
    margin-top:0 !important;
    text-align:center !important;
  }
}