/* 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 auto auto auto auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;width:100%;min-height:110rem;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}
/* Rows 5-8: a half-width pair, then a row of three, appended for this site's
   13 office photos. Row height tracks column width (~12.8rem desktop), so
   min-height above is 8 rows + 7 gaps. Mobile (<=767px) is a flex scroller,
   so it takes any item count without extra rules. */
.bento-gallery-item.g9{grid-area:5/1/7/4}
.bento-gallery-item.g10{grid-area:5/4/7/7}
.bento-gallery-item.g11{grid-area:7/1/9/3}
.bento-gallery-item.g12{grid-area:7/3/9/5}
.bento-gallery-item.g13{grid-area:7/5/9/7}
@media screen and (max-width:991px){.bento-gallery{min-height:77rem}}
@media screen and (max-width:767px){.bento-gallery{padding-right:var(--padding--mobile, 1.25rem);padding-left:var(--padding--mobile, 1.25rem);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%}}