/* Visual studies use the existing palette, type, and reveal animation. */
.section.project-single-hero { padding-bottom: 0; }
[data-rui-case-layout="visual"] { padding-top: clamp(2rem, 4vw, 4rem); }

[data-rui-case-layout="visual"] .rui-case-at-a-glance { grid-template-columns: 1fr 1fr; gap: 2rem 4rem; padding: clamp(1.5rem, 4vw, 3.5rem); border: 0; margin-bottom: clamp(3rem, 6vw, 5rem); }
[data-rui-case-layout="visual"] .rui-case-impact { margin: 1.25rem 0 0; font: 600 clamp(2.2rem, 3.5vw, 3.5rem)/1.06 "Alumni Sans", sans-serif; letter-spacing: 0; }
[data-rui-case-layout="visual"] .rui-visual-context { margin: 0; display: grid; gap: 1.5rem; }
[data-rui-case-layout="visual"] .rui-visual-credits { font-size: .9rem; }
[data-rui-case-layout="visual"] .rui-case-gallery,
[data-rui-case-layout="visual"] .rui-case-comparison { padding: 0; background: transparent; }
[data-rui-case-layout="visual"] .rui-case-gallery-header,
[data-rui-case-layout="visual"] .rui-case-comparison-header { display: block; margin-bottom: 1.5rem; }
[data-rui-case-layout="visual"] .rui-case-gallery-grid,
[data-rui-case-layout="visual"] .rui-case-comparison-grid { gap: 2rem; align-items: start; }
[data-rui-case-layout="visual"] .rui-comparison-card { padding: 0; background: transparent; }
[data-rui-case-layout="visual"] .rui-comparison-card .rui-case-label { display: block; margin-top: 1.5rem; }
[data-rui-case-layout="visual"] .rui-comparison-card h3 { margin-top: .75rem; font-size: 2rem; }
[data-rui-case-layout="visual"] .rui-case-card--status { padding: 1.5rem 0; background: transparent; border: 0; border-top: 1px solid var(--rui-case-line); }

[data-rui-case-layout="visual"] .rui-case-card--artifact { padding: clamp(1.5rem, 4vw, 3rem); background: var(--rui-palette-deep-blue); color: var(--rui-palette-light-pink); }
[data-rui-case-layout="visual"] .rui-case-card--artifact .rui-case-link { color: inherit; }
[data-rui-case-layout="visual"] .rui-visual-image-link { display: block; color: var(--rui-palette-deep-blue); text-decoration: none; }
[data-rui-case-layout="visual"] .rui-visual-image-link > span { display: block; padding: .65rem 0; text-align: right; font-size: .8rem; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 991px) {
  [data-rui-case-layout="visual"] .rui-case-at-a-glance { grid-template-columns: 1fr; gap: 2rem; }
}
@media (max-width: 767px) {
  [data-rui-case-layout="visual"] .rui-case-gallery-grid,
  [data-rui-case-layout="visual"] .rui-case-comparison-grid { grid-template-columns: 1fr; }
  [data-rui-case-layout="visual"] .rui-case-blocks p { font-size: 1rem; }
}