/* SLCDAW gallery: homepage mosaic "Moments From Our Community" */
.slc-gal--home{display:grid;gap:20px;width:100%;
  /* Small columns: 331px at a 1280px-wide grid, 365px at 1520px (Figma 1440 / 1920). */
  grid-template-columns:minmax(0,1fr) repeat(2, calc(14.1667% + 149.67px));
  grid-template-rows:265px 265px;
  grid-template-areas:"a b d" "a c e";}
.slc-gal .slc-gal__item{position:relative;margin:0;min-width:0;border-radius:20px;overflow:hidden;background:#ECF9E9;}
.slc-gal__item--1{grid-area:a;}
.slc-gal__item--2{grid-area:b;}
.slc-gal__item--3{grid-area:c;}
.slc-gal__item--4{grid-area:d;}
.slc-gal__item--5{grid-area:e;}
.slc-gal .slc-gal__img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:50% 50%;}
.slc-gal .slc-gal__item--top .slc-gal__img{object-position:50% 0;}
.slc-gal .slc-gal__item--bottom .slc-gal__img{object-position:50% 100%;}
.slc-gal .slc-gal__label{position:absolute;left:20px;bottom:20px;max-width:calc(100% - 40px);margin:0;padding:10px;border-radius:12px;background:#F9E7CC;color:#2D1B00;font-size:18px;line-height:27px;font-weight:400;text-align:left;}

/* Fewer than 5 photos: keep the boxes full. */
.slc-gal--n4{grid-template-areas:"a b d" "a c d";}
.slc-gal--n3{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"a b" "a c";}
.slc-gal--n2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:550px;grid-template-areas:"a b";}
.slc-gal--n1{grid-template-columns:minmax(0,1fr);grid-template-rows:550px;grid-template-areas:"a";}

.slc-gal-empty{margin:0;color:#414141;}

/* Tablet (Figma 834): the big photo is left out, the four small ones form a 2 x 2 grid. */
@media (max-width:1024px){
  .slc-gal--home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:265px 265px;grid-template-areas:"b d" "c e";}
  .slc-gal--n5 .slc-gal__item--1{display:none;}
  .slc-gal--n4{grid-template-areas:"a b" "c d";}
  .slc-gal--n3{grid-template-areas:"a b" "a c";}
  .slc-gal--n2{grid-template-rows:265px;grid-template-areas:"a b";}
  .slc-gal--n1{grid-template-columns:minmax(0,1fr);grid-template-rows:265px;grid-template-areas:"a";}
}

/* Mobile (Figma 430): the two middle photos, stacked. */
@media (max-width:767px){
  .slc-gal--home,.slc-gal--n2,.slc-gal--n3,.slc-gal--n4{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:265px;grid-template-areas:none;}
  .slc-gal--home .slc-gal__item{grid-area:auto;}
  .slc-gal--n5 .slc-gal__item--4,.slc-gal--n5 .slc-gal__item--5{display:none;}
  .slc-gal--n3 .slc-gal__item--3,.slc-gal--n4 .slc-gal__item--3,.slc-gal--n4 .slc-gal__item--4{display:none;}
  .slc-gal .slc-gal__label{font-size:16px;line-height:24px;}
}