/* At a glance: 4-col mosaic, plated food lead 2x2 + 4 tiles (≤ 860px section at 1440) */
.sec.glance{padding-block:clamp(64px,6.6vw,96px)}
.glance .sec-head{margin-bottom:32px}
.glance .sec-more{margin-top:28px}
.glance .mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,clamp(160px,16.7vw,240px));gap:16px}
.glance .ph{display:block;width:100%;height:100%;padding:0;border:0;cursor:zoom-in;color:inherit}
.glance .ph picture{display:block;width:100%;height:100%}
.glance .ph:focus-visible{outline:2px solid var(--dark-ink);outline-offset:3px}
.glance .t-pud{grid-column:1/3;grid-row:1/3}
.glance .t-rav{grid-column:3;grid-row:1}
.glance .t-buf{grid-column:4;grid-row:1}
.glance .t-noo{grid-column:3;grid-row:2}
.glance .t-fn{grid-column:4;grid-row:2}
.glance .sec-more .btn{font-variant-numeric:tabular-nums}

/* tablet and phone: 2 columns, lead full width, 4 tiles below */
@media (max-width:900px){
  .glance .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px}
  .glance .mosaic>.ph{grid-column:auto;grid-row:auto;height:auto;aspect-ratio:4/3}
  .glance .mosaic>.t-pud{grid-column:1/-1;aspect-ratio:3/2}
}
@media (max-width:600px){
  .glance .mosaic>.ph{aspect-ratio:4/5}
  .glance .mosaic>.t-pud{aspect-ratio:1/1}
}

/* lightbox counter on the theme's .lb shell */
.lb .lb-n{position:absolute;top:28px;left:24px;color:var(--dark-mute);font-size:15px;font-variant-numeric:tabular-nums}
.lb img{touch-action:pan-y}
@media (prefers-reduced-motion:reduce){.lb,.glance .ph img{transition:none}}