/* Shared recommendation component: one hierarchy, six project palettes. */
body .related-work{padding-block:80px;margin-block:0}
body .related-work>h2{font-size:0.75rem;font-weight:500;letter-spacing:.15em;line-height:1.6;color:var(--secondary,#aaa3b3);margin:0 0 28px}
body .related-work .related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body .related-work a.related-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:32px 64px 32px 32px;border:1px solid #ffffff1c;border-radius:18px;background:linear-gradient(120deg,#ffffff07,#ffffff03);text-decoration:none;transition:border-color .3s,background .3s,transform .3s;color:inherit}
body .related-work .related-category{font-size:0.75rem;letter-spacing:.09em;line-height:1.6;color:var(--secondary,#aaa3b3);margin:0 0 24px}
body .related-work .related-card h3{font-size:2rem;font-weight:450;letter-spacing:-.035em;line-height:1.2;color:var(--text,#f2eef6);margin:0 0 16px;transition:color .3s}
body .related-work .related-card p{font-size:1rem;line-height:1.65;letter-spacing:normal;color:var(--secondary,#aaa3b3);max-width:48ch;margin:0}
body .related-work .related-arrow{position:absolute;right:30px;top:70px;font-size:1.75rem;font-weight:400;line-height:1;transition:transform .3s,color .3s}
body .related-work .related-card:is(:hover,:focus-visible){border-color:var(--project-color);background:color-mix(in srgb,var(--project-color) 8%,transparent);transform:translateY(-3px)}
body .related-work .related-card:is(:hover,:focus-visible) h3,body .related-work .related-card:is(:hover,:focus-visible) .related-arrow{color:var(--project-color)}
body .related-work .related-card:is(:hover,:focus-visible) .related-arrow{transform:translate(2px,-2px)}
body .related-work .related-card:focus-visible{outline:2px solid var(--project-color);outline-offset:4px}
@media(max-width:700px){body .related-work{padding-block:56px}body .related-work .related-grid{grid-template-columns:1fr;gap:16px}body .related-work a.related-card{padding:28px 56px 28px 24px}body .related-work .related-category{margin-bottom:20px;font-size:0.75rem}body .related-work .related-card h3{font-size:1.75rem;margin-bottom:12px}body .related-work .related-card p{font-size:0.875rem}body .related-work .related-arrow{right:24px;top:63px;font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){body .related-work *{transition:none!important;transform:none!important}}
.no-motion .related-work *,html.no-motion .related-work *{transition:none!important;transform:none!important}