/* TahūR 3D mounts (Builder 2). The mount's size and place belong to the layout; these rules only stack the canvas over the poster.
   :where() keeps every rule here at zero specificity, so any layout rule for .t3d or .t3d-poster wins. */
:where(.t3d){position:relative}
:where(.t3d) .t3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity .45s cubic-bezier(.2,.7,.1,1)}
:where(.t3d) .t3d-poster{transition:opacity .45s cubic-bezier(.2,.7,.1,1)}
/* the poster stays until the first frame is drawn, then the two cross-fade */
:where(.t3d.t3d-ready) .t3d-canvas{opacity:1}
:where(.t3d.t3d-ready) .t3d-poster{opacity:0}
/* phones: one-finger horizontal drag spins the hero jar; vertical drags still scroll the page */
:where(.t3d) .t3d-canvas.t3d-touch{pointer-events:auto;touch-action:pan-y}
@media (prefers-reduced-motion:reduce){:where(.t3d) .t3d-canvas,:where(.t3d) .t3d-poster{transition:none}}