/* Carousel readability pass (2026-10-18): sizes only, no content or layout changes. Remove this file + its <link> to undo. */
#work[data-carousel] .profile>.eyebrow{font-size:13px;letter-spacing:.09em}
#work[data-carousel] .workflow figcaption .eyebrow,#work[data-carousel] .request>span,#work[data-carousel] .step-number,#work[data-carousel] .counter{font-size:11px}
#work[data-carousel] .description{font-size:16px}
#work[data-carousel] .capabilities li{font-size:15px}
#work[data-carousel] .request>p{font-size:15px}
#work[data-carousel] .steps p{font-size:14px}
#work[data-carousel] .outcome>p{font-size:14px}
#work[data-carousel] .tailored,#work[data-carousel] .card-caption,#work[data-carousel] .footnote{font-size:12px}
#work[data-carousel] .profile>.employee-summary{font-size:clamp(26px,2.5vw,34px)}
@media(max-width:950px){#work[data-carousel] .profile>.employee-summary{font-size:29px}}
@media(max-width:700px){#work[data-carousel] .profile>.employee-summary{font-size:28px}}
#work[data-carousel] .section-header h2 .title-sub{display:inline-block;margin-top:.35em;font-family:var(--font-structure);font-size:.5em;font-weight:400;line-height:1.25;letter-spacing:-.01em}
/* Play/pause drawn as shapes so iOS can't render the text glyph as an emoji */
#work[data-carousel] .controls>.pause{font-size:0;color:transparent;position:relative}
#work[data-carousel] .controls>.pause::before{content:"";position:absolute;inset:0;margin:auto;width:10px;height:12px;background:var(--paper);clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}
#work[data-carousel] .controls>.pause[aria-pressed=true]::before{width:11px;height:12px;clip-path:polygon(0 0,100% 50%,0 100%);margin-left:auto;transform:translateX(1px)}
#work[data-carousel] .slides{touch-action:pan-y}