/* Date Your Type — custom overrides. Loaded after dyt-brand.css. */

img[src*="logo-scaled"] {
  -webkit-mask-image: radial-gradient(ellipse closest-side, #000 55%, transparent 100%);
  mask-image: radial-gradient(ellipse closest-side, #000 55%, transparent 100%);
}

/* Homepage "What Our Members Say" screenshot tiles.
   The nine tiles are core/cover blocks nested one per .wp-block-column. The
   hero is the only other cover on the page and is top level with no image
   background, so the child combinator reaches exactly those nine.
   The source screenshots run from 0.56 to 1.52 in aspect ratio, so no single
   tile shape can avoid cropping under object-fit: cover - the landscape shots
   lose their left and right margins, which is what sliced the text. contain
   shows each screenshot whole on both axes; the tile's existing tan gradient
   fills the letterbox area. Tile height is already a uniform 360px. */
body.home .wp-block-column > .wp-block-cover > img.wp-block-cover__image-background {
  object-fit: contain;
  object-position: center;
}

body.home .wp-block-column > .wp-block-cover {
  border: 1px solid #C2A368;
  border-radius: 12px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.home .wp-block-column > .wp-block-cover:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(46, 38, 28, 0.16);
}

@media (prefers-reduced-motion: reduce) {
  body.home .wp-block-column > .wp-block-cover {
    transition: none;
  }
  body.home .wp-block-column > .wp-block-cover:hover {
    transform: none;
  }
}

/* Homepage "Our Process" photo column.
   These three are the only figures on the homepage carrying has-custom-border;
   the logo is .size-full.aligncenter with no border, so it is untouched.
   Stored widths were 230/237/245px, which is why the column had no shared
   edge. One width plus a CSS aspect-ratio with object-fit: cover enforces a
   single shape without the block-level aspectRatio + height:auto pairing.
   !important is required only because both values are set inline. */
body.home figure.wp-block-image.has-custom-border {
  width: 240px;
  margin-left: 0;
  margin-right: auto;
}

body.home figure.wp-block-image.has-custom-border > img {
  width: 240px !important;
  aspect-ratio: 9 / 16 !important;
  object-fit: cover;
}