/* ==========================================================================
   POÉM DECOR — HOME.CSS
   Stiluri specifice paginii principale: video hero mare (contenit, nu
   full-screen), 6 carduri statice de servicii, portofoliu, contact.
   Încărcat doar pe Acasă.
   ========================================================================== */

/* ---------------- Video hero — mare, contenit, NU full-screen ---------------- */
.video-hero { padding-block: calc(var(--space-xl) + 3.5rem) var(--space-lg); }
.video-hero__frame {
  position: relative;
  width: min(1400px, 90%);
  margin-inline: auto;
  height: clamp(420px, 52vw, 640px);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}
.video-hero__frame video,
.video-hero__frame img {
  width: 100%; height: 100%; object-fit: cover;
}
.video-hero__scrim {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(43,38,34,0.1) 0%, rgba(43,38,34,0.15) 40%, rgba(43,38,34,0.62) 100%);
}
.video-hero__content {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
  text-align: center;
  padding: var(--space-lg) var(--space-md);
  color: var(--color-ivory);
}
.video-hero__brand {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3.4vw, 2.6rem);
  margin-bottom: 0.4rem;
}
.video-hero__tagline {
  font-size: 1.05rem;
  max-width: 44ch;
  opacity: 0.92;
  margin-bottom: var(--space-sm);
}
@media (max-width: 900px) {
  .video-hero__frame { width: 94%; height: clamp(340px, 80vw, 480px); }
}

/* ---------------- 6 carduri mari de servicii (fără slider) ---------------- */
.services-grid-section { padding-block: var(--space-xl); }
.service-card-large {
  position: relative;
  display: block;
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 4/5;
  box-shadow: var(--shadow-card);
  transition: transform var(--dur-med) var(--ease-premium), box-shadow var(--dur-med) var(--ease-premium);
}
.service-card-large:hover { transform: translateY(-6px); box-shadow: var(--shadow-soft); }
.service-card-large img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform var(--dur-slow) var(--ease-premium);
}
.service-card-large:hover img { transform: scale(1.05); }
.service-card-large::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(0deg, rgba(43,38,34,0.72) 0%, rgba(43,38,34,0.05) 55%);
}
.service-card-large__label {
  position: absolute; left: var(--space-sm); right: var(--space-sm); bottom: var(--space-sm);
  z-index: 1;
  color: var(--color-ivory);
}
.service-card-large__label h3 { color: var(--color-ivory); font-size: 1.35rem; margin-bottom: 0.2rem; }
.service-card-large__label span {
  font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.05em;
  opacity: 0; transform: translateY(6px);
  transition: opacity var(--dur-fast) var(--ease-premium), transform var(--dur-fast) var(--ease-premium);
  display: inline-block;
}
.service-card-large:hover .service-card-large__label span { opacity: 0.9; transform: translateY(0); }

/* ---------------- Portofoliu (secțiune Acasă) ---------------- */
.home-portfolio { padding-block: var(--space-xl); }

/* ---------------- Contact (secțiune Acasă) ---------------- */
.home-contact { padding-block: var(--space-xl); }