/* Home — Facility glimpse (4 portrait shots → /prostor/).
   Light paper band that visually previews the facility before the
   visitor commits to clicking through. Hover lifts each tile and
   scales the image; an image-tag chip at the bottom-left names the
   space. A single text link below points to the full gallery. */

.glimpse{
  padding:100px 0 110px;
  background:var(--paper);
  position:relative;overflow:hidden;
}

/* Decorative orb — kept very subtle. */
.glimpse::before{
  content:"";position:absolute;
  bottom:-180px;left:-160px;
  width:480px;height:480px;border-radius:50%;
  background:radial-gradient(circle, rgba(207,226,221,.5), transparent 70%);
  pointer-events:none;
}

.glimpse .wrap{position:relative;z-index:1}

.glimpse-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.glimpse-card{
  position:relative;display:block;
  border-radius:18px;overflow:hidden;
  aspect-ratio:4/5.2;
  background:var(--cream);
  border:1px solid var(--line);
  text-decoration:none;
  isolation:isolate;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),
             box-shadow .35s ease,
             border-color .25s ease;
}
.glimpse-card img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.glimpse-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 50%, rgba(10,42,39,.55));
  z-index:1;pointer-events:none;
  transition:opacity .3s ease;
}

.glimpse-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 50px -22px rgba(10,42,39,.32);
  border-color:var(--mint);
}
.glimpse-card:hover img{transform:scale(1.08)}

/* Image-tag chip — bottom-left. */
.glimpse-tag{
  position:absolute;
  left:14px;bottom:14px;z-index:2;
  display:inline-flex;align-items:center;
  padding:7px 14px;border-radius:100px;
  background:rgba(252,250,244,.92);
  color:var(--pine);
  border:1px solid rgba(255,255,255,.5);
  font-family:"Hanken Grotesk",sans-serif;
  font-size:.74rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;
  backdrop-filter:blur(6px);
  box-shadow:0 4px 12px -6px rgba(10,42,39,.25);
}

/* Footer link. */
.glimpse-foot{
  margin-top:40px;
  text-align:center;
}
.glimpse-link{
  display:inline-flex;align-items:center;gap:10px;
  font-family:"Hanken Grotesk",sans-serif;
  font-weight:700;font-size:1rem;color:var(--teal);
  text-decoration:none;
  padding:14px 26px;
  border:1.5px solid var(--mint);
  border-radius:100px;
  transition:background .25s ease, border-color .25s ease, transform .25s ease, color .25s ease;
}
.glimpse-link svg{transition:transform .3s ease}
.glimpse-link:hover{
  background:var(--mint-50);
  border-color:var(--teal);
  color:var(--pine);
  transform:translateY(-2px);
}
.glimpse-link:hover svg{transform:translateX(4px)}

/* --- Responsive --- */
@media(max-width:980px){
  .glimpse{padding:78px 0 86px}
  .glimpse-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .glimpse-card{aspect-ratio:4/4.6}
}
@media(max-width:560px){
  .glimpse{padding:64px 0 72px}
  .glimpse-grid{grid-template-columns:1fr;gap:14px}
  .glimpse-card{aspect-ratio:4/3.2}
  .glimpse-foot{margin-top:30px}
}