/* Asymmetric selected-work bento; project previews fill each tile. */
#work .ref-project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:410px 330px;gap:18px;align-items:stretch}
#work .ref-project-grid>.ref-project{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--ink);border-radius:14px;overflow:hidden;background:var(--bg);position:relative;isolation:isolate}
#work .ref-project:nth-child(1){grid-column:1/span 7;grid-row:1}#work .ref-project:nth-child(2){grid-column:8/span 5;grid-row:1}#work .ref-project:nth-child(3){grid-column:1/span 5;grid-row:2}#work .ref-project:nth-child(4){grid-column:6/span 7;grid-row:2}
#work .ref-project>img{display:block;flex:1;min-height:0;width:100%;height:0;aspect-ratio:auto;object-fit:contain;object-position:center;border:0;border-radius:0;background:var(--muted);box-shadow:none;transition:filter .25s}
#work .ref-project-info{flex:none;min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-top:1px solid var(--line);background:var(--bg)}#work .ref-project h3{font-size:23px;line-height:1.15}#work .ref-project p{font-size:12px;line-height:1.5;margin-top:6px}#work .ref-project-info>span{font-size:24px}#work .ref-project:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(hover:hover) and (pointer:fine){#work .ref-project:hover{border-color:var(--blue);box-shadow:4px 5px 0 var(--ink)}#work .ref-project:hover img{border:0;box-shadow:none;filter:brightness(1.025)}}
@media(max-width:900px){#work .ref-project-grid{grid-template-rows:340px 290px;gap:14px}#work .ref-project-info{padding:16px;min-height:80px}#work .ref-project h3{font-size:20px}}
@media(max-width:600px){#work .ref-project-grid{grid-template-columns:1fr;grid-template-rows:none;gap:18px}#work .ref-project-grid>.ref-project:nth-child(n){grid-column:1;grid-row:auto;min-height:0;border-radius:10px}#work .ref-project>img{flex:none;width:100%;height:auto;aspect-ratio:1.55;object-fit:contain}#work .ref-project-info{min-height:78px;padding:16px 18px}}

/* Five-project composition with full-bleed image crops. */
#work .ref-project-grid{grid-template-rows:360px 320px}#work .ref-project>img{object-fit:cover;background:transparent}#work .ref-project:nth-child(1)>img,#work .ref-project:nth-child(2)>img{object-position:50% 0%}#work .ref-project:nth-child(3){grid-column:1/span 4;grid-row:2}#work .ref-project:nth-child(4){grid-column:5/span 4;grid-row:2}#work .ref-project:nth-child(5){grid-column:9/span 4;grid-row:2}#work .ref-project:nth-child(5)>img{object-position:60% 50%}
@media(min-width:601px) and (max-width:900px){#work .ref-project-grid{grid-template-rows:310px 280px}#work .ref-project h3{font-size:18px}#work .ref-project p{font-size:11px}#work .ref-project-info{padding:14px 12px}}
@media(max-width:600px){#work .ref-project-grid{grid-template-rows:none}#work .ref-project-grid>.ref-project:nth-child(n){grid-column:1;grid-row:auto}#work .ref-project>img{object-fit:cover}}