/* the home page: its own rules, 13 October */

/* the store section's two foot lines: the words sit on one line with their spaces, the underline hugs the words,
   one size step up, the named words heaviest. The site's base rule makes each link a 44 px flex box with a border
   under the box; that box is left here. */
.a3-store-foot .text-link {
  display: inline;
  min-height: 0;
  border: 0;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1.5px;
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--paper);
  padding: 0.35em 0;
}
.a3-store-foot .text-link b {
  font-weight: 800;
}

/* the blog row drifts to the left on its own; the arrows and a finger still move it. Keyed on a class the script sets,
   so a page without the script is the page as it is. Snapping is off while it drifts (snap would fight the drift).
   Off entirely when motion is turned off: the row sits still and the arrows work as before. */
@media (prefers-reduced-motion: no-preference) {
  .a3-blogdrift .bdeck__track {
    scroll-snap-type: none;
    scroll-behavior: auto;
  }
}

/* the blog tiles keep each picture's own shape on every browser engine: the art box grows to hold the picture and the
   title under it; the picture is fitted whole at the tile's width and never takes a height from its box (the site's base
   rule gives it 100 percent of a fixed-shape box). The drift's copies are clones of the tiles and carry the same classes. */
.a3-look2-page .bdeck .btile__art {
  display: block;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  overflow: visible;
}
.a3-look2-page .bdeck .btile__art img {
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0;
  max-height: none;
  aspect-ratio: 960 / 536;
  object-fit: contain;
}
.a3-look2-page .bdeck .btile__t {
  position: static;
}