.hero-3d{position:relative;flex:1 1 auto;width:100%;max-width:1480px;min-height:400px;margin:0 auto;--clawd-eye: var(--water)}.h3d-word{position:absolute;left:0;right:0;top:2%;z-index:0;text-align:center;pointer-events:none;overflow:hidden;white-space:nowrap;font:400 clamp(110px,14.9vw,264px)/1 var(--mono);color:#f4f8f021;letter-spacing:0;user-select:none}.h3d-word span{display:inline-block}.h3d-word.typing span{animation:h3dtype .55s steps(7,end) both}@keyframes h3dtype{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}html[data-theme=dark] .h3d-word{color:#e2f0ea12}.h3d-island{position:absolute;left:1.5%;right:1.5%;bottom:62px;height:168px;z-index:0;pointer-events:none}.h3d-island canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.h3d-stage{position:absolute;inset:0 0 116px;z-index:1}.h3d-stage svg{width:100%;height:100%;display:block}.say{position:absolute;z-index:3;max-width:min(420px,84vw);padding:13px 16px 14px;border-radius:8px;background:var(--pop);border:1px solid rgba(15,43,43,.22);box-shadow:4px 4px #0f2b2b59,0 22px 46px -26px #041e1c99;text-align:left;animation:h3dsay .38s var(--ease) both}.say:after{content:"";position:absolute;left:calc(var(--tail, 40px) - 8px);bottom:-8px;width:16px;height:16px;background:var(--pop);border-right:1px solid rgba(15,43,43,.22);border-bottom:1px solid rgba(15,43,43,.22);transform:rotate(45deg)}.say b{display:block;font:400 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px}.say span{font-size:15.5px;line-height:1.45;color:var(--ink);white-space:pre-wrap}html[data-theme=dark] .say{box-shadow:4px 4px #00000073,0 24px 50px -28px #000c}@keyframes h3dsay{0%{opacity:0;transform:translateY(10px) scale(.95)}}.h3d-picks{position:absolute;left:0;right:0;bottom:70px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;z-index:2;pointer-events:none}.h3d-picks button{pointer-events:auto;display:inline-flex;align-items:baseline;gap:8px;padding:7px 11px 6px;border-radius:5px;border:1px solid rgba(15,43,43,.2);background:var(--s1);color:var(--ink);cursor:pointer;box-shadow:0 2px #0f2b2b38;transition:transform .12s var(--ease),box-shadow .12s,background .15s}.h3d-picks button b{font:700 15px/1 var(--display);font-stretch:118%;letter-spacing:-.01em}.h3d-picks button i{font:400 11px/1 var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.h3d-picks button:hover{transform:translateY(-2px);box-shadow:0 4px #0f2b2b38}.h3d-picks button.on{background:var(--accent);border-color:#0f2b2b;box-shadow:0 3px #0f2b2b}.h3d-picks button.on b{color:#0f2b2b}.h3d-picks button.on i{color:#3a1806}.h3d-talk{position:absolute;left:50%;bottom:8px;transform:translate(-50%);width:min(600px,calc(100% - 24px));display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;background:var(--s1);border:1px solid rgba(15,43,43,.22);box-shadow:4px 4px #0f2b2b4d;z-index:2}.h3d-to{flex:none;font:400 11px/1 var(--mono);text-transform:uppercase;color:var(--muted);padding:0 4px 0 10px}.h3d-talk input{flex:1;height:42px;border-radius:5px;padding:0 10px;border:0;background:transparent;font-size:15.5px}.h3d-talk input:focus{box-shadow:none;background:transparent}.h3d-talk .btn{border-radius:5px;padding:0 20px;height:42px}@media (max-width: 760px){.hero-3d{min-height:0;height:540px;flex:none}.h3d-word{top:3%;font-size:26vw}.h3d-island{left:4%;right:4%;bottom:112px;height:120px}.h3d-stage{bottom:150px;touch-action:pan-y}.h3d-picks{display:flex;gap:6px;bottom:64px;flex-wrap:nowrap;justify-content:center;padding:0 8px;overflow-x:auto;scrollbar-width:none}.h3d-picks button{padding:7px 8px 6px}.h3d-picks button i{display:none}.h3d-picks button b{font-size:13.5px}.h3d-to{display:none}}