/* Case study (/work/{slug}/): lock screen, chapters, scorecard, next. */

/* Lock form. */
.pmg-case-input { background: rgba(0,0,0,.5); border: 1px solid rgba(255,255,255,.14); border-radius: 10px; padding: 11px 13px; color: #fff; font: inherit; font-size: 16px; box-sizing: border-box; min-width: 0; transition: border-color .2s, box-shadow .2s; }
.pmg-case-input[aria-invalid="true"] { border-color: rgba(248,57,0,.8); }
.pmg-case-input:focus { border-color: #F83900; box-shadow: 0 0 0 3px rgba(248,57,0,.2); outline: none; }
[data-pmg-lock-label] { color: #AEA7A6; }
[data-pmg-lock-label].is-error { color: #F83900; }
.pmg-case-unlock { font: inherit; font-size: 15px; font-weight: 600; padding: 12px 24px; border-radius: 999px; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: #F83900; color: #000; border: 1px solid #F83900; box-shadow: 0 0 24px rgba(248,57,0,.25); transition: transform .2s, box-shadow .2s, opacity .2s; }
.pmg-case-unlock:hover, .pmg-case-unlock:focus-visible { transform: translateY(-1px); box-shadow: 0 0 36px rgba(248,57,0,.45); }
.pmg-case-unlock[aria-busy="true"] { opacity: .55; cursor: default; }
.pmg-case-back:hover, .pmg-case-back:focus-visible { color: #fff !important; }
@media (max-width: 480px) { .pmg-case-unlock { flex: 1 1 100%; } }

/* Chapters: sticky label beside the story on wide screens; stacked on narrow ones. */
.pmg-case-ch__main { grid-column: span 2; }
@media (min-width: 960px) { .pmg-case-ch__aside { position: sticky; top: 110px; } }
@media (max-width: 959px) { .pmg-case-ch__main { grid-column: 1 / -1; } }

/* Scorecard grid. */
.pmg-case-score { display: grid; grid-template-columns: minmax(140px,1.6fr) repeat(3,minmax(0,1fr)); gap: clamp(10px,2vw,32px); }
@media (max-width: 480px) { .pmg-case-score { grid-template-columns: minmax(0,1.5fr) repeat(3,minmax(0,1fr)); } }

/* Next case study + CTA. */
.pmg-case-next:hover, .pmg-case-next:focus-visible { color: #fff !important; }
.pmg-case-next__arrow { display: inline-block; transition: transform .3s cubic-bezier(.2,.7,.2,1); }
.pmg-case-next:hover .pmg-case-next__arrow, .pmg-case-next:focus-visible .pmg-case-next__arrow { transform: translateX(6px); }
.pmg-site .pmg-case-next::before { content: none; }
.pmg-case-cta { transition: box-shadow .3s, transform .2s; }
.pmg-case-cta:hover, .pmg-case-cta:focus-visible { color: #000 !important; box-shadow: 0 0 56px rgba(248,57,0,.5) !important; }
@media (max-width: 700px) {
	.pmg-case-next { border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.07); }
	.pmg-case-next__cta { padding-left: 0 !important; }
}