/* Natural image proportions with narrow flag cards; no duplicate image requests. */
.designs.artwork-grid,.rf-products.artwork-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:1px;grid-auto-flow:row dense;column-gap:10px;row-gap:0;align-items:start;
}
.artwork-grid>[data-artwork-card]{grid-column:span 1;align-self:start;height:max-content;min-width:0;border-radius:16px}
.artwork-grid>[data-artwork-shape="tall"]{grid-column:span 1;border-radius:13px}
.artwork-grid>.empty,.artwork-grid>p{grid-column:1/-1}
.artwork-grid [data-artwork-card]>.ph,
.artwork-grid [data-artwork-card] .rf-product-image{
  display:block;position:relative;aspect-ratio:var(--art-ratio,1);height:auto;min-height:0;background:#fff;overflow:hidden;
}
.artwork-grid [data-artwork-card] .ph img,
.artwork-grid [data-artwork-card] .rf-product-image img{
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform:none;
}
.artwork-grid>[data-artwork-card]:hover .ph img{transform:none}
.artwork-grid .design .meta{padding:9px 10px 10px;gap:5px;min-height:86px;box-sizing:border-box}
.artwork-grid .design .name{font-size:13px;line-height:1.45;min-height:2.9em;overflow-wrap:anywhere}
.artwork-grid .design .price{font-size:16px;line-height:1.4}
.artwork-grid .design .price small{font-size:10px;line-height:1.5}
.design-kind{display:none}
.artwork-grid .design-kind{display:flex;flex-direction:column;gap:2px;font-size:10px;line-height:1.5;color:var(--muted);min-width:0}
.artwork-grid .design-kind span,.artwork-grid .design-kind code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.artwork-grid .design-kind code{font:10px/1.5 ui-monospace,monospace;color:#a05b7a}
.artwork-grid .rf-product>a{height:auto;display:block}
.artwork-grid .rf-product-info{height:auto;min-height:100px;box-sizing:border-box;padding:10px;gap:5px}
.artwork-grid .rf-product-info h3{font-size:13px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;overflow-wrap:anywhere}
.artwork-grid .rf-product-info>small{font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.artwork-grid .rf-product-info strong{font-size:18px;line-height:1.4;padding-right:36px}
.artwork-grid .rf-product-info i{width:30px;height:30px;right:9px;bottom:10px}
.artwork-grid .rf-product-info i svg{width:18px;height:18px}
.artwork-grid .rf-favorite{height:30px;width:30px;top:7px;right:7px}
.artwork-grid .rf-favorite svg{width:19px;height:19px}
.artwork-grid>[data-artwork-shape="tall"] .meta,
.artwork-grid>[data-artwork-shape="tall"] .rf-product-info{padding:8px;min-height:100px}
.artwork-grid>[data-artwork-shape="tall"] .name,
.artwork-grid>[data-artwork-shape="tall"] .rf-product-info h3{font-size:12px}
.artwork-grid>[data-artwork-shape="tall"] .rf-product-info strong{font-size:14px;padding-right:0}
.artwork-grid>[data-artwork-shape="tall"] .rf-product-info i{display:none}
@media(max-width:359px){
  .designs.artwork-grid,.rf-products.artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .artwork-grid>[data-artwork-card],.artwork-grid>[data-artwork-shape="tall"]{grid-column:span 1}
  .artwork-grid .rf-product-info strong{font-size:16px;padding-right:0}
  .artwork-grid .rf-product-info i{display:none}
}
@media(min-width:640px){
  .designs.artwork-grid,.rf-products.artwork-grid{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:12px}
  .artwork-grid>[data-artwork-card]{grid-column:span 2}
  .artwork-grid>[data-artwork-shape="tall"]{grid-column:span 1}
}
@media(min-width:960px){
  .designs.artwork-grid,.rf-products.artwork-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  .artwork-grid>[data-artwork-card]{grid-column:span 3}
  .artwork-grid>[data-artwork-shape="tall"]{grid-column:span 2}
}
@media(min-width:1200px){
  .artwork-grid>[data-artwork-shape="tall"]{grid-column:span 1}
  #home-new.artwork-grid,[data-founding-products].artwork-grid{grid-template-columns:repeat(10,minmax(0,1fr))}
  #home-new.artwork-grid>[data-artwork-card],[data-founding-products].artwork-grid>[data-artwork-card]{grid-column:span 2}
  #home-new.artwork-grid>[data-artwork-shape="tall"],[data-founding-products].artwork-grid>[data-artwork-shape="tall"]{grid-column:span 1}
}
/* A row of similar flags can use the whole row, including when there are fewer items. */
#related.artwork-grid[data-artwork-kind="tall"]{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}
#related.artwork-grid[data-artwork-kind="tall"]>[data-artwork-card]{grid-column:span 1}