/* Ic sayfa hero bandi (.page-hero), eyebrow, baslik, hero butonlari */

.page-hero{
  position:relative;
  min-height:430px;
  display:none;
  align-items:flex-end;
  padding:88px var(--page-pad) 72px;
  overflow:hidden;
  background:var(--deep);
  color:#fff;
}
.page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(13,34,29,.9) 0%, rgba(13,34,29,.66) 52%, rgba(13,34,29,.28) 100%),
    var(--hero-image) center/cover;
}
.page-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:32%;
  background:linear-gradient(0deg, rgba(13,34,29,.78), transparent);
}
.hero-inner{
  position:relative;
  z-index:1;
  width:min(900px,100%);
}
.eyebrow{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:4px;
  background:rgba(255,255,255,.12);
  color:#e5efeb;
  font-size:12px;
  font-weight:850;
  text-transform:uppercase;
}
.page-hero h1{
  margin:18px 0 0;
  max-width:900px;
  font-size:clamp(38px,5vw,64px);
  line-height:1.08;
}
.page-hero p{
  max-width:760px;
  margin:18px 0 0;
  color:rgba(255,255,255,.84);
  font-size:20px;
  line-height:1.55;
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:13px 18px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#fff;
  color:var(--deep);
  font-weight:850;
}
.button.secondary{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.3);
  color:#fff;
}