.case-study-carousel{--csc-card-width:360px;--csc-card-gap:8px;--csc-caption-gap:18px;--csc-caption-max:296px;--csc-arrow-size:24px;--csc-arrow-gap:30px;--csc-section-y:129px;--csc-title-gap:60px;--csc-controls-gap:30px;--portfolio-page-gutter:var(--page-gutter,var(--gutter));color:inherit;padding-block:var(--csc-section-y);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);background:0 0;overflow:visible}.case-study-carousel__grid{align-items:start}.case-study-carousel__title.hp-contact__title{max-width:none;padding-bottom:var(--csc-title-gap);color:inherit;grid-area:1/1/auto/-1;margin:0}.case-study-carousel__controls{justify-content:flex-end;align-items:center;gap:var(--csc-arrow-gap);padding-bottom:var(--csc-controls-gap);grid-area:2/1/auto/-1;width:100%;display:flex}.case-study-carousel__arrow{width:var(--csc-arrow-size);height:var(--csc-arrow-size);color:inherit;cursor:pointer;opacity:1;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:opacity .18s;display:inline-flex}.case-study-carousel__arrow:disabled{opacity:.28;cursor:default}.case-study-carousel__arrow:focus-visible{outline-offset:4px;outline:1px solid}.case-study-carousel__arrow-icon{width:100%;height:100%;display:block}.case-study-carousel__arrow--next .case-study-carousel__arrow-icon{transform:scaleX(-1)}.case-study-carousel__anchor{pointer-events:none;grid-area:3/1/auto/-1;width:100%;height:0}.case-study-carousel__viewport{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;width:100vw;max-width:none;scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;margin-inline-start:calc(50% - 50vw);scroll-padding-inline-start:var(--carousel-left,0px);overflow:auto visible}.case-study-carousel__viewport::-webkit-scrollbar{display:none}.case-study-carousel__viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.case-study-carousel__viewport.is-animating{scroll-snap-type:none;scroll-behavior:auto}.case-study-carousel__track{width:max-content;box-sizing:border-box;flex-direction:row;align-items:flex-start;gap:8px;padding-inline-start:var(--carousel-left,0px);padding-inline-end:var(--portfolio-page-gutter);display:flex}.case-study-carousel__card{gap:var(--csc-caption-gap);flex-direction:column;flex:0 0 var(--csc-card-width);width:var(--csc-card-width);color:inherit;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;margin:0;padding:0;text-decoration:none;display:flex}.case-study-carousel__card:focus-visible{outline-offset:4px;outline:1px solid}.case-study-carousel__media{aspect-ratio:360/232;border-radius:var(--radius-media);background:color-mix(in srgb, currentColor 6%, transparent);width:100%;position:relative;overflow:hidden}.case-study-carousel__media-hover{transition:transform var(--motion-image-hover-duration) var(--motion-image-hover-ease);position:absolute;inset:0}.case-study-carousel__image{object-fit:cover;object-position:center}@media (hover:hover) and (pointer:fine){.case-study-carousel__card:hover .case-study-carousel__media-hover,.case-study-carousel__card:focus-visible .case-study-carousel__media-hover,.case-study-carousel__card:focus-within .case-study-carousel__media-hover{transform:scale(var(--motion-image-hover-scale))}}.case-study-carousel__caption{width:fit-content;max-width:var(--csc-caption-max);font-family:var(--font-sans);letter-spacing:-.02em;color:inherit;align-items:flex-start;gap:12px;margin:0;font-size:18px;font-weight:300;line-height:20px;display:inline-flex}.case-study-carousel__caption-text{flex:0 auto;min-width:0}.case-study-carousel__caption-arrow{flex:none;margin-top:3px;font-size:14px;line-height:1}@media (min-width:1024px){.case-study-carousel{--csc-card-width:360px}.case-study-carousel__title.hp-contact__title{grid-area:1/1/auto/9}.case-study-carousel__controls{grid-area:2/11/auto/13;justify-content:flex-end;justify-self:stretch}.case-study-carousel__anchor{grid-area:3/6/auto/7;width:100%;height:0}}@media (max-width:1023px){.case-study-carousel{--csc-section-y:clamp(4rem, 12vw, 6rem);--csc-title-gap:2rem;--csc-controls-gap:1.25rem;--csc-card-width:min(360px, calc(100vw - var(--portfolio-page-gutter) * 2 - 48px))}.case-study-carousel__title,.case-study-carousel__controls,.case-study-carousel__anchor{grid-column:1/-1}.case-study-carousel__viewport{scroll-padding-inline-start:var(--portfolio-page-gutter)}.case-study-carousel__track{padding-inline-start:var(--portfolio-page-gutter)}}@media (max-width:767px){.case-study-carousel__card,.case-study-carousel__media,.case-study-carousel__media-hover,.case-study-carousel__image,.case-study-carousel__caption,.case-study-carousel__caption-arrow{will-change:auto;transition:none;animation:none;transform:none}.case-study-carousel__caption-arrow{opacity:0}.case-study-carousel__viewport{scroll-snap-type:none;overflow-y:hidden}.case-study-carousel__card{scroll-snap-align:none;scroll-snap-stop:normal}}@media (prefers-reduced-motion:reduce){.case-study-carousel__viewport{scroll-behavior:auto}.case-study-carousel__arrow,.case-study-carousel__media-hover{transition:none}.case-study-carousel__card:hover .case-study-carousel__media-hover,.case-study-carousel__card:focus-visible .case-study-carousel__media-hover,.case-study-carousel__card:focus-within .case-study-carousel__media-hover{transform:none}}