[data-case-carousel-shell] { --case-carousel-ink: #1a1a1a; --case-carousel-paper: #fff; --case-carousel-line: #d8d8d8; --case-carousel-accent: #aff425; --case-carousel-focus: #001f3f; --case-carousel-radius: 5px; }
[data-case-carousel-shell] > .home-project-links[data-case-carousel] { align-items: stretch; }
[data-case-carousel-shell] > .home-project-links[data-case-carousel] > .home-project-link { display: flex; flex-direction: column; align-items: stretch; gap: 0; height: auto; }
[data-case-carousel-shell] > .home-project-links[data-case-carousel] .home-project-thumb { width: 100%; height: clamp(19rem, 30vw, 24rem); }
[data-case-carousel-shell] > .home-project-links[data-case-carousel] .home-project-thumb img { width: 100%; height: 100%; object-fit: contain; background: #f7f7f7; }
[data-case-carousel-shell] > .home-project-links[data-case-carousel] .home-project-text { padding: 1.25rem; }
[data-case-carousel-shell] > .project-grid[data-case-carousel] > .portfolio-item,
[data-case-carousel-shell] > .related-case-track[data-case-carousel] > .project-story { flex-basis: clamp(22rem, 40vw, 28rem); }
[data-case-carousel-shell] > .project-gallery[data-case-carousel] > figure { width: auto; }
@media(max-width:700px) { [data-case-carousel-shell] > .project-grid[data-case-carousel] > .portfolio-item, [data-case-carousel-shell] > .related-case-track[data-case-carousel] > .project-story { flex-basis: min(82vw, 22rem); } }