/* 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;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;width:100%;min-height:82rem;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-6: two wide half-width cells appended for this site's extra office
   photos. Mobile (<=767px) is a flex scroller, so it takes any item count. */
.bento-gallery-item.g9{grid-area:5/1/7/4}
.bento-gallery-item.g10{grid-area:5/4/7/7}
@media screen and (max-width:991px){.bento-gallery{min-height:57rem}}
@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%}}

/* section-tag pill icons (#446 Exhibit E) */
.tag-text-2{gap:.45rem}
.tag-text-2 .tag-icon{width:1em;height:1em;flex:none;background-color:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
