.hero3d-root{position:relative;width:100%}.hero3d-stage{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.hero3d-stage canvas{display:block;width:100%!important;height:100%!important;touch-action:pan-y}.hero3d-scroll{height:800vh}.hero3d-caption{position:absolute;left:0;right:0;top:6%;display:flex;justify-content:center;padding:0 1.5rem;pointer-events:none;z-index:2}.hero3d-caption p{position:relative;margin:0;max-width:26rem;text-align:center;font-family:Poppins,sans-serif;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:600;color:#fff;background:linear-gradient(120deg,#d88a9a,#c9a45c,#d88a9a);background-size:220% 220%;border:2px solid rgba(255,255,255,.55);border-radius:999px;padding:.7rem 1.5rem;text-shadow:0 1px 4px rgba(0,0,0,.25);box-shadow:0 8px 24px #d88a9a73;animation:hero3d-caption-in .4s ease both,hero3d-caption-glow 3.5s ease-in-out infinite,hero3d-caption-shift 6s ease-in-out infinite}@keyframes hero3d-caption-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero3d-caption-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes hero3d-caption-glow{0%,to{box-shadow:0 8px 24px #d88a9a73}50%{box-shadow:0 8px 32px #c9a45cbf}}@media (max-width: 640px){.hero3d-caption{top:84px}.hero3d-caption p{max-width:20rem}}@media (min-width: 641px){.hero3d-caption{top:50%;left:auto;right:4%;transform:translateY(-50%);justify-content:flex-end;max-width:22rem;padding:0}.hero3d-caption p{text-align:left;max-width:22rem}}
