/* Page-local styles for landing/case_studies.html (Arc Studio case study).

   Everything on this page is built with inline Tailwind utilities.
   The rules kept here are the big decorative chapter numerals
   (01 / 02 / 03 / 04), which use a clamp()-based size that's cleaner
   as plain CSS, plus a page-scoped override to shrink the logo wall.
   ===================================================================== */

.customer-chapter {
    position: relative;
    overflow: hidden;
}
.customer-chapter-num {
    position: absolute;
    left: 1rem;
    top: 1.5rem;
    pointer-events: none;
    user-select: none;
    font-family: Georgia, 'Times New Roman', ui-serif, serif;
    font-style: italic;
    font-weight: 400;
    font-size: clamp(4.5rem, 14vw, 9rem);
    line-height: 1;
    color: rgba(15, 61, 46, 0.10);
}
@media (min-width: 640px) {
    .customer-chapter-num { left: 2.5rem; }
}
.customer-chapter.bg-bone .customer-chapter-num {
    color: rgba(15, 61, 46, 0.12);
}


/* Smaller logos in the wall, scoped to this page only */
.cs-logo-wall .logo-wall-cell {
    min-height: 88px;
}
.cs-logo-wall .logo-wall-cell img {
    height: 6rem;          /* down from h-40 (10rem) */
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.cs-logo-wall .mobile-logo-carousel-set img {
    height: 2.5rem;        /* down from 3.25rem */
    max-width: 4.5rem;
}