/* Leap bento gallery — canonical 8-image layout ported from the Esposito master
   (visually identical to the w-node grid-area rules there, but addressed with
   .g1-.g8 classes so scaffolded markup stays readable). Injected by
   create-site.py gallery; safe to ship unused. */
.bento-gallery{grid-column-gap:1rem;grid-row-gap:1rem;grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;width:100%;min-height:55rem;display:grid}
.bento-gallery-item{color:#fff;text-align:center;border-radius:.5rem;flex:none;justify-content:center;align-items:center;width:100%;padding:2em;display:flex;position:relative;overflow:hidden}
.bento-gallery .bento-image{z-index:1;object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0% auto 0% 0%}
.bento-gallery-item.g1{grid-area:span 2/span 4/span 2/span 4}
.bento-gallery-item.g2{grid-area:span 1/span 2/span 1/span 2}
.bento-gallery-item.g3,.bento-gallery-item.g4,.bento-gallery-item.g6{grid-area:span 1/span 1/span 1/span 1}
.bento-gallery-item.g5{grid-area:span 2/span 2/span 2/span 2}
.bento-gallery-item.g7{grid-area:4/3/5/4}
.bento-gallery-item.g8{grid-area:span 2/span 3/span 2/span 3}
@media screen and (max-width:991px){.bento-gallery{min-height:38rem}}
@media screen and (max-width:767px){.bento-gallery{padding-right:var(--padding--mobile);padding-left:var(--padding--mobile);grid-column-gap:1rem;grid-row-gap:1rem;grid-auto-columns:1fr;min-height:20rem;display:flex;overflow:scroll}.bento-gallery-item.narrow{width:50%}}
@media screen and (max-width:479px){.bento-gallery-item{width:95%;max-height:130vw}.bento-gallery-item.narrow{width:70%}}