/* Visual refinements layered over the generated site stylesheet. */
.vineCanopy {
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 58%,
    rgba(0, 0, 0, 0.82) 72%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 58%,
    rgba(0, 0, 0, 0.82) 72%,
    transparent 100%
  );
}

.heroActions { grid-template-columns: 1.25fr 0.85fr 0.85fr; width: min(900px, 100%); }
.heroGuide { text-align:left; background:linear-gradient(135deg,rgba(39,54,43,.94),rgba(22,33,26,.9)); border:1px solid rgba(224,199,134,.55); align-items:center; justify-content:space-between; gap:12px; min-height:84px; padding:17px 18px 17px 22px; transition:.2s; display:flex; font:500 12px Cinzel,serif; box-shadow:inset 0 0 0 3px rgba(207,180,119,.04),0 16px 45px rgba(0,0,0,.18) }
.heroGuide:hover { background:rgba(38,52,42,.96); border-color:rgba(224,199,134,.8); transform:translateY(-2px) }
.actionIcon { color:#e4c982; background:linear-gradient(145deg,rgba(224,199,134,.16),rgba(130,151,127,.1)); border:1px solid rgba(224,199,134,.5); border-radius:50%; flex:0 0 34px; place-items:center; width:34px; height:34px; font:500 17px/1 Manrope,sans-serif; display:grid; box-shadow:inset 0 0 0 3px rgba(207,180,119,.05),0 5px 18px rgba(0,0,0,.2) }
.actionIconCoin { color:#ead18e; font-size:14px }
.heroDonate { column-gap:12px; grid-template-columns:1fr auto }
.heroDonate .actionIcon { grid-area:1/2/3/3 }
.heroDonate>span { grid-column:1 }.heroDonate small { grid-column:1 }.heroDonate>b { display:none }
.download { background:linear-gradient(135deg,rgba(39,54,43,.96),rgba(22,33,26,.92)); border-color:rgba(232,207,145,.78); outline:1px solid rgba(224,199,134,.34); outline-offset:3px; padding:17px 18px 17px 22px; box-shadow:inset 0 0 0 3px rgba(207,180,119,.06),0 16px 45px rgba(0,0,0,.24) }
.download:before,.download:after { display:none }
.download>span { font-size:13px }
.download>b { color:#e4c982; background:linear-gradient(145deg,rgba(224,199,134,.18),rgba(130,151,127,.12)); border:1px solid rgba(224,199,134,.58); border-radius:50%; place-items:center; width:34px; height:34px; padding:0; font:500 17px/1 Manrope,sans-serif; display:grid; box-shadow:inset 0 0 0 3px rgba(207,180,119,.05),0 5px 18px rgba(0,0,0,.2) }
.download:hover { outline-color:rgba(232,207,145,.62) }
@media (width <= 900px) { .heroActions { grid-template-columns:1fr 1fr }.download { grid-column:1/3 } }
@media (width <= 760px) { .heroActions { grid-template-columns:1fr }.download { grid-column:auto } }

.translationProgress {
  width:100%;
  margin:22px 0 28px;
  padding:0 13px;
  position:relative;
}
.translationProgress:before,.translationProgress:after { content:"◆"; color:#d7bc78; background:#17221a; border:1px solid rgba(224,199,134,.72); width:22px; height:22px; display:grid; place-items:center; position:absolute; z-index:3; top:50%; font-size:7px; transform:translateY(-50%) rotate(45deg); box-shadow:0 0 0 3px #111a14,0 4px 13px rgba(0,0,0,.5); }
.translationProgress:before { left:2px; }
.translationProgress:after { right:2px; }
.translationProgressTrack { background:linear-gradient(#08100b,#111b13 48%,#080e0a); border:2px solid #bda465; outline:1px solid rgba(232,207,145,.28); outline-offset:3px; height:34px; padding:4px; overflow:hidden; position:relative; box-shadow:inset 0 4px 10px rgba(0,0,0,.78),0 7px 20px rgba(0,0,0,.3); }
.translationProgressTrack:before { content:""; pointer-events:none; border:1px solid rgba(245,221,160,.18); position:absolute; z-index:2; inset:2px; }
.translationProgressTrack i { background:linear-gradient(#9db083 0,#718e69 45%,#405f43 52%,#78906a 100%); border-right:1px solid #dfca8e; display:block; width:0; min-width:0; height:100%; position:relative; transition:width .7s ease; box-shadow:0 0 16px rgba(126,161,111,.65),inset 0 2px rgba(231,242,215,.3),inset 0 -2px rgba(20,39,24,.55); }
.translationProgressTrack>strong { color:#f2ead9; text-shadow:0 2px 3px #000,0 0 7px #000; white-space:nowrap; pointer-events:none; position:absolute; z-index:4; inset:0; display:grid; place-items:center; font:600 17px Cinzel,serif; letter-spacing:.025em; }

@media (width <= 500px) {
  .translationProgress { padding-inline:10px; }
  .translationProgress:before,.translationProgress:after { width:18px; height:18px; }
  .translationProgressTrack { height:31px; }
  .translationProgressTrack>strong { font-size:15px; }
}

.vineCanopy::before,
.vineCanopy::after {
  inset: -10px -14px -14px;
  filter: blur(1.5px) saturate(0.94);
}

@media (width <= 500px) {
  .vineCanopy {
    height: clamp(270px, 72vw, 340px);
    opacity: 0.7;
    -webkit-mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 46%,
      rgba(0, 0, 0, 0.76) 66%,
      transparent 96%
    );
    mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 46%,
      rgba(0, 0, 0, 0.76) 66%,
      transparent 96%
    );
  }

  .intro h1 {
    font-size: clamp(32px, 9.5vw, 44px);
    line-height: 1.05;
    letter-spacing: -0.045em;
  }

  .identity b {
    font-size: 12px;
  }
}