/* Randorff v1.8.5.320 — Work case surface, CTA contrast and home card spacing.
   Loaded last to defeat old, more specific NET declarations. */
:root { --randorff-work-surface:#F8F8F7; --randorff-work-ink:#383838; }

/* Four homepage cards: use content-driven rows rather than 1fr in the
   middle, which produced giant gaps regardless of heading margins. */
.home-work .project-grid .project-card-body {
  grid-template-rows:auto auto 1fr;
  align-content:start;
}
.home-work .project-grid .project-card-body h3 {
  align-self:start;
  margin-top:14px !important;
  margin-bottom:14px !important;
}
.home-work .project-grid .project-card-body p {
  align-self:start;
  margin:0 !important;
}

/* The old NET integration declaration is more specific than .work-feature.net.
   Define the actual case surface for every active and expanded state. */
.work-feature.net.net-case-integrated,
.work-feature.net.net-case-integrated.is-case-visible,
.work-feature.net.net-case-integrated.is-case-visible.is-expanded,
.work-feature.net.net-case-integrated.is-expanded,
.work-feature.net.net-case-integrated #randorff-net-case {
  background:#F8F8F7 !important;
  background-color:#F8F8F7 !important;
  color:#383838 !important;
}
/* No change to image/animation color fields. NET editorial copy must be dark. */
.work-feature.net.net-case-integrated #randorff-net-case .case-intro-copy,
.work-feature.net.net-case-integrated #randorff-net-case .case-intro-copy :is(h1,p),
.work-feature.net.net-case-integrated #randorff-net-case .grid > .net-narrative,
.work-feature.net.net-case-integrated #randorff-net-case .net-narrative :is(h2,p),
.work-feature.net.net-case-integrated #randorff-net-case .grid > .net-added-card-text p,
.work-feature.net.net-case-integrated #randorff-net-case .grid > .core-explainer,
.work-feature.net.net-case-integrated #randorff-net-case .core-explainer :is(h2,p) {
  color:#383838 !important;
}
/* NET opening, closing, and Core text CTA: clear dark outline at rest. */
.work-feature.net.net-case-integrated #randorff-net-case .feature-more-toggle,
.work-feature.net.net-case-integrated #randorff-net-case .net-case-details .case-close-button,
.work-feature.net.net-case-integrated #randorff-net-case .core-explainer-button,
.work-feature.net.net-case-integrated #randorff-net-case .case-button {
  background:transparent !important;
  background-color:transparent !important;
  border:1px solid #383838 !important;
  color:#383838 !important;
}
.work-feature.net.net-case-integrated #randorff-net-case .feature-more-toggle:is(:hover,:focus-visible),
.work-feature.net.net-case-integrated #randorff-net-case .net-case-details .case-close-button:is(:hover,:focus-visible),
.work-feature.net.net-case-integrated #randorff-net-case .core-explainer-button:is(:hover,:focus-visible),
.work-feature.net.net-case-integrated #randorff-net-case .case-button:is(:hover,:focus-visible) {
  background:#383838 !important;
  background-color:#383838 !important;
  border-color:#383838 !important;
  color:#fff !important;
}
/* The three explanatory columns should not have a horizontal rule above. */
.work-feature .feature-more-grid,
.work-feature .feature-more .feature-more-grid {
  border-top:none !important;
}