.hero3d-wrap{position:relative;width:100%;height:580px;border-radius:20px;overflow:hidden;margin-bottom:2.5rem;border:1px solid rgba(76,175,80,.25);box-shadow:0 16px 48px rgba(0,0,0,.6);background:#0a140d}.hero3d-wrap a-scene{width:100%;height:100%}.hero3d-title-overlay{position:absolute;bottom:20px;left:24px;pointer-events:none}.hero3d-title-overlay h1{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;color:#fff;margin:0 0 .2rem;text-shadow:0 2px 12px rgba(0,0,0,.8)}.hero3d-title-overlay h1 span{color:#69f0ae}.hero3d-title-overlay p{font-size:.8rem;color:rgba(255,255,255,.45);margin:0}.hero3d-labels{position:absolute;inset:0;pointer-events:none}.hero3d-label{position:absolute;transform:translate(-50%,-50%);pointer-events:all;background:0 0;border:2px solid transparent;border-radius:12px;color:transparent;text-decoration:none;cursor:pointer;width:120px;height:120px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem;transition:border-color .2s,background .2s}.hero3d-label span{display:block;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;background:rgba(10,20,13,.85);border:1px solid rgba(76,175,80,.4);color:#a5d6a7;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:700;backdrop-filter:blur(6px);white-space:nowrap;pointer-events:none}.hero3d-label:hover{border-color:rgba(76,175,80,.35);background:rgba(76,175,80,5%)}.hero3d-label:hover span{opacity:1;transform:translateY(0)}@media(max-width:600px){.hero3d-wrap{height:400px}.hero3d-label{font-size:.72rem;padding:.3rem .7rem}}