/* Reference-inspired project introduction, without an enclosing card. */
.work-context{width:min(42vw,520px);flex:0 1 520px;align-self:flex-end;color:var(--ink)}
.work-context-links{display:flex;justify-content:flex-end;gap:6px;margin:0 0 19px}
.work-context-links a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:10px 14px;border:1px solid var(--ink);font:400 9px var(--mono);letter-spacing:.2px;text-decoration:none;white-space:nowrap;background:#f7f4ea80;transition:background .2s,color .2s}
.work-context-links a.work-context-active{background:var(--ink);color:#fffdf5}
.work-context-links a:hover{background:#e4e9d9;color:var(--ink)}
.work-context-links a:focus-visible{outline:2px solid #04a6bb;outline-offset:4px}
.work-context>p{margin:0;font:600 clamp(13px,1.2vw,17px)/1.55 'Manrope',sans-serif;max-width:100%;text-wrap:pretty}
@media(max-width:1050px) and (min-width:801px){.work-intro{gap:25px}.work-context{width:39vw;flex-basis:39vw}.work-context-links{margin-bottom:12px}.work-context-links a{padding:9px;font-size:8px}.work-context>p{font-size:13px}}
@media(max-width:800px){.work-context{width:100%;margin-top:26px}.work-context-links{justify-content:flex-start;margin-bottom:16px}.work-context-links a{min-height:44px;font-size:9px}.work-context>p{font-size:15px;line-height:1.6;max-width:540px}}
@media(max-height:750px) and (min-width:801px){.work-context-links{margin-bottom:10px}.work-context>p{font-size:13px;line-height:1.5}}