/* MITANO shared image cropping
   Locks image wrappers to fixed aspect ratios and fills them with
   object-fit:cover. Loaded after assets/css/style.css so equal-specificity
   rules win without needing !important. */

.law-about-img-1,
.law-about-img-2,
.law-ab-avata,
.da-team-img,
.about-sv-img,
.ha-portfolio__item-img,
.pf-single-item,
.pf-details-banner-img1,
.pf-details-img-gl,
.contact-img-1 {
   width: 100%;
   overflow: hidden;
}

/* Positioning needed for overlay pseudo-elements */
.pf-single-item,
.ha-portfolio__item-img {
   position: relative;
}

/* --- aspect ratios --- */

/* About page side-by-side portraits */
.law-about-img-1,
.law-about-img-2 {
   aspect-ratio: 3 / 4;
}

/* About page author avatar */
.law-ab-avata {
   aspect-ratio: 1 / 1;
   max-width: 90px;
}

/* About page team photos */
.da-team-img {
   aspect-ratio: 1 / 1;
   /* style.css already sets border-radius: 8px; overflow:hidden clips the image */
}

/* Landscape cards: about services, homepage slider, portfolio grids,
   project-detail gallery */
.about-sv-img,
.ha-portfolio__item-img,
.pf-single-item,
.pf-details-img-gl {
   aspect-ratio: 4 / 3;
}

/* Wide banner images */
.pf-details-banner-img1,
.contact-img-1 {
   aspect-ratio: 16 / 9;
}

/* Cancel the utility padding on the contact image so the ratio is exact */
.contact-img-1 {
   padding-bottom: 0;
}

/* Preserve 3-D tilt inside the crop box on project-details gallery items */
.pf-details-img-gl {
   transform-style: preserve-3d;
}

/* Image fill */
.law-about-img-1 img,
.law-about-img-2 img,
.law-ab-avata img,
.da-team-img img,
.about-sv-img img,
.ha-portfolio__item-img img,
.pf-single-item img,
.pf-details-banner-img1 img,
.pf-details-img-gl img,
.contact-img-1 img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}