/* ArtCenter only. Keep the shared type, palette, Webflow flip and GSAP reveals. */
body[data-artcenter-case] .project-single-hero .container,
.ac-case > .rui-case-container { width: min(100% - 48px, 1280px); max-width: 1280px; margin-inline: auto; padding-inline: 0; }
body[data-artcenter-case] .project-single-hero { padding-top: clamp(3rem, 5vw, 5rem); }
body[data-artcenter-case] .project-single-header { margin-bottom: 2rem; }
body[data-artcenter-case] .project-single-hero .inner-heading { font-size: clamp(3.5rem, 7vw, 7rem); text-wrap: balance; }
body[data-artcenter-case] .project-single-hero .project-info-card { padding-block: 1.3rem; }
body[data-artcenter-case] .project-img-main { border-radius: 0; }
body[data-artcenter-case] .project-img-wrapper { display: block; }
body[data-artcenter-case] .ac-hero-link { display: block; width: 100%; }
body[data-artcenter-case] .ac-hero-note { margin: .8rem 0 0; font: 400 .85rem/1.5 "Clashgrotesk Variable", Arial, sans-serif; color: var(--rui-palette-deep-blue); }
body[data-artcenter-case] .ac-hero-intro { max-width: 44rem; margin: 0 auto 2rem; text-align: center; font: 400 clamp(1rem, 1.6vw, 1.2rem)/1.6 "Clashgrotesk Variable", Arial, sans-serif; color: var(--rui-palette-deep-blue); text-wrap: pretty; }
.ac-case { padding-top: 0; padding-bottom: clamp(4rem, 6vw, 7rem); }
.ac-case .ac-case-index { position: sticky; top: 0; z-index: 15; display: flex; gap: 1rem; justify-content: space-between; align-items: center; padding: 1.15rem max(24px, calc((100vw - 1280px) / 2)); margin-bottom: clamp(3rem, 5vw, 5rem); background: #fff; color: var(--rui-palette-deep-blue); border-bottom: 1px solid var(--rui-case-line); font-size: .9rem; }
.ac-case-index > span { font-weight: 600; }
.ac-case-index > div { display: flex; gap: clamp(1rem, 3vw, 2.5rem); }
.ac-case-index a { color: inherit; text-decoration: none; text-underline-offset: 5px; }
.ac-case-index a:hover { text-decoration: underline; }
.ac-case .rui-case-at-a-glance { grid-template-columns: 1.15fr 1fr; gap: 2rem 4rem; margin-bottom: 4rem; }
.ac-case .rui-case-impact { max-width: 20ch; text-wrap: balance; }
.ac-case .ac-overview-intro { max-width: 42ch; margin: 1.5rem 0; font-size: 1rem; line-height: 1.65; }
.ac-case .ac-text-link { display: inline-flex; align-items: center; gap: 1rem; font-size: .95rem; font-weight: 500; color: inherit; text-decoration: underline; text-underline-offset: 5px; }
.ac-case .rui-case-blocks { gap: clamp(2.5rem, 4vw, 4rem); }
.ac-case .rui-case-copy { max-width: none; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 1.25rem 4rem; align-items: start; }
.ac-case .rui-case-copy > p { grid-column: 2; }
.ac-case .rui-case-copy > h2 { grid-row: 1; max-width: 23ch; }
.ac-case .rui-case-copy h2,
.ac-case .rui-case-card h3 { text-wrap: balance; overflow-wrap: normal; max-width: 30ch; }
.ac-case .rui-case-copy p,
.ac-case .rui-case-card p { max-width: 66ch; text-wrap: pretty; margin-top: 0; margin-bottom: 0; }
.ac-case .rui-case-copy p + p { margin-top: 1rem; }
.ac-case .rui-case-media { margin: 0; width: 100%; max-width: none; }
.ac-case .rui-case-media img { width: 100%; height: auto; object-fit: contain; }
.ac-case figcaption { max-width: 72ch; margin-top: 1rem; text-wrap: pretty; }
.ac-case .ac-image-link { display: block; cursor: zoom-in; }
.ac-case .rui-case-card--decision { padding: clamp(1.5rem, 3vw, 2.75rem); border: 0; background: var(--rui-palette-light-pink); color: var(--rui-palette-deep-blue); }
.ac-case .rui-case-card--insight { padding: clamp(1.5rem, 3vw, 2.75rem); border: 1px solid var(--rui-case-line); background: #fff; color: var(--rui-palette-deep-blue); }
.ac-case .rui-case-card--status { margin-top: 0; }
.ac-case .ac-anchor { min-width: 0; scroll-margin-top: 6rem; outline: none; }
.ac-case .ac-anchor:focus-visible { outline: 3px solid var(--rui-palette-deep-blue); outline-offset: 8px; }
.ac-case .ac-prototype-wrap { min-width: 0; }
.ac-case a:focus-visible,
body[data-artcenter-case] .ac-hero-link:focus-visible { outline: 3px solid var(--rui-palette-deep-blue); outline-offset: 5px; }
@media (max-width: 767px) {
  body[data-artcenter-case] .project-single-hero .container,
  .ac-case > .rui-case-container { width: calc(100% - 40px); }
  .ac-case .ac-case-index { padding: .9rem 20px; font-size: .8rem; }
  .ac-case-index > span { display: none; }
  .ac-case-index > div { width: 100%; justify-content: space-between; gap: .75rem; }
  .ac-case .rui-case-at-a-glance { grid-template-columns: 1fr; gap: 2rem; padding: 1.5rem; }
  .ac-case .rui-case-copy { grid-template-columns: 1fr; gap: .75rem; }
  .ac-case .rui-case-copy > h2 { grid-row: auto; }
  .ac-case .rui-case-copy > p { grid-column: auto; }
  .ac-case .rui-case-copy h2,
  .ac-case .rui-case-card h3 { font-size: 2.35rem; }
  .ac-desktop-break { display: none; }
  .ac-case .rui-case-copy p,
  .ac-case .rui-case-card p { font-size: 1rem; }
  .ac-case figcaption { font-size: .85rem; }
}