/* Cartesian client results (r26h): six homes, bought -> valued, a strip that scrolls on its own. System values: 64/48 section padding,
   radius 16 cards, no shadow, Fraunces 300 figures, Schibsted 14/17 text. */
.sec.cases{padding:64px var(--edge,48px);background:#F6F4EE;color:#114136;overflow-x:clip}
.cases .c26-in{max-width:1356px;margin:0 auto}
.cases .c26-hd{max-width:720px}
.cases .c26-hd .lead{margin-top:14px;max-width:560px;font:400 20px/1.4 var(--f-text,'Schibsted Grotesk',system-ui,sans-serif);color:#3F5F54}

/* the strip runs edge to edge of the screen, with soft fades at both ends */
.cases .c26-strip{position:relative;margin:48px calc(50% - 50vw) 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.cases .c26-track{display:flex;gap:24px;width:max-content;padding:4px 0;animation:c26-run 70s linear infinite;will-change:transform}
.cases .c26-dup{display:flex;gap:24px}
@keyframes c26-run{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 12px),0,0)}}
.cases .c26-strip:focus-within .c26-track,.cases .c26-strip.c26-held .c26-track,
.cases .c26-strip.c26-touch .c26-track,.cases .c26-strip.c26-off .c26-track{animation-play-state:paused}

.cases .c26-card{flex:0 0 360px;display:flex;flex-direction:column;margin:0;padding:0;background:#FBFAF6;border:1px solid rgba(17,65,54,.12);border-radius:16px;overflow:hidden;box-shadow:none;color:#114136}
.cases .c26-ph{margin:0;aspect-ratio:16/10;overflow:hidden;background:#E9E6DD}
.cases .c26-ph img{display:block;width:100%;height:100%;object-fit:cover}
.cases .c26-bd{padding:20px 24px 24px}
.cases .c26-kind{margin:0;font:600 14px/1.4 var(--f-text,'Schibsted Grotesk',system-ui,sans-serif);color:#114136}
.cases .c26-kind span{font-weight:400;color:#3F5F54}
.cases .c26-ba{display:flex;align-items:flex-end;gap:14px;margin-top:16px}
.cases .c26-l{display:block;margin-bottom:6px;font:400 14px/1.3 var(--f-text,'Schibsted Grotesk',system-ui,sans-serif);color:#3F5F54}
.cases .c26-ba b{display:inline-block;font:300 32px/1 var(--f-disp,'Fraunces',Georgia,serif);letter-spacing:-.01em;color:#114136}
.cases .c26-ba .c26-up{background:linear-gradient(transparent 60%,rgba(143,203,176,.55) 60%,rgba(143,203,176,.55) 92%,transparent 92%);padding:0 2px}
.cases .c26-arr{width:40px;height:16px;flex:none;margin:0 2px 8px;fill:none;stroke:#3F5F54;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.cases .c26-gain{margin:16px 0 0;padding-top:0;border-top:0;font:600 17px/1.4 var(--f-text,'Schibsted Grotesk',system-ui,sans-serif);color:#114136}

/* r27: a real completed-home card (no figures yet) and the 'photo needed' slots */
.cases .c26-gain.c26-tbc{margin-top:16px;color:#3F5F54;font-weight:400}
.cases .c26-need{display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;background:#EFECE3;border-bottom:1px dashed rgba(17,65,54,.3)}
.cases .c26-need span{font:400 17px/1.4 var(--f-text,'Schibsted Grotesk',system-ui,sans-serif);color:#3F5F54}
.cases .c26-slot .c26-kind{font-weight:400;color:#3F5F54}

.cases .c26-ctl{display:flex;justify-content:flex-end;margin-top:8px}
.cases .c26-pause{min-height:44px;padding:0 4px;background:none;border:0;cursor:pointer;font:400 14px/1 var(--f-text,'Schibsted Grotesk',system-ui,sans-serif);color:#3F5F54;
  text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.cases .c26-pause:focus-visible,.cases .btn:focus-visible{outline:2px solid #114136;outline-offset:2px}

.cases .c26-foot{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px;padding-top:32px;border-top:1px solid rgba(17,65,54,.16)}
.cases .c26-foot .btn{margin:0;align-self:flex-start;box-shadow:none;cursor:pointer;padding:12px 24px;line-height:1.25;text-align:center}

@media (max-width:700px){
  .sec.cases{padding:48px var(--edge,20px)}
  .cases .c26-strip{margin-top:32px}
  .cases .c26-track,.cases .c26-dup{gap:16px}
  .cases .c26-track{animation-duration:60s}
  @keyframes c26-run{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 8px),0,0)}}
  .cases .c26-card{flex-basis:300px}
  .cases .c26-bd{padding:18px 20px 20px}
  .cases .c26-ba b{font-size:28px}
  .cases .c26-foot{align-items:stretch}
  .cases .c26-foot .btn{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .cases .c26-track{animation:none;padding:4px 24px}
  .cases .c26-strip{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none}
  .cases .c26-card{scroll-snap-align:start}
  .cases .c26-dup,.cases .c26-ctl{display:none}
}

/* r12m (Pat, 10 Nov): the eligibility button sits under the words, no rule above it; the card's inner rule is gone too */
.cases .c26-go{margin-top:28px}
.cases .c26-go .btn{margin:0;box-shadow:none;cursor:pointer;padding:12px 24px;line-height:1.25}
@media (max-width:700px){.cases .c26-go{margin-top:24px}.cases .c26-go .btn{display:flex;width:100%;justify-content:center}}