/*
  What the Quiet Proof landing page adds to landing.css, which it shares with
  the Tiny Doors one. Only the art differs, so only the art is described here.

  No colour is written in this file. The mark carries its own inside seam.svg,
  the one drawing on this site not painted from base.css tokens, because it
  belongs to the other app. See DECISIONS.md D148.
*/

.mark {
  display: block;
  width: min(100%, 11rem);
  height: auto;
}

/*
  The door on the other landing page draws its own plinth and pavement, so it
  meets the bottom of the band on purpose. A square panel has nothing to stand
  on, and flush against the edge it reads as cropped rather than placed. This
  is the space that drawing would have filled.
*/
.hero-inner {
  padding-bottom: 2.75rem;
}

/* Matches the door's step up at the width where the hero becomes a row. */
@media (min-width: 48rem) {
  .mark {
    width: 14.5rem;
  }

  .hero-inner {
    padding-bottom: 3.5rem;
  }
}