
/* =========================================================
   V23.2 — Homepage gallery
   Fully isolated from /gallery page styles.
   ========================================================= */
body.rebuild-v1 .home-gallery232{
  padding-top:48px;
  padding-bottom:52px;
  background:linear-gradient(180deg,#f7faff 0%,#f3f7fc 100%);
}

body.rebuild-v1 .home-gallery232 .section-head{
  align-items:end;
  margin-bottom:22px;
}

body.rebuild-v1 .home-gallery232__intro{
  margin:7px 0 0;
  color:#718399;
  font-size:11px;
  line-height:1.8;
}

body.rebuild-v1 .home-gallery232__grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:190px 190px;
  gap:14px;
}

body.rebuild-v1 .home-gallery232__card{
  position:relative;
  grid-column:span 3;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border-radius:20px;
  background:#dbe8f5;
  color:#fff;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(7,42,84,.08);
  isolation:isolate;
}

body.rebuild-v1 .home-gallery232__card--featured{
  grid-column:span 6;
  grid-row:span 2;
}

body.rebuild-v1 .home-gallery232__card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

body.rebuild-v1 .home-gallery232__card:hover img{
  transform:scale(1.035);
}

body.rebuild-v1 .home-gallery232__shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(4,22,47,.04) 28%,rgba(4,22,47,.82) 100%);
}

body.rebuild-v1 .home-gallery232__card--featured .home-gallery232__shade{
  background:linear-gradient(180deg,rgba(4,22,47,.02) 25%,rgba(4,22,47,.86) 100%);
}

body.rebuild-v1 .home-gallery232__type{
  position:absolute;
  z-index:3;
  top:14px;
  left:14px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  background:rgba(6,45,91,.58);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:8px;
  font-weight:800;
}

body.rebuild-v1 .home-gallery232__content{
  position:absolute;
  z-index:3;
  right:17px;
  left:17px;
  bottom:15px;
}

body.rebuild-v1 .home-gallery232__content small{
  display:block;
  margin-bottom:4px;
  color:#cfe5fb;
  font-size:8px;
  font-weight:800;
}

body.rebuild-v1 .home-gallery232__content h3{
  margin:0;
  color:#fff;
  font-size:16px;
  line-height:1.5;
}

body.rebuild-v1 .home-gallery232__card--featured .home-gallery232__content{
  right:24px;
  left:24px;
  bottom:23px;
}

body.rebuild-v1 .home-gallery232__card--featured .home-gallery232__content h3{
  font-size:25px;
}

body.rebuild-v1 .home-gallery232__content p{
  max-width:520px;
  margin:7px 0 0;
  color:#e6f1fb;
  font-size:10px;
  line-height:1.8;
}

@media(max-width:980px){
  body.rebuild-v1 .home-gallery232__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:240px 180px 180px;
  }

  body.rebuild-v1 .home-gallery232__card{
    grid-column:auto;
  }

  body.rebuild-v1 .home-gallery232__card--featured{
    grid-column:1/-1;
    grid-row:auto;
  }
}

@media(max-width:620px){
  body.rebuild-v1 .home-gallery232{
    padding-top:38px;
    padding-bottom:40px;
  }

  body.rebuild-v1 .home-gallery232 .section-head{
    align-items:start;
  }

  body.rebuild-v1 .home-gallery232__grid{
    grid-template-columns:1fr;
    grid-template-rows:none;
    gap:12px;
  }

  body.rebuild-v1 .home-gallery232__card,
  body.rebuild-v1 .home-gallery232__card--featured{
    grid-column:auto;
    grid-row:auto;
    height:210px;
  }

  body.rebuild-v1 .home-gallery232__card--featured{
    height:250px;
  }

  body.rebuild-v1 .home-gallery232__card--featured .home-gallery232__content h3{
    font-size:21px;
  }
}
