/* Each frame follows its photograph, so the full image fills it without gutters. */
.items{min-inline-size:0;grid-template-columns:repeat(3,minmax(0,1fr));}
.item,.item-main,.item-top,.item-name,.item-sub,.item-desc{min-inline-size:0;max-inline-size:100%;}
.item-imgwrap{flex:0 0 auto;inline-size:100%;aspect-ratio:auto;max-block-size:none;position:relative;overflow:hidden;background:#eee8e1;}
.item-imgwrap .item-thumb{display:block;inline-size:100%;block-size:auto;max-inline-size:100%;object-fit:contain;object-position:center;background:#eee8e1;transform:none;}
.item:hover .item-thumb{transform:none;}
.item-imgwrap .item-thumb.alt{inset:0;block-size:100%;background:#eee8e1;}
.item-imgwrap .item-picture{display:block;}
.item-imgwrap .item-thumb[hidden]{display:none!important;}
@media(prefers-reduced-motion:reduce){.item-imgwrap .item-thumb.alt{display:none;}}
.item-imgwrap .dots i{background:rgba(18,10,15,.4);box-shadow:0 0 0 2px rgba(242,235,228,.7);}
.item-imgwrap .dots i.on{background:var(--magenta);}
.cat-head{min-inline-size:0;flex-wrap:wrap;}
.cat-head h2,.cat-head .sub{min-inline-size:0;max-inline-size:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.25;}
.item-top{flex-wrap:wrap;}
.item-name,.item-sub,.item-desc{overflow-wrap:anywhere;}
@media(max-width:1040px){.items{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.items{grid-template-columns:minmax(0,1fr);}}
@media(hover:none){.item:hover{transform:none;}}