/* Only fictional asset fitting and the local demo dialog. Source layout CSS is untouched. */
img[data-sample-tile] {
  object-fit: none !important;
  object-position: -99999px -99999px !important;
  background-image: url('assets/barber-scenes.png');
  background-repeat: no-repeat;
  background-size: 306% 306%;
}
.cv-logo-box img { aspect-ratio: 800 / 468; object-fit: contain; }
.cv-footer img { box-sizing: content-box; width: 206px; max-width: 206px; aspect-ratio: 720 / 124; object-fit: cover; object-position: 50% 57%; }
.cv-social-card > img[data-sample-tile="1,1"] { aspect-ratio: 3 / 4; }
.sample-dialog { width: min(90vw, 450px); padding: 28px; border: 2px solid #073a5b; border-radius: 10px; color: #10222d; font-family: inherit; box-shadow: 0 20px 80px #0006; }
.sample-dialog::backdrop { background: #031b2acc; }
.sample-dialog h2 { margin: 0 0 12px; font-size: 22px; color: #073a5b; }
.sample-dialog p { margin: 10px 0; line-height: 1.8; font-size: 14px; }
.sample-dialog button { display: block; margin: 22px auto 0; background: #073a5b; color: #fff; padding: 10px 30px; border: 0; border-radius: 5px; cursor: pointer; }