.hero-visual--3d{min-width:0;min-height:0;padding-block:36px}
.showcase-card.showcase-3d{width:100%;max-width:560px;aspect-ratio:auto;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:white;transform:none;overflow:visible}
.showcase-3d::before{display:none}
.pin3d-header{padding:22px 16px 8px;position:relative}
.pin3d-header h2{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:14px 0 0;color:white}
.pin3d-header .showcase-chip{background:#ffffff12;color:#a9cdff;border:1px solid #ffffff25}
.pin3d-frame{width:100%;aspect-ratio:1;min-height:320px;background:transparent;position:relative}
.pin3d-native model-viewer{display:block;position:absolute;inset:0;width:100%;height:100%;background:transparent;--poster-color:transparent;--progress-bar-color:#8fbcff;--progress-bar-height:3px}
.pin3d-native model-viewer:focus-visible{outline:2px solid #8fbcff;outline-offset:3px;border-radius:12px}
.pin3d-status{position:absolute;bottom:12px;left:16px;right:16px;margin:0;color:#c8dcf8;text-align:center;font-size:13px;pointer-events:none}
.pin3d-info{padding:10px 16px 24px;background:transparent}
.pin3d-info p{font-size:12px;line-height:1.65;color:#b4c8e6;margin:0 0 12px}
.pin3d-info button{min-height:44px;padding:9px 16px;border:1px solid #ffffff40;background:#ffffff08;color:#e0edff;border-radius:8px;font:inherit;font-size:12px;cursor:pointer}
.pin3d-info button:disabled{opacity:.45;cursor:default}.pin3d-info button:hover:enabled{background:#ffffff18}
.pin3d-info button:focus-visible{outline:2px solid #8fbcff;outline-offset:4px}
.hero-visual--3d .floating-note{pointer-events:none;animation:none}
.hero-visual--3d .floating-note--top{top:0;left:0;transform:translateY(-20%)}
.hero-visual--3d .floating-note--bottom{bottom:0;right:0;transform:translateY(20%)}
@media(max-width:600px){.hero-visual--3d{padding-block:30px}.pin3d-header{padding:20px 10px 12px}.pin3d-info{padding:10px 10px 22px}.pin3d-frame{min-height:280px}.pin3d-header h2{font-size:21px}}

.pin3d-info button{margin:4px 8px 4px 0}