/* Ten measured reference slots. Image content is fitted without stretching. */
.art-scroll{display:grid;position:relative;height:auto;min-height:0;padding:0;grid-template-columns:calc(6vw - 11px) repeat(8,minmax(0,1fr)) calc(6vw - 11px);grid-template-rows:repeat(63,minmax(24px,auto));gap:11px;overflow:visible;isolation:isolate}
.reference-frame{position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-width:0;min-height:0;margin:0;align-self:stretch;container-type:size}
.reference-frame a{position:absolute;left:50%;top:50%;width:min(100cqw,calc(100cqh * var(--art-ratio)));height:auto;aspect-ratio:var(--art-ratio);transform:translate(-50%,-50%);overflow:hidden}
.reference-frame img{position:absolute;display:block;max-width:none;object-fit:fill;width:var(--image-width,100%);height:var(--image-height,100%);left:var(--image-left,0);top:var(--image-top,0)}
.name-rail{grid-area:9/2/12/10;position:sticky;top:calc(50svh - var(--name-height,16vw)/2);bottom:auto;left:auto;width:auto;height:auto;margin:0;padding:0;align-self:start;transform:none!important;z-index:12;will-change:auto;display:flex;align-items:center}
.artist-name{width:100%;line-height:1.18}
.frame-0{grid-area:1/2/9/10;z-index:1}
.frame-1{grid-area:14/5/22/11;z-index:4}
.frame-2{grid-area:12/1/18/6;z-index:2}
.frame-3{grid-area:20/1/26/7;z-index:9}
.frame-4{grid-area:26/6/33/11;z-index:3}
.frame-5{grid-area:29/1/36/6;z-index:10}
.frame-6{grid-area:34/6/39/11;z-index:5}
.frame-7{grid-area:41/3/50/9;z-index:7}
.frame-8{grid-area:40/1/46/5;z-index:5}
.frame-9{grid-area:52/2/60/10;z-index:6}
@media(min-width:768px){
.art-scroll{--reference-container:min(3000px,98vw);grid-template-columns:calc(1vw - 11px) repeat(24,minmax(0,1fr)) calc(1vw - 11px);grid-template-rows:repeat(109,minmax(calc(var(--reference-container)*.0215),auto))}
.name-rail{grid-area:102/2/109/26;position:sticky;top:auto;bottom:0;align-self:stretch;align-items:flex-end;height:auto;width:auto;padding:0}
.frame-0{grid-area:1/5/17/23;z-index:3}
.frame-1{grid-area:23/16/36/24;z-index:1}
.frame-2{grid-area:22/1/38/12;z-index:2}
.frame-3{grid-area:43/1/60/14;z-index:7}
.frame-4{grid-area:43/19/51/26;z-index:6}
.frame-5{grid-area:68/2/78/9;z-index:8}
.frame-6{grid-area:65/15/80/27;z-index:9}
.frame-7{grid-area:69/11/82/17;z-index:10}
.frame-8{grid-area:50/16/61/22;z-index:4}
.frame-9{grid-area:89/6/106/22;z-index:5}
}
.gallery-source-1{--art-ratio:1.2670157068;--image-width:100.00000000%;--image-height:100.00000000%;--image-left:0.00000000%;--image-top:0.00000000%}
.gallery-source-2{--art-ratio:1.0000000000;--image-width:100.00000000%;--image-height:100.00000000%;--image-left:0.00000000%;--image-top:0.00000000%}
.gallery-source-3{--art-ratio:1.3333333333;--image-width:100.00000000%;--image-height:100.00000000%;--image-left:0.00000000%;--image-top:0.00000000%}
.gallery-source-4{--art-ratio:1.0464926591;--image-width:100.00000000%;--image-height:100.00000000%;--image-left:0.00000000%;--image-top:0.00000000%}
.gallery-source-5{--art-ratio:0.9122322046;--image-width:151.51515152%;--image-height:138.21700069%;--image-left:-25.75757576%;--image-top:-18.65929509%}
.gallery-source-6{--art-ratio:0.9793530626;--image-width:140.54813774%;--image-height:137.64624914%;--image-left:-20.59030218%;--image-top:-18.44459738%}
.gallery-source-7{--art-ratio:0.7106017192;--image-width:201.61290323%;--image-height:143.26647564%;--image-left:-50.20161290%;--image-top:-22.85100287%}
.gallery-source-8{--art-ratio:0.9344146685;--image-width:150.94339623%;--image-height:141.04372355%;--image-left:-25.66037736%;--image-top:-20.45133992%}
.gallery-source-9{--art-ratio:0.8491083676;--image-width:161.55088853%;--image-height:137.17421125%;--image-left:-31.09854604%;--image-top:-18.24417010%}
.gallery-source-10{--art-ratio:1.2735739232;--image-width:125.41133455%;--image-height:159.72060536%;--image-left:-12.97989031%;--image-top:-37.60186263%}

/* New homepage photographs: preserve full studio portrait and mask only screenshot bars. */
.gallery-source-peter-green{--art-ratio:0.7284768212;--image-width:100%;--image-height:100%;--image-left:0%;--image-top:0%}
.gallery-source-paris-portrait{--art-ratio:0.7243852459;--image-width:100%;--image-height:157.3770491803%;--image-left:0%;--image-top:-28.6885245902%}

/* Homepage presentation: brighter pigment, deeper blacks and a little more scale.
   Display-only adjustments preserve original source files and the collage order. */
.home .reference-frame img{filter:contrast(1.12) saturate(1.14) brightness(1.025)}
.home .gallery-source-peter-green img{filter:contrast(1.09) saturate(1.07) brightness(1.025)}
.home .gallery-source-paris-portrait img{filter:contrast(1.17) saturate(1.02) brightness(1.04)}
.home .gallery-source-3 img,.home .gallery-source-4 img{filter:contrast(1.10) saturate(1.08) brightness(1.025)}
.home .reference-frame a{scale:1.045;transform-origin:center}
.home .gallery-source-peter-green a{scale:1.025}

.home .art-scroll{overflow-x:clip}

/* Opening image: the complete photograph of Peter between his two paintings. */
.gallery-source-peter-two-paintings{--art-ratio:1.5846338535;--image-width:100%;--image-height:100%;--image-left:0%;--image-top:0%}
.home .gallery-source-peter-two-paintings img{filter:contrast(1.07) saturate(1.08) brightness(1.035)}
.home .gallery-source-peter-two-paintings a{scale:1.025}