.painting-body{display:grid;grid-template-columns:2fr 1fr;grid-template-areas:"breadcrumbs breadcrumbs" "title title" "date date" "image body";padding:0 40px;grid-gap:20px;align-items:flex-start}.painting-body.orientation-landscape{grid-template-areas:"title date" "body x" "image image"}.painting-body.orientation-landscape .date{justify-self:flex-end}.painting-body.orientation-landscape .body{top:5lh;left:1em}.painting-body.triptych{grid-template-columns:1fr;grid-template-areas:"title" "date" "left" "center" "right" "body"}@media screen and (min-width: 900px){.painting-body.triptych{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"title title date" "left center right" "body body body"}}.painting-body.triptych .painting-image{max-width:400px}.painting-body.triptych .painting-image.left{grid-area:left;margin-right:auto}.painting-body.triptych .painting-image.center{grid-area:center;margin-left:auto;margin-right:auto}.painting-body.triptych .painting-image.right{grid-area:right;margin-left:auto}.painting-body.triptych .body{top:10vh;left:2vw}.painting-body .page-title{grid-area:title;margin:0;padding:0}.painting-body .date{grid-area:date;margin:0;align-self:flex-end}.painting-body .painting-image{position:relative;grid-area:image;display:block;width:100%;height:auto;max-width:1000px;margin:0 auto}.painting-body .painting-image:hover~.body{top:0;left:0}.painting-body .painting-image img{display:block;width:100%;height:auto}.painting-body .body{grid-area:body;position:relative;z-index:1;top:0;left:-5em;max-width:65ex;transition:top .3s,left .3s}