.cases-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.cases-heading .page-title{margin:0}.cases-body>.section-cta{width:100%;display:flex}.cases-controls{gap:12px;display:flex}.cases-controls[hidden]{display:none}.cases-controls button{width:48px;height:48px;color:var(--color-text);background:0 0;border:1px solid #ffffff60;border-radius:50%;place-items:center;padding:0;display:grid}.cases-controls button:hover{color:var(--color-text);border-color:var(--color-text)}.cases-controls path{stroke-width:.5px}.cases-controls svg{width:32px;height:32px}.case-mobile-break{display:none}@media (width<=759px){.cases-controls button{border:0;border-radius:0}.cases-section .case-card{padding:0}.case-mobile-break{display:inline}.cases-section .case-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.cases-section .case-primary dd,.cases-section .case-cost dd{margin-top:-.15em;font-size:clamp(2.5rem,10vw,3.5rem);font-weight:700}}.cases-track{gap:24px;display:grid}@media (width<=339px){.cases-section .case-metrics{grid-template-columns:minmax(0,1fr)}}.case-card{gap:36px;min-width:0;padding:0 24px 28px;display:grid}.cases-section .case-card h2{margin:0 0 16px;font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.15}.case-card p{max-width:none}.case-card .case-type{color:var(--color-accent);font-weight:400;line-height:1.4}.case-card .case-location{color:var(--color-caption);align-items:center;gap:2px;margin-top:12px;font-size:.875rem;display:flex}.case-location svg{color:var(--color-text);flex:0 0 16px}.case-description{flex-direction:column;gap:36px;display:flex}.case-feature{margin-top:auto}.case-card h3{margin-bottom:12px;font-size:1rem;font-weight:400;line-height:1.4}.case-feature p{font-size:1rem;line-height:1.6}.case-metrics{gap:24px;margin:0;display:grid}.case-metrics>div{flex-direction:column;gap:8px;display:flex}.case-metrics dt{order:1;font-size:1rem;font-weight:300;line-height:1.4}.case-metrics dd{font-variant-numeric:tabular-nums;margin:0;line-height:1}.case-primary dd{color:var(--color-accent);font-size:5rem;font-weight:700}.case-cost dd{color:var(--color-accent);font-size:2.5rem;font-weight:500}.case-metrics .case-detail{gap:6px}.case-detail dd{font-size:1.125rem;line-height:1.4}.case-detail dt{color:var(--color-caption);font-size:.875rem}.cases-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-carousel .cases-viewport{touch-action:pan-y pinch-zoom;overflow:hidden}.is-carousel .cases-viewport:focus-visible{outline-offset:6px}.is-carousel .cases-track{--case-gap:16px;--case-width:100%;grid-auto-flow:column;grid-auto-columns:var(--case-width);column-gap:var(--case-gap);transform:translateX(calc(-1 * (var(--case-width) + var(--case-gap))));grid-template-rows:repeat(7,auto);row-gap:12px;display:grid}.is-carousel .case-card{grid-row:1/8;grid-template-rows:subgrid;row-gap:12px}.is-carousel .case-description,.is-carousel .case-description>header,.is-carousel .case-feature,.is-carousel .case-results{display:contents}.is-carousel .case-card h2,.is-carousel .case-card .case-location{margin:0}.is-carousel .case-feature h3{margin:24px 0 0}.is-carousel .case-results h3{margin:28px 0 0}.is-carousel .case-metrics{align-self:start;margin-top:12px}@media (width>=760px){.cases-heading{max-width:440px;margin:0 auto 36px}.cases-section{position:relative}.cases-controls{display:contents}.cases-controls button{width:min(288px,50vw - 336px);height:288px;color:var(--color-text);border:0;border-radius:0;position:absolute;top:50%;transform:translateY(-50%)}.cases-controls button[data-direction="-1"]{right:calc(50% + 320px)}.cases-controls button[data-direction="1"]{left:calc(50% + 320px)}.cases-controls svg{width:50%;height:144px}.cases-body{max-width:min(440px,100% - 112px);margin-inline:auto}.case-card{gap:40px;padding:0 0 32px}.case-description{gap:36px}.case-feature{max-width:100%}.case-metrics{grid-template-columns:minmax(0,1fr) 180px;gap:32px 40px}.case-primary dd,.case-cost dd{font-size:4rem;font-weight:700}.case-cost dd{align-self:flex-end}.case-feature p{font-size:1.125rem}.is-carousel .cases-track{--case-gap:40px}}@media (width>=760px) and (width<=999px){.cases-controls button{width:80px;height:96px}.cases-controls svg{width:48px;height:48px}.cases-controls button[data-direction="-1"]{right:calc(50% + 272px)}.cases-controls button[data-direction="1"]{left:calc(50% + 272px)}}
