/* Program badges and portfolio outcomes. */
.program-credentials{--badge-ink:#131313;--badge-muted:#666;--badge-rule:#d3d3d3;padding:48px var(--academy-gutter,21px);font-family:Apparat,Arial,sans-serif;color:var(--badge-ink)}
html[data-site-theme="dark"] .program-credentials{--badge-ink:#ededed;--badge-muted:#aaa;--badge-rule:#383838}
.program-credentials-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:32px}
.program-credentials-head h2{margin:0;font:400 22px/1.25 Apparat,Arial,sans-serif;letter-spacing:-.025em}
.program-credentials-head p{margin:0;max-width:660px;font:400 15px/1.6 Apparat,Arial,sans-serif;color:var(--badge-muted)}
.program-credentials-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.program-credential{display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 0 20px;color:var(--badge-ink);text-decoration:none;text-align:center;border-bottom:1px solid var(--badge-rule)}
.program-credential img{display:block;width:100%;max-width:170px;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 20px;transition:transform .25s ease}
.program-credential-code{display:block;font:400 12px/1.4 Apparat,Arial,sans-serif;letter-spacing:.04em;color:var(--badge-muted);margin-bottom:8px}
.program-credential h3{font:400 15px/1.4 Apparat,Arial,sans-serif;letter-spacing:-.015em;margin:0;max-width:20ch}
.program-credential:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover){.program-credential:hover img{transform:translateY(-5px)}.program-credential:hover{border-bottom-color:var(--badge-ink)}}
@media(max-width:1050px){.program-credentials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.program-credential img{max-width:170px}}
@media(max-width:700px){.program-credentials{padding:36px var(--academy-gutter,16px)}.program-credentials-head{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:24px}.program-credentials-head h2{font-size:21px}.program-credentials-head p{font-size:14px}.program-credentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.program-credential{padding-top:0}.program-credential img{margin-bottom:12px}.program-credential h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.program-credential img{transition:none}.program-credential:hover img{transform:none}}
html #investigation-process .learning-int-portfolio{grid-column:1/-1}

/* Badge art follows the supplied white plaque and coloured certification strip. */
.program-credential-art{position:relative;display:block;width:100%;max-width:170px;aspect-ratio:1;overflow:hidden;margin:0 auto 20px;transition:transform .25s ease}
.program-credential .program-credential-art img{position:absolute;display:block;width:300%;height:200%;max-width:none;aspect-ratio:auto;object-fit:fill;left:calc(var(--badge-x) * -100%);top:calc(var(--badge-y) * -100%);margin:0;transform:none;transition:none;filter:none!important;mix-blend-mode:normal!important}
@media(hover:hover){.program-credential:hover .program-credential-art{transform:translateY(-5px)}.program-credential:hover .program-credential-art img{transform:none}}
@media(max-width:1050px){.program-credential-art{max-width:170px}}
@media(max-width:700px){.program-credential-art{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.program-credential-art{transition:none}.program-credential:hover .program-credential-art{transform:none}}

/* Compact badge scale, with space around every plaque. */
.program-credential-art{margin-bottom:12px}
@media(max-width:700px){.program-credential-art{max-width:140px;margin-bottom:10px}}