.sky-hero{
  position:relative;
  width:100%;
  min-height:720px;
  background-image:url('../images/hero-backround.jpg');
  background-size:cover;
  background-position:center right;
  overflow:hidden;
  display:flex;
  align-items:center;
  font-family:'Inter', sans-serif;
}

.sky-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg, rgba(44,26,29,0.92) 0%, rgba(94,0,6,0.62) 0%, rgba(94,0,6,0.25) 100%),
    linear-gradient(180deg, rgba(94,0,6,0.18), rgba(44,26,29,0.75));
  z-index:1;
}

.sky-hero-content{
  position:relative;
  z-index:5;
  max-width:1250px;
  width:100%;
  margin:0 auto;
  padding:70px 24px 55px;
}

.sky-hero-watermark{
  position:absolute;
  top:50%;
  right:8%;
  transform:translateY(-50%);
  width:520px;
  max-width:42vw;
  opacity:0.6;
  z-index:2;
  pointer-events:none;
}

.sky-hero-watermark img{
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 20px 45px rgba(0,0,0,0.45));
}

.sky-hero-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 18px;
  border:1px solid rgba(255,255,255,0.65);
  border-radius:999px;
  color:#FFFFFF;
  font-size:16px;
  font-weight:700;
  margin-bottom:24px;
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(8px);
}

.sky-hero h1{
  max-width:760px;
  margin:0;
  color:#FFFFFF;
  font-family:'Cormorant Garamond', serif;
  font-size:65px;
  line-height:1.02;
  font-weight:700;
  letter-spacing:-1px;
}

.sky-hero p{
  max-width:680px;
  margin:28px 0 0;
  color:rgba(255,255,255,0.88);
  font-size:17px;
  line-height:1.65;
  font-weight:400;
}

.sky-hero-points{
  display:grid;
  gap:12px;
  margin-top:24px;
  max-width:620px;
}

.sky-hero-points span{
  display:flex;
  align-items:center;
  gap:10px;
  color:#FFFFFF;
  font-size:15px;
  font-weight:700;
  line-height:1.45;
}

.sky-hero-points svg{
  width:18px;
  height:18px;
  min-width:18px;
  color:#D53E0F;
}

.sky-hero-buttons{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:34px;
}

.sky-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  font-size:15px;
  font-weight:800;
  text-decoration:none;
  transition:0.3s ease;
}

.sky-btn-accent{
  background:#D53E0F;
  color:#FFFFFF;
  border:1px solid #D53E0F;
}

.sky-btn-accent:hover{
  background:#2C1A1D;
  border-color:#2C1A1D;
}

.sky-btn-outline{
  background:transparent;
  color:#FFFFFF;
  border:1px solid rgba(255,255,255,0.8);
}

.sky-btn-outline:hover{
  background:#FFFFFF;
  color:#2C1A1D;
}

.sky-hero-big-text{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:20px;
  z-index:2;
  margin:0;
  font-family:'Inter', sans-serif;
  font-size:150px;
  line-height:1;
  font-weight:900;
  letter-spacing:-8px;
  color:rgba(255,255,255,0.14);
  text-transform:uppercase;
  pointer-events:none;
  text-align:center;
  width:100%;
}

.sky-hero-shape{
  position:absolute;
  z-index:3;
  border:14px solid rgba(213,62,15,0.42);
  border-radius:50%;
  transform:rotate(-28deg);
  pointer-events:none;
}

.sky-shape-one{
  width:520px;
  height:150px;
  left:260px;
  bottom:115px;
}

.sky-shape-two{
  width:620px;
  height:170px;
  right:-180px;
  top:90px;
}

.sky-hero-btn svg{
  width:18px;
  height:18px;
  margin-right:10px;
  flex-shrink:0;
}

@media(max-width:991px){
  .sky-hero{
    min-height:640px;
    background-position:center;
  }

  .sky-hero-content{
    padding:55px 22px 45px;
  }

  .sky-hero-watermark{
    right:-40px;
    width:420px;
    max-width:48vw;
    opacity:0.12;
  }

  .sky-hero h1{
    font-size:50px;
    max-width:620px;
  }

  .sky-hero p{
    font-size:16px;
    max-width:560px;
  }

  .sky-hero-big-text{
    font-size:95px;
    bottom:-20px;
    letter-spacing:-5px;
  }

  .sky-shape-one{
    width:420px;
    height:120px;
    left:120px;
    bottom:120px;
  }

  .sky-shape-two{
    width:440px;
    height:120px;
    right:-220px;
  }
}

@media(max-width:767px){

  .sky-hero{
    min-height:auto;
  }

  .sky-hero-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(44,26,29,0.95) 0%,
        rgba(94,0,6,0.78) 100%
      );
  }

  .sky-hero-content{
    position:relative;
    z-index:5;
    padding:120px 18px 28px;
  }

  .sky-hero-watermark{
    display:block;
    position:absolute;
    top:14px;
    left:50%;
    right:auto;
    bottom:auto;
    width:185px;
    opacity:0.5;
    transform:translateX(-50%);
    filter:blur(0px);
    z-index:1;
    pointer-events:none;
  }

  .sky-hero-watermark img{
    width:100%;
    height:auto;
    display:block;
  }

  .sky-hero-badge{
    font-size:13px;
    padding:7px 14px;
  }

  .sky-hero h1{
    font-size:39px;
    line-height:1.05;
  }

  .sky-hero p{
    font-size:15px;
    line-height:1.6;
  }

  .sky-hero-points{
    gap:10px;
    margin-top:22px;
  }

  .sky-hero-points span{
    font-size:14px;
    align-items:flex-start;
  }

  .sky-hero-points svg{
    width:17px;
    height:17px;
    min-width:17px;
    margin-top:2px;
  }

  .sky-hero-buttons{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

  .sky-hero-btn{
    width:100%;
    max-width:320px;
    text-align:center;
  }

  .sky-hero-big-text{
    left:50%;
    transform:translateX(-50%);
    font-size:52px;
    bottom:10px;
    letter-spacing:-2px;
    text-align:center;
    color:rgba(255,255,255,0.06);
    z-index:1;
  }

  .sky-hero-shape{
    border-width:9px;
  }

  .sky-shape-one{
    width:300px;
    height:90px;
    left:20px;
    bottom:105px;
  }

  .sky-shape-two{
    display:none;
  }

}