/* Program title block (acf/program-title) */
.hsf-prog-title{display:block;font-family:Barlow,sans-serif;font-weight:300;text-transform:uppercase;text-decoration:none}
.hsf-prog-title span{display:table;background:var(--hl,#fff3d1)}
.hsf-prog-title--large{color:#3b3b3b;font-size:clamp(2rem,3.6vw,3rem);line-height:1.12}
.hsf-prog-title--large span{padding:2px 10px;margin:0 0 -2px}
.hsf-prog-title--small{color:#111;font-size:clamp(1.3rem,2vw,1.85rem)}
.hsf-prog-title--small span{padding:1px 10px 0;line-height:1.05}
a.hsf-prog-title span{transition:font-weight .1s}
a.hsf-prog-title:hover span,a.hsf-prog-title:focus-visible span{font-weight:600}
.hsf-prog-title__empty{padding:1rem;border:1px dashed #bbb;color:#777}

/* #127 styles: outlined button (Design Education links) and plain coloured text (SEED / DESI page titles) */
.hsf-prog-title--plain,.hsf-prog-title--button{color:var(--hl);font-weight:500}
.hsf-prog-title--plain span,.hsf-prog-title--button span{display:block;background:none;padding:0;margin:0}
.hsf-prog-title--plain.hsf-prog-title--large{line-height:1.05}
.hsf-prog-title--button{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:2px solid var(--hl);padding:1.4rem 1rem;min-height:8.5rem;line-height:1.1;transition:background-color .15s,color .15s}
a.hsf-prog-title--button:hover,a.hsf-prog-title--button:focus-visible{background:var(--hl);color:#fff}
a.hsf-prog-title--button:hover span,a.hsf-prog-title--button:focus-visible span{font-weight:500}
.hsf-prog-title--button{align-self:stretch;width:100%;max-width:300px;margin-left:auto;margin-right:auto;box-sizing:border-box}