/* Reversible mini previews for the secondary project list only. */
.hp-compact-link.hp-compact-with-preview{grid-template-columns:176px minmax(0,1.3fr) minmax(0,.9fr) 28px;gap:26px;padding:18px 18px}
.hp-compact-thumb{display:block;position:relative;width:176px;aspect-ratio:1.5;overflow:hidden;border-radius:16px;background:#eef0f2;isolation:isolate}
.hp-compact-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.hp-compact-link:hover .hp-compact-thumb img,.hp-compact-link:focus-visible .hp-compact-thumb img{transform:scale(1.035)}
.hp-compact-with-preview h3{font-size:27px;max-width:460px}
.hp-compact-with-preview .hp-compact-category{line-height:1.5}
@media(max-width:1050px){.hp-compact-link.hp-compact-with-preview{grid-template-columns:144px minmax(0,1.2fr) minmax(0,.9fr) 24px;gap:20px}.hp-compact-thumb{width:144px}.hp-compact-with-preview h3{font-size:25px}}
@media(max-width:700px){.hp-compact-link.hp-compact-with-preview{grid-template-columns:104px minmax(0,1fr) 20px;grid-template-rows:auto auto;gap:8px 16px;padding:18px 16px}.hp-compact-thumb{width:104px;aspect-ratio:1.15;grid-column:1;grid-row:1/3;border-radius:12px;align-self:center}.hp-compact-with-preview h3{grid-column:2;grid-row:1;font-size:23px;align-self:end}.hp-compact-with-preview .hp-compact-category{grid-column:2;grid-row:2;font-size:11px;align-self:start}.hp-compact-with-preview .hp-compact-category small{font-size:10px;margin-top:4px}.hp-compact-with-preview .hp-compact-arrow{grid-column:3;grid-row:1/3;font-size:23px}}
@media(max-width:380px){.hp-compact-link.hp-compact-with-preview{grid-template-columns:86px minmax(0,1fr) 18px;column-gap:12px}.hp-compact-thumb{width:86px}.hp-compact-with-preview h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hp-compact-thumb img{transition:none}.hp-compact-link:hover .hp-compact-thumb img,.hp-compact-link:focus-visible .hp-compact-thumb img{transform:none}}

/* The moving cursor thread frames the complete secondary project row. */
.hp-secondary .hp-compact-list{display:grid;gap:24px}
.hp-secondary .hp-compact,.hp-secondary .hp-compact:last-child{border:0}
.hp-secondary .hp-compact-link.hp-compact-with-preview{border-radius:20px}
.hp-secondary .hp-compact-link:hover,.hp-secondary .hp-compact-link:focus-visible{background:transparent}