.gallery{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.2rem;grid-column-start:1;grid-row-start:1;grid-row-end:3;align-content:start;width:96%;max-width:860px;margin:2rem auto;transition:all 222ms linear}.gallery *{transition:all 333ms ease-out}.gallery input[type="radio"]{display:none}.gallery label{position:relative;display:block;padding-bottom:60%;margin:.1rem;cursor:pointer;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.gallery label:before{content:"";position:absolute;left:-0.15rem;right:-0.15rem;bottom:-0.15rem;top:-0.15rem;border:.1rem solid var(--primary-background-color);transition:border 222ms linear}.gallery label:hover:before,.gallery input[name="select"]:checked+label:before{border-color:var(--text-color-hilite-1)}.gallery img{display:none;grid-column-start:1;grid-column-end:5;grid-row-start:1;grid-row-end:2;width:100%;background-position:center center;background-size:contain;background-repeat:no-repeat;margin-bottom:.5rem;transition:all 222ms linear}.gallery input[name="select"]:checked+label+img{display:block}.gallery-double{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;margin:1.5rem auto}.gallery-double .gBox{width:100%;text-align:center;margin:0 auto 1.5rem auto}.gallery-double .gBox img{width:100%;max-width:620px;height:auto;border:0 solid;border-radius:.42rem;margin:0 auto}@media screen and (max-width:900px){.gallery-double{display:block}}