/* ============================================================
   v237 · Gemeinsames Hero-Claim-System + innerer Startseiten-Codefluss
   ============================================================ */

.hero-gold-claim{
  position:relative;
  z-index:5;
  width:max-content;
  max-width:min(760px,calc(100% - 36px));
  margin:16px auto 0!important;
  color:rgba(221,198,133,.88)!important;
  font-size:clamp(.68rem,.78vw,.78rem)!important;
  font-weight:680!important;
  line-height:1.45!important;
  letter-spacing:.022em!important;
  text-align:center!important;
  text-wrap:balance;
}

.hero-gold-claim::before,
.hero-gold-claim::after{
  content:"";
  display:inline-block;
  width:22px;
  height:1px;
  margin:0 12px 3px;
  vertical-align:middle;
  background:linear-gradient(90deg,transparent,rgba(203,183,127,.58));
}
.hero-gold-claim::after{transform:scaleX(-1)}

.hero-field.hero-centered .hero-gold-claim--home{
  margin-top:18px!important;
}

/* Der bestehende Codefluss wird als inneres, nach unten verdichtetes V lesbar. */
.hero-field.hero-centered .detail-system-emblem--home .home-system-source{
  top:3px!important;
  width:352px!important;
  height:214px!important;
  margin-left:-176px!important;
}
.hero-field.hero-centered .detail-system-emblem--home .home-system-code-field{
  inset:0!important;
  overflow:hidden!important;
  -webkit-clip-path:polygon(0 0,100% 0,50% 100%);
  clip-path:polygon(0 0,100% 0,50% 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 86%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 86%,transparent 100%)!important;
}
.hero-field.hero-centered .detail-system-emblem--home .home-system-code-field::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:9px;
  width:1px;
  height:72%;
  background:linear-gradient(180deg,transparent,rgba(203,183,127,.20),rgba(203,183,127,.42),transparent);
  box-shadow:0 0 15px rgba(203,183,127,.10);
}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--33{top:143px!important;left:104px!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--34{top:146px!important;right:103px!important;left:auto!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--35{top:158px!important;left:119px!important;color:rgba(198,177,116,.88)!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--36{top:161px!important;right:118px!important;left:auto!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--37{top:174px!important;left:137px!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--38{top:176px!important;right:135px!important;left:auto!important;color:rgba(198,177,116,.92)!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--39{top:188px!important;left:151px!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--40{top:197px!important;left:145px!important;color:rgba(198,177,116,.86)!important}

@media (max-width:860px){
  .hero-gold-claim{
    max-width:calc(100% - 32px);
    margin-top:12px!important;
    font-size:.66rem!important;
  }
  .hero-gold-claim::before,
  .hero-gold-claim::after{width:14px;margin-left:8px;margin-right:8px}
  .hero-field.hero-centered .detail-system-emblem--home .home-system-source{
    top:4px!important;
    width:278px!important;
    height:188px!important;
    margin-left:-139px!important;
  }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--33{top:126px!important;left:80px!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--34{top:129px!important;right:79px!important;left:auto!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--35{top:140px!important;left:96px!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--36{top:142px!important;right:94px!important;left:auto!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--37{top:153px!important;left:107px!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--38{top:155px!important;right:104px!important;left:auto!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--39{top:166px!important;left:119px!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--40{top:175px!important;left:112px!important}
}

@media (prefers-reduced-motion:reduce){
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment{animation:none!important}
}