/* Shared presentation fixes for project details. Artwork and prototype UI keep
   their own borders; only the surrounding editorial chrome is simplified. */
body[data-rui-case-page] .section.project-single-hero {
  padding-bottom: 0;
}

body[data-rui-case-page] .rui-case-study-body {
  padding-top: clamp(2rem, 4vw, 4rem);
}

/* ArtCenter places its sticky section index directly after the hero. */
body[data-rui-case-page] .rui-case-study-body.ac-case {
  padding-top: 0;
}

/* Independently composed chapters already have a title, color block or
   artwork transition; the inherited horizontal rule duplicates that hierarchy.
   Keep metadata, navigation and table separators in their authored layouts. */
body[data-rui-case-page] .rui-case-section {
  border-top: 0;
}

/* The template's animated separator is decorative. It otherwise survives as
   a stray rule below independently composed case chapters and indexes. */
body[data-rui-case-page] .rui-case-numbered .devider-line,
body[data-rui-case-page] .rui-case-study-body > .devider-line {
  display: none;
}

body[data-rui-case-page] .rui-case-study-body figcaption {
  text-wrap: pretty;
}

/* The template display face has no diagonal-arrow glyphs. Use a complete
   system face for the small directional marks while keeping the case type. */
body[data-rui-case-page] :is(.rui-case-link, .rui-bazic-read, .rui-fitropolis-read, .ac-text-link, .rui-csusb-read, .rui-superworld-read, .rui-superworld-motion-link, .rui-tvc-links a, .rui-tvc-concept-flow h3, .rui-fitropolis-demo__button, .rui-fitropolis-demo__back, .rui-fitropolis-demo__duplicate-note) > span[aria-hidden="true"],
body[data-rui-case-page] :is(.rui-csusb-decision-map-arrow, .rui-fitropolis-demo__success-mark) {
  font-family: Arial, "DejaVu Sans", sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  body[data-rui-case-page] .project-single-header .wrap-heading-3d-back,
  body[data-rui-case-page] .project-single-hero .project-info-card {
    opacity: 1 !important;
    transform: none !important;
  }

  body[data-rui-case-page] .project-single-hero .project-img-wrapper,
  body[data-rui-case-page] .project-single-hero .project-img-main {
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }
}