.elementor-46 .elementor-element.elementor-element-50cfd93{--display:flex;}/* Start custom CSS for html, class: .elementor-element-f91e3ff *//* =========================
   WM-STORY HERO
   BLACK & GOLD VERSION
========================= */

.wm-cover{
  position:relative;
  min-height:100vh;
  overflow:hidden;

  background-image:
    linear-gradient(
      90deg,
      rgba(5,5,5,.96) 0%,
      rgba(5,5,5,.82) 38%,
      rgba(5,5,5,.35) 100%
    ),
    url("wm-story-hero-bg.webp");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  display:flex;
  align-items:center;
}

/* Gold Glow */
.wm-cover::before{
  content:"";
  position:absolute;
  top:-10%;
  right:-5%;

  width:700px;
  height:700px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(212,175,55,.18),
      transparent 70%
    );

  pointer-events:none;
}

/* Overlay Texture */
.wm-cover::after{
  content:"";
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size:72px 72px;

  opacity:.25;
  pointer-events:none;
}

.wm-cover-content{
  position:relative;
  z-index:2;

  width:100%;
  max-width:1400px;

  margin:auto;
  padding:180px 60px 120px;

  color:#f5e7c5;
}

/* Logo */
.wm-cover-logo{
  display:inline-flex;
  align-items:center;
  gap:12px;

  margin-bottom:40px;

  color:#d4af37;

  font-size:14px;
  font-weight:700;
  letter-spacing:5px;
  text-transform:uppercase;
}

.wm-cover-logo::before{
  content:"";
  width:48px;
  height:1px;
  background:#d4af37;
}

/* Main Title */
.wm-cover h1{
  max-width:820px;

  font-size:88px;
  line-height:1.02;
  font-weight:600;
  letter-spacing:-3px;

  color:#fff6df;

  text-shadow:
    0 2px 12px rgba(0,0,0,.4);
}

/* EN Subtitle */
.wm-cover-sub{
  margin-top:38px;

  color:#d4af37;

  font-size:14px;
  letter-spacing:6px;
  text-transform:uppercase;

  opacity:.95;
}

/* ZH Subtitle */
.wm-cover-zh{
  margin-top:14px;

  color:rgba(255,240,210,.78);

  font-size:18px;
  letter-spacing:8px;
}

/* Description */
.wm-cover-desc{
  max-width:560px;

  margin-top:50px;

  color:rgba(255,255,255,.68);

  font-size:16px;
  line-height:2.1;
  letter-spacing:.5px;
}

/* Button */
.wm-cover-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  margin-top:48px;
  padding:16px 34px;

  border-radius:999px;

  background:
    linear-gradient(
      135deg,
      #f1d27a,
      #b8892d
    );

  color:#111;

  font-size:13px;
  font-weight:700;
  letter-spacing:2px;

  text-decoration:none;

  box-shadow:
    0 10px 30px rgba(212,175,55,.22);

  transition:.35s;
}

.wm-cover-btn:hover{
  transform:translateY(-4px);

  box-shadow:
    0 14px 40px rgba(212,175,55,.38);
}

/* Decorative Gold Line */
.wm-cover-decoration{
  position:absolute;
  right:10%;
  bottom:12%;

  width:320px;
  height:320px;

  border:1px solid rgba(212,175,55,.35);
  border-radius:50%;

  z-index:1;
}

/* Responsive */
@media(max-width:980px){

  .wm-cover h1{
    font-size:64px;
  }

}

@media(max-width:768px){

  .wm-cover{
    background-position:center right;
  }

  .wm-cover-content{
    padding:140px 24px 90px;
  }

  .wm-cover h1{
    font-size:42px;
    line-height:1.08;
    letter-spacing:-1px;
  }

  .wm-cover-sub{
    font-size:11px;
    letter-spacing:3px;
  }

  .wm-cover-zh{
    font-size:14px;
    letter-spacing:4px;
  }

  .wm-cover-desc{
    font-size:14px;
    line-height:1.9;
  }

  .wm-cover-btn{
    width:100%;
  }

}/* End custom CSS */