/* Two client portfolios: one main image, three previews, one clear destination. */
#collaborations .lasting-heading { grid-template-columns:1fr; margin-bottom:48px; }
#collaborations .lasting-projects { gap:clamp(28px,4vw,72px); }
#collaborations .lasting-project { display:flex; flex-direction:column; min-width:0; padding-top:24px; text-decoration:none; color:inherit; }
#collaborations .lasting-project-title { display:block; margin-bottom:24px; }
#collaborations .lasting-project-title h3 { margin:0 0 16px; }
#collaborations .lasting-duration { display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; }
#collaborations .lasting-duration-copy { max-width:100px; font-size:15px; font-weight:400; line-height:1.35; letter-spacing:0; color:#c3c3b8; }
#collaborations .lasting-main-visual { overflow:hidden; border-radius:18px; aspect-ratio:2048 / 986; background:#080808; }
#collaborations .lasting-main-visual img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
#collaborations .lasting-miniatures { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(8px,1.1vw,18px); margin-top:14px; }
#collaborations .lasting-miniature { display:block; overflow:hidden; min-width:0; aspect-ratio:4 / 3; background:#080808; border-radius:12px; }
#collaborations .lasting-miniature img { display:block; width:100%; height:100%; object-fit:contain; border-radius:inherit; transition:transform .3s ease; }
#collaborations .lasting-greeting { background:#fff; }
#collaborations .lasting-greeting img { padding:5px; }
#collaborations .lasting-formats { margin:22px 0 24px; color:#c3c3b8; font-size:clamp(14px,1.15vw,17px); line-height:1.6; }
#collaborations .lasting-link { margin-top:auto; min-height:58px; padding:15px 20px; border:0; border-radius:6px; background:var(--yellow); color:#141414; font-size:clamp(15px,1.15vw,18px); font-weight:600; gap:14px; }
#collaborations .lasting-link > span { color:#141414; flex-shrink:0; }
#collaborations .lasting-project:focus-visible { outline:3px solid var(--yellow); outline-offset:8px; border-radius:6px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 #collaborations .lasting-project:hover .lasting-miniature img { transform:scale(1.04); }
 #collaborations .lasting-project:hover .lasting-link { background:#ffe052; color:#141414; }
}
@media(max-width:700px) {
 #collaborations .lasting-projects { grid-template-columns:1fr; gap:42px; }
 #collaborations .lasting-heading { margin-bottom:34px; }
 #collaborations .lasting-project-title { margin-bottom:22px; }
 #collaborations .lasting-duration-copy { font-size:14px; }
 #collaborations .lasting-main-visual { border-radius:14px; }
 #collaborations .lasting-miniatures { margin-top:10px; gap:8px; }
 #collaborations .lasting-miniature { border-radius:9px; }
 #collaborations .lasting-formats { margin:18px 0 20px; }
 #collaborations .lasting-link { min-height:54px; padding:13px 16px; }
}
@media(prefers-reduced-motion:reduce) {
 #collaborations .lasting-miniature img { transition:none; }
}