/* Shared V1.5 case-study presentation. */
.cs-main .sec-tag::after { content: none; }
.cs-main .ov-grid { display: block; border: 0; margin-top: 36px; }
.cs-main .media, .cs-main img, .cs-main video, .cs-main .cap,
.cs-main .media .frame, .cs-main .hero-media {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
  .project-details { display: grid; grid-template-columns: 1fr 1fr; gap: 38px 56px; margin: 48px 0 0; }
  .project-details > div { min-width: 0; }
  .project-details dt { font-family: var(--sans); font-size: 13px; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; color: #888; margin-bottom: 14px; }
  .project-details dd { margin: 0; font-family: var(--sans); font-size: 17px; line-height: 1.5; color: #171717; }
  .scope-tags { display: flex; flex-wrap: wrap; gap: 8px; }
  .scope-tags span { background: #f5f5f5; border-radius: 6px; padding: 6px 10px; font-size: 14px; }
  .tool-icons { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; }
  .tool-icons img { display: block; width: 36px; height: 36px; object-fit: contain; }
  .project-details a { display: inline-flex; gap: 10px; align-items: center; overflow-wrap: anywhere; }
  .project-details a:hover { color: #D8576C; }
  @media (max-width: 640px) { .project-details { grid-template-columns: 1fr; gap: 28px; } }

.tool-icon { display: inline-flex; align-items: center; gap: 10px; }

.tool-name { font-size: 16px; line-height: 1.4; }
.tool-icons img { flex-shrink: 0; }

.cs-main .cs-hero-title { font-weight:500; letter-spacing:-.025em; }
.cs-main .sec-tag, .project-details dt { font-weight:400; letter-spacing:.06em; }

/* Consistent secondary text hierarchy throughout the case studies. */
.cs-main p, .cs-main li, .cs-main h2, .cs-main h3,
.cs-main h4, .cs-main h5, .cs-main h6, .cs-main .subhead,
.cs-main .sec-tag, .cs-main .project-details dd { color:#4a4a4a; }
.cs-main p .em, .cs-main p .mark, .cs-main p [class^="hl-"] { color:inherit; }

/* Keep the section rail attached to the viewport while the case study scrolls. */
html, body { overflow-x: clip; }
.cs-layout { overflow: visible; }