/* Verified master modules, scoped to this case study. */

.wf-case-dos-marcos.dos-marcos-case { background: var(--white); }
.wf-case-dos-marcos.dos-marcos-case .case-hero { background: var(--white); }
.wf-case-dos-marcos.dos-marcos-case .case-overview { background: var(--white); }
.wf-case-dos-marcos.dos-marcos-case .case-gallery-section { background: var(--white); }
.wf-case-dos-marcos.dos-marcos-case footer { background: var(--white); }
.wf-case-dos-marcos.dos-marcos-case { color: var(--dark); }
.wf-case-dos-marcos.dos-marcos-case .case-cover {
  height: auto;
  background: var(--white);
}
.wf-case-dos-marcos.dos-marcos-case .case-cover img {
  height: auto;
  object-fit: contain;
}
.wf-case-dos-marcos.dos-marcos-case .case-process { border-top: 1px solid var(--line); }
.wf-case-dos-marcos.dos-marcos-case .case-direction { border-top: 1px solid var(--line); }
.wf-case-dos-marcos.dos-marcos-case .case-gallery-section { border-top: 1px solid var(--line); }
.wf-case-dos-marcos.dos-marcos-case .case-process {
  background: var(--dark);
  color: var(--white);
}
.wf-case-dos-marcos.dos-marcos-case .case-process-intro > p:last-child { color: rgba(255, 255, 255, 0.7); }
.wf-case-dos-marcos.dos-marcos-case .case-process li p { color: rgba(255, 255, 255, 0.7); }
.wf-case-dos-marcos.dos-marcos-case .case-process li { border-top-color: var(--line-dark); }
.wf-case-dos-marcos.dos-marcos-case .case-process li:last-child { border-bottom-color: var(--line-dark); }
.wf-case-dos-marcos.dos-marcos-case .case-process li:hover { color: var(--blue); }
.wf-case-dos-marcos.dos-marcos-case .case-direction { background: var(--blue); }
.wf-case-dos-marcos.dos-marcos-case .case-direction li { border-top-color: rgba(45, 52, 64, 0.45); }
.wf-case-dos-marcos.dos-marcos-case .case-direction li:last-child { border-bottom-color: rgba(45, 52, 64, 0.45); }
.wf-case-dos-marcos.dos-marcos-case .case-gallery figure { background: transparent; }
.wf-case-dos-marcos .dos-marcos-gallery {
  --gallery-gap: clamp(20px, 3vw, 44px);
  display: grid;
  gap: clamp(76px, 10vw, 140px);
}
.wf-case-dos-marcos .dos-marcos-gallery-feature { grid-template-columns: 1fr; }
.wf-case-dos-marcos .dos-marcos-logos { display: grid; gap: clamp(48px, 7vw, 96px); }
.wf-case-dos-marcos .dos-marcos-logos > h3 {
  margin: 0;
  font-size: clamp(52px, 7vw, 110px);
  letter-spacing: -0.052em;
}
.wf-case-dos-marcos .dos-marcos-sketches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wf-case-dos-marcos .dos-marcos-logo-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(180px, 0.7fr) minmax(0, 1.15fr);
  gap: var(--gallery-gap);
  align-items: start;
}
.wf-case-dos-marcos .dos-marcos-logo-card {
  display: grid;
  min-width: 0;
  grid-template-rows: auto 1fr;
  gap: clamp(28px, 4vw, 54px);
}
.wf-case-dos-marcos .dos-marcos-isotype-card {
  display: grid;
  min-width: 0;
  grid-template-rows: auto 1fr;
  gap: clamp(28px, 4vw, 54px);
}
.wf-case-dos-marcos .dos-marcos-logo-copy {
  min-height: 250px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.wf-case-dos-marcos .dos-marcos-logo-copy h4 {
  margin: 0 0 22px;
  font-size: clamp(24px, 2.4vw, 36px);
}
.wf-case-dos-marcos .dos-marcos-logo-copy p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(16px, 1.35vw, 18px);
  font-weight: 300;
  line-height: 1.6;
}
.wf-case-dos-marcos .dos-marcos-logo-card figure { align-self: start; }
.wf-case-dos-marcos .dos-marcos-isotype-card figure { align-self: start; }
.wf-case-dos-marcos .dos-marcos-logo-spacer { min-height: 250px; }
.wf-case-dos-marcos .dos-marcos-property-section {
  display: grid;
  gap: clamp(40px, 6vw, 76px);
  padding-top: clamp(40px, 6vw, 76px);
  border-top: 1px solid var(--line);
}
.wf-case-dos-marcos .dos-marcos-property-heading {
  display: grid;
  grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr);
  gap: var(--gallery-gap);
  align-items: end;
}
.wf-case-dos-marcos .dos-marcos-property-heading h3 {
  margin: 0;
  font-size: clamp(42px, 6vw, 86px);
  letter-spacing: -0.05em;
  line-height: 1;
}
.wf-case-dos-marcos .dos-marcos-property-heading p {
  max-width: 650px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(18px, 1.8vw, 24px);
  font-weight: 300;
  line-height: 1.5;
}
.wf-case-dos-marcos .dos-marcos-property-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wf-case-dos-marcos .dos-marcos-property-wide { grid-template-columns: 1fr; }
.wf-case-dos-marcos.dos-marcos-case footer {
  border-color: var(--line);
  color: var(--dark);
}
@media (max-width: 760px) {
  .wf-case-dos-marcos .dos-marcos-sketches { grid-template-columns: 1fr; }
  .wf-case-dos-marcos .dos-marcos-logo-grid { grid-template-columns: 1fr; }
  .wf-case-dos-marcos .dos-marcos-property-heading { grid-template-columns: 1fr; }
  .wf-case-dos-marcos .dos-marcos-property-grid { grid-template-columns: 1fr; }
  .wf-case-dos-marcos .dos-marcos-logo-copy { min-height: 0; }
  .wf-case-dos-marcos .dos-marcos-logo-spacer { display: none; }
}