/* v61 — Delayed Case Study Preview Fix */
.case-study-live-preview{
  position:fixed; z-index:9500; width:min(420px,calc(100vw - 32px));
  padding:12px; border:1px solid rgba(214,255,75,.34); border-radius:18px;
  background:linear-gradient(180deg,rgba(19,21,15,.97),rgba(8,9,7,.985));
  box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 28px rgba(214,255,75,.06);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateY(9px) scale(.985);
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.2,1),visibility 0s linear .22s;
}
.case-study-live-preview.is-visible{opacity:1;visibility:visible;transform:none;transition-delay:0s;}
.case-study-live-preview__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:1px 2px 10px;}
.case-study-live-preview__eyebrow,.case-study-live-preview__count,.case-study-live-preview__cta{
  font-family:var(--mono,"DM Mono",monospace);font-size:8px;letter-spacing:.12em;text-transform:uppercase;
}
.case-study-live-preview__eyebrow,.case-study-live-preview__cta{color:#d6ff4b}.case-study-live-preview__count{color:rgba(241,239,233,.42)}
.case-study-live-preview__stage{position:relative;overflow:hidden;height:210px;border-radius:13px;background:#080808;border:1px solid rgba(255,255,255,.06)}
.case-study-live-preview__slide{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .42s ease,transform .8s ease;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;padding:5px}
.case-study-live-preview__slide.is-active{opacity:1;transform:scale(1)}
.case-study-live-preview__slide img{width:100%;height:100%;object-fit:cover;border-radius:9px;filter:saturate(.88) brightness(.88)}
.case-study-live-preview__weekender{display:flex!important;align-items:flex-end;padding:18px;background:radial-gradient(circle at 80% 20%,rgba(214,255,75,.10),transparent 38%),linear-gradient(145deg,#171814,#0b0c0a);}
.case-study-live-preview__weekender-copy h4{font-size:22px;margin:4px 0 8px;letter-spacing:-.035em}.case-study-live-preview__weekender-copy p{font-size:11px;line-height:1.55;color:rgba(241,239,233,.56);max-width:300px}
.case-study-live-preview__weekender-mini{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.case-study-live-preview__weekender-mini span{font:8px var(--mono,"DM Mono",monospace);text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;border:1px solid rgba(214,255,75,.18);border-radius:999px;color:rgba(241,239,233,.64)}
.case-study-live-preview__bottom{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:11px 3px 2px}
.case-study-live-preview__bottom strong{display:block;font-size:13px;margin-bottom:2px}.case-study-live-preview__bottom p{font-size:9px;color:rgba(241,239,233,.48);line-height:1.45}
.case-study-live-preview__dots{display:flex;gap:4px;margin-top:7px}.case-study-live-preview__dots i{width:14px;height:2px;background:rgba(255,255,255,.15);border-radius:2px;transition:background .2s,width .2s}.case-study-live-preview__dots i.is-active{width:24px;background:#d6ff4b}
.case-study-selector.is-previewing{border-color:rgba(214,255,75,.85)!important;box-shadow:0 0 28px rgba(214,255,75,.07)!important}
@media(max-width:800px),(hover:none),(pointer:coarse){
 .case-study-live-preview{left:16px!important;right:16px!important;bottom:18px!important;top:auto!important;width:auto;max-width:none;padding:10px;border-radius:16px}
 .case-study-live-preview__stage{height:min(42vh,300px)}
 .case-study-live-preview__bottom{padding-top:9px}
 .case-study-live-preview__cta:after{content:" · TAP AGAIN TO OPEN"}
}
@media(prefers-reduced-motion:reduce){.case-study-live-preview,.case-study-live-preview__slide{transition:none!important}}