/* /my-work/ hub only: 16 compact site cards (Graphic's card spec) */
.rb-grid16-wrap{padding-left:var(--g);padding-right:var(--g)}
@media (min-width:1200px){.rb-grid16-wrap{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}}
.rb-grid16{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
@media (min-width:700px){.rb-grid16{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
@media (min-width:1200px){.rb-grid16{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}}
.rb-grid16 li{display:flex;min-width:0}
.rb-c{display:flex;flex-direction:column;width:100%;background:var(--card);border:1px solid rgba(17,38,30,.12);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05);color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.rb-c:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08);border-color:var(--green)}
.rb-c:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.rb-c img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid rgba(17,38,30,.12);background:var(--paper2)}
.rb-c-t{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;padding:12px 12px 14px;min-width:0}
.rb-c-n{font-family:var(--sans);font-size:15px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--ink);overflow-wrap:break-word}
.rb-nw{white-space:nowrap}
.rb-c-l{font-family:var(--sans);font-size:13.5px;line-height:1.4;color:var(--soft);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
@media (min-width:700px){.rb-c-t{padding:10px 10px 12px}.rb-c-n{font-size:14px}.rb-c-l{font-size:12.5px}}
.rb-c[target=_blank] .rb-nw::after{content:"";display:inline-block;width:.5em;height:.5em;margin-left:.3em;vertical-align:.05em;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;background:linear-gradient(225deg,transparent 42%,currentColor 42%,currentColor 58%,transparent 58%)}
.rb-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rb-thumbnote{font-family:var(--sans);font-size:13.5px;line-height:1.5;color:var(--soft);margin:14px 0 0}
.rb-thumbnote+.rb-thumbnote{margin-top:4px}
.rb-grid16-after{padding-bottom:clamp(8px,2vw,24px)}
@media (prefers-reduced-motion:reduce){.rb-c,.rb-c:hover{transition:none;transform:none}}