/* Case-study navigation private candidate. */
/* Local presentation experiment. Inherits the existing case-study brand tokens. */
.jsd-case .cs-jump.cs-jump--card {
  display:block;
  margin:26px 0 10px;
  padding:24px 28px 20px;
  background:#fff;
  border:1px solid var(--case-line);
  border-radius:10px;
  font-family:inherit;
}
.jsd-case .cs-jump--card .cs-jump__label {
  margin:0 0 12px;
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  color:var(--case-muted);
  letter-spacing:.015em;
}
.jsd-case .cs-jump--card .cs-jump__links {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:6px 26px;
}
.jsd-case .cs-jump--card a {
  min-height:44px;
  padding:8px 0;
  color:var(--case-ink);
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  text-decoration:none;
  white-space:nowrap;
  border-bottom:1px solid transparent;
}
.jsd-case .cs-jump--card a[aria-current] {border-bottom-color:var(--case-olive)}
.jsd-case .cs-jump--card a:hover {color:var(--case-olive)}
.jsd-case .cs-jump__picker {display:none}
@media(max-width:700px) {
  .jsd-case .cs-jump.cs-jump--card {margin-top:22px;padding:20px}
  .jsd-case .cs-jump--card .cs-jump__links {display:none}
  .jsd-case .cs-jump__picker {
    display:block;
    width:100%;
    min-height:46px;
    padding:8px 10px;
    font:inherit;
    font-size:16px;
    color:var(--case-ink);
    background:#fff;
    border:1px solid var(--case-line);
    border-radius:5px;
  }
}

/* Named shared navigation variant: compact section cards, distinct from factual metadata. */
.jsd-case .cs-facts.cs-facts--overview{max-width:var(--cs-copy-max,1320px);margin-inline:auto;border-bottom:0;padding-bottom:0}
.jsd-case .cs-jump.cs-jump--tiles{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;max-width:var(--cs-copy-max,1320px);margin:32px auto 8px;padding:0;background:transparent;border:0;border-radius:0}
.jsd-case .cs-jump--tiles .cs-jump__intro{padding-top:12px}
.jsd-case .cs-jump--tiles .cs-jump__label{margin:0 0 8px;font-size:22px;line-height:1.25;font-weight:400;letter-spacing:0;color:var(--case-ink)}
.jsd-case .cs-jump--tiles .cs-jump__hint{margin:0;max-width:170px;font-size:13px;line-height:1.55;color:var(--case-muted)}
.jsd-case .cs-jump--tiles .cs-jump__links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.jsd-case .cs-jump--tiles a{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:88px;padding:16px 30px 16px 18px;border:1px solid var(--case-line);border-radius:7px;color:var(--case-ink);white-space:normal;text-decoration:none;box-shadow:none}
.jsd-case .cs-jump--tiles .cs-jump__title{font-size:14px;line-height:1.35;font-weight:500}
.jsd-case .cs-jump--tiles .cs-jump__detail{font-size:12px;line-height:1.5;color:var(--case-muted)}
.jsd-case .cs-jump--tiles .cs-jump__arrow{position:absolute;top:14px;right:12px;color:var(--case-olive);font-size:17px;line-height:1}
.jsd-case .cs-jump--tiles a[aria-current]{border-color:var(--case-olive)}
.jsd-case .cs-jump--tiles a:hover{border-color:var(--case-olive);color:var(--case-ink)}
.jsd-case .cs-jump--tiles a:focus-visible{outline:2px solid var(--case-olive);outline-offset:3px}
@media(max-width:1150px){.jsd-case .cs-jump.cs-jump--tiles{grid-template-columns:150px minmax(0,1fr);gap:24px}.jsd-case .cs-jump--tiles .cs-jump__links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.jsd-case .cs-jump.cs-jump--tiles{display:block;margin-top:28px;padding:0}.jsd-case .cs-jump--tiles .cs-jump__intro{padding:0;margin-bottom:14px}.jsd-case .cs-jump--tiles .cs-jump__label{font-size:21px;margin-bottom:5px}.jsd-case .cs-jump--tiles .cs-jump__hint{max-width:none}.jsd-case .cs-jump--tiles .cs-jump__links{display:none}.jsd-case .cs-jump--tiles .cs-jump__picker{display:block;min-height:48px;width:100%;font:inherit;font-size:16px;color:var(--case-ink);padding:10px 12px;background:#fff;border:1px solid var(--case-line);border-radius:7px}}

/* P3/P5 chapter navigation: recognisable photographic links, separate from project metadata. */
.jsd-case .cs-project-summary{margin-top:24px;padding-top:18px;border-top:1px solid var(--case-line)}
.jsd-case .cs-project-summary>.cs-kicker{margin:0 0 12px}
.jsd-case .cs-project-summary .cs-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0;padding:0;border:0}
.jsd-case .cs-project-summary .cs-facts dt{font-size:12px}
.jsd-case .cs-project-summary .cs-facts dd{font-size:14px;line-height:1.45}
.jsd-case .cs-jump.cs-jump--chapters{display:block;max-width:var(--cs-copy-max,1320px);margin:48px auto 8px;padding:0;border:0;border-radius:0;background:transparent}
.jsd-case .cs-jump--chapters .cs-jump__label{font-size:26px;font-weight:400;letter-spacing:0;line-height:1.3;margin:0 0 20px;color:var(--case-ink)}
.jsd-case .cs-jump--chapters .cs-jump__links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
#de-main .cs-jump--chapters .cs-chapter{border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:none}
.jsd-case .cs-jump--chapters a{display:block;border:0;padding:0;white-space:normal;color:var(--case-ink);text-decoration:none}
.jsd-case .cs-jump--chapters a[aria-current]{border-bottom:0}
.jsd-case .cs-jump--chapters .cs-chapter__main{flex:1}
.jsd-case .cs-jump--chapters .cs-chapter__media{position:relative;overflow:hidden}
#de-main .cs-jump--chapters .cs-chapter img{aspect-ratio:2.25;object-fit:cover;object-position:center;width:100%;height:auto;margin:0}
#de-main .cs-jump--chapters .cs-chapter--film img{object-position:50% 37%}
.jsd-case .cs-jump--chapters .cs-chapter__play{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.jsd-case .cs-jump--chapters .cs-chapter__play span{display:grid;place-items:center;width:40px;height:40px;background:var(--case-olive);border-radius:50%;font-size:17px}
.jsd-case .cs-jump--chapters .cs-chapter__body{padding:18px 18px 14px}
.jsd-case .cs-jump--chapters h3{font-size:19px;line-height:1.35;font-weight:400;margin:0 0 8px;color:var(--case-ink)}
.jsd-case .cs-jump--chapters .cs-chapter__destination{display:block;font-size:13px;line-height:1.45;color:var(--case-olive)}
.jsd-case .cs-jump--chapters .cs-chapter__more{display:flex;flex-wrap:wrap;gap:0 14px;padding:0 18px 12px;margin:0}
.jsd-case .cs-jump--chapters .cs-chapter__more a{font-size:12px;line-height:1.45;padding:6px 0;color:var(--case-olive)}
.jsd-case .cs-jump--chapters a:hover .cs-chapter__destination,.jsd-case .cs-jump--chapters .cs-chapter__more a:hover{text-decoration:underline;text-underline-offset:4px}
.jsd-case .cs-jump--chapters a:focus-visible{outline:2px solid var(--case-olive);outline-offset:-3px}
@media(max-width:1100px){.jsd-case .cs-jump--chapters .cs-jump__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:700px){.jsd-case .cs-jump.cs-jump--chapters{margin-top:36px;padding:0}.jsd-case .cs-jump--chapters .cs-jump__label{font-size:23px;margin-bottom:16px}.jsd-case .cs-jump--chapters .cs-jump__links{display:none}.jsd-case .cs-jump--chapters .cs-jump__picker{display:block;min-height:48px;width:100%;font:inherit;font-size:16px;color:var(--case-ink);padding:10px 12px;border:1px solid var(--case-line);border-radius:7px;background:#fff}}

/* The chapter index must remain below the shared masthead when opened by anchor. */
.jsd-case .cs-jump.cs-jump--chapters{scroll-margin-top:var(--jsdc-guide-offset,150px)}

/* Optional verified review shortcut beside the chapter-index heading. */
.jsd-case .cs-jump--chapters .cs-jump__heading{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;margin-bottom:20px}
.jsd-case .cs-jump--chapters .cs-jump__heading .cs-jump__label{margin:0}
.jsd-case .cs-jump--chapters a.cs-jump__review{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:4px 0;font-size:14px;line-height:1.4;white-space:normal;color:var(--case-ink)}
.jsd-case .cs-jump--chapters .cs-jump__stars{color:var(--jsdc-gold);letter-spacing:2px;white-space:nowrap;font-size:14px}
.jsd-case .cs-jump--chapters .cs-jump__review:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.jsd-case .cs-jump--chapters .cs-jump__heading{display:block;margin-bottom:16px}.jsd-case .cs-jump--chapters .cs-jump__heading .cs-jump__label{margin-bottom:6px}.jsd-case .cs-jump--chapters a.cs-jump__review{gap:10px}}

/* Photo-first case-study opening: one clearance owner beneath the full shield.
   Text-first/archive headers retain the shared masthead's existing protection.
   Desktop breadcrumbs stay to the left of the shield; phones stack below it. */
html body.jsd-site-header.jsd-site-masthead.jsd-site-masthead--shield:is(.post-template-jsdeco-case-study,.page-template-jsdeco-case-study) #wpb-content-root>section.jsd-case-row:has(.jsd-case .cs-hero-full){padding-top:0!important}
@media(min-width:768px){
html body.jsd-site-header.jsd-site-masthead.jsd-site-masthead--shield:is(.post-template-jsdeco-case-study,.page-template-jsdeco-case-study) .jsd-case:has(.cs-hero-full){padding-top:calc(76px + var(--jsd-clearance-admin,0px))!important}
html body.jsd-site-header.jsd-site-masthead.jsd-site-masthead--shield:is(.post-template-jsdeco-case-study,.page-template-jsdeco-case-study) .jsd-case:has(.cs-hero-full) .cs-crumb{max-width:calc(50% - 104px);flex-wrap:wrap}
}

/* Three authentic chapters use the available width; review shortcuts can wrap independently. */
@media(min-width:1101px){.jsd-case .cs-jump--chapters .cs-jump__links:has(>.cs-chapter:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
.jsd-case .cs-jump__reviews{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 24px}
@media(max-width:700px){.jsd-case .cs-jump__reviews{justify-content:flex-start}}
@media(max-width:767px){
html body.jsd-site-header.jsd-site-masthead.jsd-site-masthead--shield:is(.post-template-jsdeco-case-study,.page-template-jsdeco-case-study) .jsd-case:has(.cs-hero-full){padding-top:calc(77px + var(--jsd-clearance-admin,0px))!important}
html body.jsd-site-header.jsd-site-masthead.jsd-site-masthead--shield:is(.post-template-jsdeco-case-study,.page-template-jsdeco-case-study) .jsd-case:has(.cs-hero-full) .cs-crumb{margin-top:0!important;margin-bottom:16px;max-width:none;flex-wrap:wrap}
}