/*
  Page-specific styles for: Rosendin Electric (classic template)
  Loaded AFTER css/base.css and css/classic.css, so anything here overrides
  them for this page only. Put per-page layout tweaks in this file so a
  fix for this case study can never affect any other page.
  Scope every rule under #case-rosendin-electric.
*/

/* Source PDF pairs a tall portrait photo (photo-2) against two stacked
   landscape photos (photo-1 above photo-3) in the other column. A 2-col
   grid with photo-2 spanning both rows reproduces that instead of the
   guessed PDF-relative widths. */
#case-rosendin-electric .vbc-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 18px;
}
#case-rosendin-electric .vbc-gallery__item {
    width: auto;
    overflow: hidden;
}
#case-rosendin-electric .vbc-gallery__item:nth-child(1) { aspect-ratio: 3 / 2; }
#case-rosendin-electric .vbc-gallery__item:nth-child(2) { grid-row: span 2; }
#case-rosendin-electric .vbc-gallery__item:nth-child(3) { aspect-ratio: 2 / 1; }
#case-rosendin-electric .vbc-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 480px) {
    #case-rosendin-electric .vbc-gallery { grid-template-columns: 1fr; }
    #case-rosendin-electric .vbc-gallery__item:nth-child(2) {
        grid-row: auto;
        aspect-ratio: 1 / 1;
    }
}