/* ================= HERO ================= */

.hero{
  position:relative;
  min-height:100vh;
  padding:0 8%;
  display:flex;
  align-items:center;
  background:#0f1012;
  overflow:hidden;
}

/* CONTENT */
.hero-grid{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:center;
}

/* TEXT */
.hero h1{
  font-size:3.2rem;
  line-height:1.2;
  color:#ffffff;
}
.hero h1 span{
  color:var(--gold);
}
.hero p{
  color:#cfcfcf;
}

/* IMAGE — NO BORDER / NO SHADOW */
.image-frame,
.image-frame img{
  border:none;
  box-shadow:none;
  outline:none;
  filter:none;
}
.image-frame img{
  width:115%;
  max-width:720px;
  transform:translateX(40px) translateY(-80px) scale(1.3);
}

/* ================= RAYS ================= */

.rays{
  position:absolute;
  width:220%;
  height:220%;
  top:-60%;
  left:-60%;
  background:conic-gradient(
    rgba(214,177,90,0),
    rgba(214,177,90,0.35),
    rgba(214,177,90,0)
  );
  animation:spin 80s linear infinite;
  opacity:0.45;
  filter:blur(6px);
  z-index:1;
}

@keyframes spin{
  to{ transform:rotate(360deg); }
}

/* ================= BULL ================= */

.bull-bg{
  position:absolute;
  inset:0;
  background:url("../Assets/Bull.png") no-repeat;
  background-position:left bottom;
  background-size:55% auto;
  opacity:0.35;
  z-index:2;
}

/* MOBILE */
@media(max-width:900px){
  .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-right{
    display:none;
  }
}