.ak-hero{
  position: relative;
  min-height: 260px;
  padding: 110px 0 42px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

@media (max-width: 768px){
  .ak-hero{ padding: 92px 0 34px; min-height: 220px; }
}

.ak-hero__bg{
  position:absolute; inset:0;
  background-size: cover;
  background-position: center;
  transform: scale(1.06);
  will-change: transform;
}

.ak-hero__bg--fallback{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(80,170,255,.22), transparent 55%),
              radial-gradient(900px 500px at 70% 40%, rgba(0,110,255,.18), transparent 60%),
              linear-gradient(180deg, rgba(8,12,18,.95), rgba(8,12,18,.75));
}

.ak-hero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(7,10,14,.75), rgba(7,10,14,.92));
}

.ak-hero__inner{
  position:relative;
  z-index:2;
}

.ak-hero__crumbs{
  margin-bottom: 14px;
}

.ak-crumbs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  list-style:none;
  padding:0;
  margin:0;
  font-size: 13px;
  color: rgba(255,255,255,.72);
}

.ak-crumbs__item{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.ak-crumbs__item::after{
  content:"/";
  opacity:.55;
}

.ak-crumbs__item:last-child::after{ display:none; }

.ak-crumbs__link{
  color: rgba(120,210,255,.95);
  text-decoration:none;
  transition: opacity .18s ease, color .18s ease;
}

.ak-crumbs__link:hover{ opacity:.9; }

.ak-crumbs__current{
  color: rgba(255,255,255,.80);
}

.ak-hero__title{
  margin: 0;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.ak-hero__desc{
  margin: 10px 0 0;
  max-width: 78ch;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255,255,255,.78);
}

@media (max-width: 768px){
  .ak-hero__desc{ font-size: 15px; }
}

/* entrance anim */
.ak-hero .ak-hero__content{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .5s ease, transform .5s ease;
}

.ak-hero.is-in .ak-hero__content{
  opacity: 1;
  transform: translateY(0);
}