/* =========================================================
   ST Solar — hero.css
   Tam ekran görsel + koyu degrade + sol hizalı içerik
   Önek: .hero-
   ========================================================= */

.hero{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  display:flex;align-items:center;
  overflow:hidden;
  background:var(--navy-900);
}
@supports not (min-height:100svh){
  .hero{min-height:100vh}
}

/* --- Arka plan videosu (poster = videodan kare) --- */
.hero-media{
  position:absolute;inset:0;
  overflow:hidden;
  background:#0b1733 url("../assets/img/hero-poster.jpg") center/cover no-repeat;
}
.hero-video{
  display:block;
  width:100%;height:100%;
  object-fit:cover;object-position:center center;
  /* poster da object-fit'e uyar */
  background:#0b1733 url("../assets/img/hero-poster.jpg") center/cover no-repeat;
}
/* Video kaynağı yüklenmediyse (js/hero.js → .hero-media--static) poster görünür */
.hero-media--static .hero-video{display:none}

/* --- Karartma katmanları --- */
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(8,16,36,.42) 0%,rgba(8,16,36,.18) 46%,rgba(8,16,36,0) 72%),
    linear-gradient(rgba(10,20,40,.35),rgba(10,20,40,.45));
}

/* --- İçerik --- */
.hero-inner{
  position:relative;z-index:2;
  width:100%;
  padding-top:150px;padding-bottom:110px;
}
.hero-content{max-width:960px}

.hero-eyebrow{
  display:block;
  font-size:16px;font-weight:400;line-height:1.5;
  color:var(--white);
  letter-spacing:.2px;
}
.hero-title{
  margin-top:14px;
  max-width:940px;
  font-size:64px;font-weight:600;line-height:1.15;
  letter-spacing:-.5px;
  color:var(--white);
}
.hero-text{
  margin-top:18px;
  max-width:720px;
  font-size:17px;line-height:1.65;
  color:rgba(255,255,255,.92);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1200px){
  .hero-title{font-size:54px}
}
@media (max-width:992px){
  .hero{min-height:640px}
  .hero-inner{padding-top:130px;padding-bottom:80px}
  .hero-title{font-size:44px;max-width:100%}
  .hero-br{display:none}
  .hero-text{font-size:16px}
}
@media (max-width:576px){
  .hero-inner{padding-top:120px;padding-bottom:70px}
  .hero-eyebrow{font-size:14px}
  .hero-title{font-size:34px;letter-spacing:-.2px}
  .hero-text{font-size:15px;margin-top:14px}
  .hero-overlay{
    background:linear-gradient(rgba(10,20,40,.48),rgba(10,20,40,.55));
  }
}

@media (prefers-reduced-motion:reduce){
  .hero-video{display:none}
}