.hvh{position:relative;width:min(96vw,1060px);aspect-ratio:11/7;margin:clamp(-150px,-13vh,-84px) auto 0;pointer-events:none;--hg:#C9A87C;--hn:#B07D62;--hc:#FFF8F3;--hi:#1A1A1A;--he:cubic-bezier(.22,.61,.36,1)}
.hvh .pxp-hv-chip{pointer-events:auto}.hvh .pxp-hv-cut{display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:30%;height:auto;z-index:1;filter:drop-shadow(0 40px 46px rgba(120,80,55,.26));will-change:transform}
.hvh .pxp-hv-svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}
.hvh .pxp-hv-line{stroke:url(#pxpLineGrad);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;opacity:.95;filter:url(#pxpLineGlow)}
.hvh .pxp-hv-echo{stroke:var(--hg);stroke-width:1;stroke-dasharray:2 7;stroke-linecap:round;stroke-linejoin:round}
.hvh .pxp-hv-elbow{fill:var(--hc);stroke:var(--hn);stroke-width:1.5}
.hvh .pxp-hv-ring{fill:none;stroke:rgba(176,125,98,.5);stroke-width:1}
.hvh .pxp-hv-dot{fill:var(--hn)}
.hvh .pxp-hv-ping{fill:none;stroke:var(--hn);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:hvhPing 2.6s var(--he) infinite}
.hvh .pxp-hv-dotwrap:nth-of-type(6) .pxp-hv-ping{animation-delay:.65s}
.hvh .pxp-hv-dotwrap:nth-of-type(7) .pxp-hv-ping{animation-delay:1.3s}
.hvh .pxp-hv-dotwrap:nth-of-type(8) .pxp-hv-ping{animation-delay:1.95s}
@keyframes hvhPing{0%{transform:scale(1);opacity:.85}72%{transform:scale(2.5);opacity:0}100%{opacity:0}}
.hvh .pxp-hv-chip{display:flex;position:absolute;z-index:3;align-items:center;gap:11px;padding:9px 18px 9px 9px;border-radius:16px;background:rgba(255,252,248,.82);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 40px rgba(120,80,55,.18),inset 0 1px 0 rgba(255,255,255,.9);white-space:nowrap;transition:box-shadow .4s var(--he)}
.hvh .pxp-hv-chip:hover{box-shadow:0 22px 52px rgba(120,80,55,.28)}
.hvh .pxp-hv-chip-ic{width:32px;height:32px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#C9A87C,#B07D62);color:#fff;box-shadow:0 4px 12px rgba(176,125,98,.4)}
.hvh .pxp-hv-chip-tx{display:flex;flex-direction:column;gap:2px;text-align:left}
.hvh .pxp-hv-chip-tx b{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--hi);line-height:1.2}
.hvh .pxp-hv-chip-tx small{font-size:10.5px;color:#6B615A;letter-spacing:.02em;line-height:1.2}
.hvh .pxp-hv-chip-1{right:80.7%;top:52.1%;transform:translate(-8px,-50%)}
.hvh .pxp-hv-chip-2{left:84.3%;top:46.8%;transform:translate(8px,-50%)}
.hvh .pxp-hv-chip-3{left:75.9%;top:26.8%;transform:translate(8px,-50%)}
.hvh .pxp-hv-chip-4{right:78.9%;top:86.8%;transform:translate(-8px,-50%)}
@media(max-width:860px){
  .hvh{width:100%;height:auto;aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;margin:8px auto 0}
  .hvh > picture{grid-column:1 / -1;justify-self:center;width:min(58%,240px);margin:0 auto 4px;display:block}.hvh .pxp-hv-cut{position:static;width:100%;height:auto;margin:0;transform:none!important}
  .hvh .pxp-hv-svg{display:none}
  .hvh .pxp-hv-chip{position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto!important;max-width:none;white-space:normal;padding:12px 12px;gap:9px;border-radius:14px;opacity:1!important;align-self:stretch}
  .hvh .pxp-hv-chip-ic{width:28px;height:28px}
  .hvh .pxp-hv-chip-tx b{font-size:10px;line-height:1.28;letter-spacing:.02em;word-break:normal;overflow-wrap:break-word;hyphens:auto}
  .hvh .pxp-hv-chip-tx small{display:block;font-size:9.5px;line-height:1.3}
}
@media(prefers-reduced-motion:reduce){.hvh .pxp-hv-ping{animation:none}}