@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&display=swap');

.akr-hero *{box-sizing:border-box;margin:0;padding:0}
.akr-hero{
  border-radius:20px;
  position:relative;width:100%;height:88vh;min-height:560px;
  overflow:hidden;
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:#000;
}

.akr-slides-container {
  position:absolute;inset:0;
}

/* ---- slides ---- */
.akr-slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity 1.1s ease,visibility 1.1s ease;
  transform:scale(1.05);
}
.akr-slide.active{opacity:1;visibility:visible;animation:akrZoom 7s ease forwards}
@keyframes akrZoom{from{transform:scale(1.08)}to{transform:scale(1)}}

.akr-bg-image {
  position:absolute;inset:0;
  background-size:cover;background-position:center;
}

.akr-bg-video {
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
}

.akr-slide::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.15) 100%);
  pointer-events:none;
}

/* ---- content ---- */
.akr-content{
  position:absolute;left:0;top:0;z-index:3;
  height:100%;width:100%;
  display:flex;flex-direction:column;justify-content:center;
  padding:0 64px;max-width:760px;
}
.akr-desc{
  color:#f3efe9;font-size:17px;line-height:1.55;max-width:430px;
  margin-bottom:18px;opacity:0;
}
.akr-title{
  font-family:'Playfair Display',Georgia,serif;
  color:#fff !important;font-size:72px;line-height:1.02;font-weight:500;
  margin-bottom:34px;opacity:0;
}
.akr-btn{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:10px;
  border:1.5px solid rgba(255,255,255,.7);color:#fff !important;text-decoration:none;
  font-size:14px;letter-spacing:.5px;
  padding:13px 30px;border-radius:40px;background:rgba(255,255,255,.06);
  backdrop-filter:blur(2px);opacity:0;
  transition:background .4s ease,border-color .4s ease,transform .4s ease;
}
.akr-btn:hover{background:rgba(255,255,255,.95);color:#262420;border-color:#fff;transform:translateY(-2px)}

.akr-slide.active ~ .akr-content .akr-desc{animation:akrUp .8s ease .25s forwards}
.akr-slide.active ~ .akr-content .akr-title{animation:akrUp .9s ease .4s forwards}
.akr-slide.active ~ .akr-content .akr-btn{animation:akrUp .9s ease .6s forwards}
@keyframes akrUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}

/* ---- counter ---- */
.akr-counter{
  position:absolute;left:64px;bottom:42px;z-index:4;
  color:#fff;font-size:15px;letter-spacing:2px;
}
.akr-counter b{font-weight:600}
.akr-counter span{opacity:.6}

/* ---- arrows ---- */
.akr-nav{
  position:absolute;right:48px;bottom:36px;z-index:4;
  display:flex;gap:14px;
}
.akr-arrow{
  width:52px;height:52px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.55);background:#fff !important;
  color:#000 !important;cursor:pointer;display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(2px);
  transition:background .35s ease,transform .35s ease,border-color .35s ease;
}
.akr-arrow:hover{background:#fff;color:#262420;border-color:#fff;transform:scale(1.08)}
.akr-arrow svg{width:20px;height:20px}

@media(max-width:900px){
  .akr-content{padding:0 36px;max-width:100%}
  .akr-title{font-size:52px}
  .akr-counter{left:36px}
  .akr-nav{right:28px}
}
@media(max-width:600px){
  .akr-hero{height:82vh;min-height:480px}
  .akr-content{padding:0 22px}
  .akr-desc{font-size:15px}
  .akr-title{font-size:38px;margin-bottom:26px}
  .akr-btn{padding:11px 24px;font-size:13px}
  .akr-counter{left:22px;bottom:30px;font-size:13px}
  .akr-nav{right:18px;bottom:26px;gap:10px}
  .akr-arrow{width:44px;height:44px}
}