/* Etereo Solutions — fotografije (dodatak uz style.css) */
.photoband{margin:0;position:relative;overflow:hidden;border-radius:14px}
.photoband img{display:block;width:100%;height:100%;object-fit:cover}
.photoband.tall img{aspect-ratio:4/5}
.photoband.wide img{aspect-ratio:21/9}
.photoband.square img{aspect-ratio:3/2}
.photoband figcaption{font-size:.86rem;color:var(--muted);margin-top:10px}

/* Naslovnica: tekst + fotografija */
.herophoto{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.herophoto .photoband{border-radius:16px}
.herophoto .photoband img{aspect-ratio:4/5;filter:contrast(1.04)}

/* Puna traka preko širine sekcije */
.fullband{margin:56px 0;border-radius:16px;overflow:hidden;position:relative}
.fullband img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}
.fullband .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 30px;
  background:linear-gradient(180deg,rgba(16,20,24,0),rgba(16,20,24,.82));color:#fff}
.fullband .cap b{display:block;font-size:1.05rem;font-weight:700}
.fullband .cap span{font-size:.9rem;color:#C8D0DA}

/* Dvije uz tekst */
.photogrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}

@media(max-width:900px){
  .herophoto{grid-template-columns:1fr;gap:28px}
  .photogrid{grid-template-columns:1fr}
  .fullband img{aspect-ratio:16/10}
}

/* --- Video u heroju (naslovnica) --- */
.hero.hasvideo{position:relative;isolation:isolate}
.herovideo{position:absolute;inset:0;overflow:hidden;z-index:0}
.herovideo video{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.hero.hasvideo::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(16,20,24,.94) 0%,rgba(16,20,24,.86) 45%,rgba(16,20,24,.55) 100%)}
.hero.hasvideo .wrap{position:relative;z-index:2}
.hero.hasvideo .heromark{z-index:2;opacity:.14}
@media(max-width:900px){
  .hero.hasvideo::after{background:linear-gradient(180deg,rgba(16,20,24,.92),rgba(16,20,24,.88))}
}
@media (prefers-reduced-motion: reduce){
  .herovideo video{display:none}
  .herovideo{background:url(../video/hero-poster.jpg) center/cover no-repeat}
}