.hero-3d{position:relative;min-width:0;width:100%;align-self:center;isolation:isolate}
.hero-3d-visual{position:relative;aspect-ratio:734/692;width:100%;overflow:hidden}
.public-hero .hero-3d-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-height:none;opacity:1;transition:opacity .45s ease}
.hero-3d-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .45s ease;pointer-events:none}
.hero-3d-shadow{position:absolute;left:16%;right:13%;top:69%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#34302024,transparent 67%);filter:blur(9px);opacity:0;transition:opacity .45s ease;pointer-events:none}
.hero-3d[data-state="ready"] .hero-3d-canvas,.hero-3d[data-state="ready"] .hero-3d-shadow{opacity:1}
.hero-3d[data-state="ready"] .hero-3d-poster{opacity:0}
.hero-3d-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#837e71;font:500 9px/1.6 system-ui,sans-serif;letter-spacing:.12em;padding:0 8%}
.hero-3d-label{display:flex;align-items:center;gap:8px}
.hero-3d-label:before{content:"";width:13px;height:1px;background:#bd4828}
.hero-3d-hint{opacity:0;transition:opacity .3s;font-size:8px;letter-spacing:.07em}
.hero-3d[data-state="ready"] .hero-3d-hint{opacity:.75}
.hero-3d-tools{position:absolute;bottom:36px;right:8%;display:flex;align-items:center;gap:5px}
.hero-3d-tools[hidden]{display:none}
.hero-3d-tools button{min-height:30px;border:1px solid #a09a862a;background:#f5f3eecc;color:#685f52;padding:5px 9px;border-radius:3px;font:500 10px/1.4 system-ui;cursor:pointer}
.hero-3d-tools button:hover{border-color:#bd4828;color:#bd4828}
.hero-3d-tools button:focus-visible{outline:2px solid #bd4828;outline-offset:3px}
.hero-3d-rotate{min-width:32px}
@media (max-width:800px){.hero-3d{margin-top:24px}.hero-3d-visual{max-width:440px;margin:auto;aspect-ratio:734/692}.hero-3d-caption{font-size:8px;justify-content:center}.hero-3d-hint{display:none}.hero-3d-tools{left:0;right:0;bottom:28px;justify-content:center;margin:0}.hero-3d-rotate{display:none}.hero-3d-tools button{min-height:32px;font-size:10px}.hero-3d-shadow{filter:blur(6px)}}
@media (prefers-reduced-motion:reduce){.hero-3d-poster,.hero-3d-canvas,.hero-3d-shadow,.hero-3d-hint{transition:none}}