.brand-mark{
  display:block;
  width:37px;
  height:37px;
  flex:0 0 37px;
  border-radius:10px;
  object-fit:contain;
  background:var(--forest);
  box-shadow:0 2px 7px rgba(25,52,37,.16);
}

/* Real application screenshots: show the whole original image without cropping. */
.device-frame--screenshot{max-width:560px;padding:10px}
.device-frame--screenshot img{display:block;width:100%;height:auto;object-fit:contain;background:#101f18;border-radius:10px}
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery figure{box-shadow:0 10px 24px rgba(25,52,37,.08)}
.gallery img{display:block;width:100%;height:auto;object-fit:contain;background:#15251c}
@media(max-width:900px){.device-frame--screenshot{max-width:560px;width:100%}}