.tr-stage{position:relative;width:100%;overflow:hidden;background:#2a1d12;container-type:size}.tr-stage.tr-embedded{position:absolute;inset:0;width:auto}.tr-poster,.tr-host,.tr-final{position:absolute;inset:0}.tr-frame{position:absolute}.tr-frame-wide{inset:0;margin:auto;width:min(100cqw,100cqh * var(--photo-ratio, 1));height:auto;aspect-ratio:var(--photo-ratio, 1)}.tr-frame img{position:absolute;inset:0;width:100%;height:100%;display:block}.tr-ambient{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(22px) brightness(.5) saturate(1.1)}.tr-bare{mask-composite:intersect;-webkit-mask-composite:source-in}.tr-host{pointer-events:none}.tr-host canvas{display:block;width:100%;height:100%}.tr-stage[data-phase=loading] .tr-host,.tr-stage[data-phase=static] .tr-host{visibility:hidden}.tr-final{opacity:0;pointer-events:none}.tr-stage[data-phase=done] .tr-final,.tr-stage[data-phase=static] .tr-final{opacity:1;transition:opacity .3s ease-out}.tr-copy{position:absolute;border:0;background:transparent;transform-origin:50% 50%;pointer-events:none}.tr-stage[data-stops][data-phase=done] .tr-final,.tr-stage[data-stops][data-phase=static] .tr-final{pointer-events:auto;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tr-stage[data-stops] .tr-final img{-webkit-user-drag:none}.tr-stage[data-stops] .tr-final .tr-frame{transition:left .55s cubic-bezier(.3,.7,.2,1),top .55s cubic-bezier(.3,.7,.2,1),width .55s cubic-bezier(.3,.7,.2,1),height .55s cubic-bezier(.3,.7,.2,1)}.tr-stage[data-moved] .tr-host{visibility:hidden}.tr-stops{position:absolute;z-index:1;left:50%;bottom:5.2rem;display:flex;transform:translate(-50%)}.tr-stops button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer}.tr-stops button:before{width:8px;height:8px;border-radius:4px;background:#fff9;box-shadow:0 0 0 1px #1e18122e,0 1px 3px #1e181240;content:"";transition:width .3s ease,background-color .3s ease}.tr-stops button[aria-pressed=true]:before{width:20px;background:#fff}.tr-stops button:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:14px}@media(prefers-reduced-motion:reduce){.tr-stage[data-stops] .tr-final .tr-frame{transition:none}}.tr-stage.tr-plain{overflow:visible;background:transparent}.tr-frame-fill{inset:0}.tr-plain .tr-frame{container-type:size}.tr-plain[data-phase=done] .tr-host{opacity:0;transition:opacity .3s ease-out}.tr-plain .tr-frame img.tr-picture{object-fit:fill}
