/* Transparent rectangular artwork area for the dino catalog. */
body.dinos-page .dino-row .dino-portrait{width:180px;height:140px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;display:grid;place-items:center}
body.dinos-page .dino-row .dino-portrait img{width:100%;height:100%;object-fit:contain;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
@media(min-width:1301px){body.dinos-page .dino-row{grid-template-columns:180px minmax(130px,200px) minmax(130px,220px) minmax(110px,180px) 282px minmax(140px,1fr);padding-top:8px;padding-bottom:8px}}
@media(max-width:1300px) and (min-width:651px){body.dinos-page .dino-row{grid-template-columns:180px minmax(130px,200px) minmax(120px,220px) minmax(100px,1fr)}}
@media(max-width:650px){body.dinos-page .dino-row{grid-template-columns:100px minmax(0,1fr)}body.dinos-page .dino-row .dino-portrait{width:100px;height:90px}}

/* Lift the artwork to match the text line in the shop row. */
@media(min-width:651px){body.dinos-page .dino-row .dino-portrait{transform:translateY(-18px)}}

/* Let wide transparent dinosaur art extend under the name without moving columns. */
@media(min-width:651px){body.dinos-page .dino-row .dino-portrait{width:320px;justify-self:start;position:relative;z-index:0}body.dinos-page .dino-row .dino-portrait img{object-position:left center}body.dinos-page .dino-row .dino-name-cell{position:relative;z-index:1}}

/* Widen the image independently while keeping its previous fixed height. */
@media(min-width:651px){body.dinos-page .dino-row .dino-portrait{width:320px!important;height:140px!important}body.dinos-page .dino-row .dino-portrait img{width:320px!important;height:140px!important;max-width:none!important;max-height:140px!important;object-fit:fill!important;aspect-ratio:auto!important}}

/* A wide transparent area must never distort the saved artwork. */
@media(min-width:651px){body.dinos-page .dino-row .dino-portrait img{object-fit:contain!important;object-position:left center!important}}