/* barmSTUDIO Workbench 7.3.4 — reliable screenshot previews.
   7.3.2/3 dynamic height and forced thumbnail scaling are intentionally
   disabled. One stable viewport per card type, original source files,
   natural image proportions, top-aligned crop; no side squeeze or blank bands.
*/
body.bs-v6 .bs7-featured-grid .bs7-case-image,
body.bs-v6 .bs7-featured-grid .bs7-case-lead .bs7-case-image,
body.bs-v6 .bs-project-grid .bs-project-card .bs-project-media {
  --bs-portfolio-bar:33px;
  position:relative!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  width:100%!important;
  overflow:hidden!important;
  background:#eef2f8!important;
  isolation:isolate;
}
/* Five homepage projects: one lead + four smaller, consistently sized. */
body.bs-v6 .bs7-featured-grid .bs7-case-image {aspect-ratio:2 / 1!important}
body.bs-v6 .bs7-featured-grid .bs7-case-lead .bs7-case-image {aspect-ratio:2.1 / 1!important}
/* Standard portfolio, archive, local landing, graphic work and specializations. */
body.bs-v6 .bs-project-grid .bs-project-card .bs-project-media {aspect-ratio:1.85 / 1!important}

/* The browser toolbar does not participate in the screenshot scaling. */
body.bs-v6 .bs7-featured-grid .bs7-case-image>.bs72-browserbar,
body.bs-v6 .bs-project-grid .bs-project-media>.bs72-browserbar {
  position:relative!important;
  top:0!important;
  width:100%!important;
  height:var(--bs-portfolio-bar)!important;
  min-height:var(--bs-portfolio-bar)!important;
  flex:0 0 var(--bs-portfolio-bar)!important;
  z-index:3!important;
}
/* One image viewport; cover preserves the native pixel aspect ratio and
   crops the bottom of tall screenshots. It may gently crop left/right for
   an unusually wide source, never squashes text or project UI. */
body.bs-v6 .bs7-featured-grid .bs7-case-image>img,
body.bs-v6 .bs7-featured-grid .bs7-case-lead .bs7-case-image>img,
body.bs-v6 .bs-project-grid .bs-project-card .bs-project-media>img {
  display:block!important;
  position:absolute!important;
  top:var(--bs-portfolio-bar)!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:calc(100% - var(--bs-portfolio-bar))!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center top!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  scale:none!important;
  filter:none!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
}
body.bs-v6 .bs7-featured-grid .bs7-case-image:hover>img,
body.bs-v6 .bs-project-grid .bs-project-card .bs-project-media:hover>img{
  transform:none!important;
  scale:none!important;
}
/* Proper image-less fallback, without introducing extra card height. */
body.bs-v6 .bs7-featured-grid .bs7-case-image>.bs7-case-image-empty,
body.bs-v6 .bs-project-grid .bs-project-media>.bs-project-placeholder{
  position:absolute!important;
  inset:var(--bs-portfolio-bar) 0 0!important;
  width:100%!important;
  height:calc(100% - var(--bs-portfolio-bar))!important;
  min-height:0!important;
  overflow:hidden!important;
}
@media(max-width:720px){
  body.bs-v6 .bs7-featured-grid .bs7-case-image,
  body.bs-v6 .bs-project-grid .bs-project-card .bs-project-media{--bs-portfolio-bar:29px}
}
@media(max-width:600px){
  body.bs-v6 .bs7-featured-grid .bs7-case-image{--bs-portfolio-bar:25px;aspect-ratio:1.85 / 1!important}
  body.bs-v6 .bs7-featured-grid .bs7-case-lead .bs7-case-image{--bs-portfolio-bar:25px;aspect-ratio:1.95 / 1!important}
  body.bs-v6 .bs-project-grid .bs-project-card .bs-project-media{aspect-ratio:1.72 / 1!important}
  /* The entire tile is linked and its caption has an arrow: keep small
     mobile screenshots free of an oversized overlay button. */
  body.bs-v6 .bs7-featured-grid .bs7-case:not(.bs7-case-lead) .bs7-case-visit{display:none!important}
}