/* The Browser page's figures: real frames of the application, from scripts/capture-user-figures.sh
   (session browser-desktop, browsing the fictional travel magazine in scripts/figures-user/journeys-demo/).
   Cropped, scaled and compressed only. */
.browser-shot{display:block;margin:0 auto 1.35rem;line-height:0}
.browser-shot img{display:block;width:100%;height:auto;border-radius:12px}
.browser-shot-hero{max-width:1040px;margin:2.2rem auto clamp(2.5rem,5vw,4rem);filter:drop-shadow(0 16px 32px #0c093866)}
.browser-pillars{align-items:start}
main .browser-pillars > article{min-width:0;margin:0 auto}
.browser-pillars .browser-shot a{display:block;border-radius:14px}
.browser-pillars .browser-shot img{aspect-ratio:1100/604;object-fit:cover;object-position:left top;border-radius:14px;border:1px solid #e3e1ec;box-shadow:0 14px 36px #25204724}
@media(max-width:700px){
  .browser-shot-hero{margin-top:1.75rem;margin-bottom:2rem}
  .browser-pillars{gap:3.5rem}
  .browser-pillars article{width:100%;max-width:420px}
}