tb-gummy-motion{display:block;position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;color:var(--tb-ink)}
.tb-gummy-motion__art,.tb-gummy-motion__ambient,.tb-gummy-motion canvas{position:absolute;inset:0;width:100%;height:100%}
.tb-gummy-motion__art{z-index:1}
.tb-gummy-motion__ambient{background:radial-gradient(ellipse at 72% 48%,color-mix(in srgb,var(--tb-motion-berry) 12%,transparent),transparent 42%)}
.tb-gummy-motion canvas{display:block;opacity:0;transition:opacity .25s}
.tb-gummy-motion.is-rendered canvas{opacity:1}
.tb-gummy-motion__fallback{display:block;position:absolute;height:95%;width:60%;right:0;top:2.5%}
.tb-gummy-motion.is-rendered .tb-gummy-motion__fallback{visibility:hidden}
.tb-gummy-motion__toggle{position:absolute;right:20px;bottom:18px;z-index:3;display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid var(--tb-line);border-radius:999px;padding:10px 15px;background:var(--tb-white);color:var(--tb-ink);font:700 11px/1.3 var(--tb-font-body);cursor:pointer}
.tb-gummy-motion__toggle[hidden]{display:none}
.tb-gummy-motion__toggle:focus-visible,.tb-gummy-motion__stages button:focus-visible{outline:3px solid var(--tb-ink);outline-offset:4px}
.tb-gummy-motion__signature{position:absolute;left:57%;bottom:8%;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:7px;transform:rotate(-4deg);color:var(--tb-motion-deep)}
.tb-gummy-motion__signature span{font:700 9px/1.3 var(--tb-font-body);letter-spacing:.17em;text-transform:uppercase}
.tb-gummy-motion__signature strong{font:700 39px/1 var(--tb-font-mono);letter-spacing:-.08em}
.tb-gummy-motion__signature i{font-style:normal;opacity:.5}
.tb-gummy-tech__film .tb-gummy-motion{height:auto;aspect-ratio:1;overflow:visible}
.tb-gummy-motion--technology .tb-gummy-motion__ambient{background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--tb-motion-berry) 10%,transparent),transparent 60%)}
.tb-gummy-motion--technology .tb-gummy-motion__art{bottom:60px;height:calc(100% - 60px)}
.tb-gummy-motion--technology .tb-gummy-motion__fallback{width:100%;height:100%;inset:0}
.tb-gummy-motion--technology canvas{height:100%;width:100%}
.tb-gummy-motion__caption{position:absolute;bottom:50px;left:0;right:0;text-align:center;margin:0;font:700 10px/1.4 var(--tb-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--tb-motion-deep)}
.tb-gummy-motion__caption [hidden]{display:none}
.tb-gummy-motion__stages{position:absolute;bottom:0;left:0;display:flex;gap:5px;z-index:3}
.tb-gummy-motion__stages button{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;border:1px solid var(--tb-line);border-radius:50%;font:700 10px/1 var(--tb-font-mono);color:var(--tb-ink);cursor:pointer}
.tb-gummy-motion__stages button[aria-pressed=true]{background:var(--tb-ink);color:var(--tb-white);border-color:var(--tb-ink)}
.tb-gummy-motion--technology .tb-gummy-motion__toggle{bottom:0;right:0}
.tb-gummy-tech__film-credit{line-height:1.6}
.tb-wg-hero--film .tb-wg-hero__film::after{background:linear-gradient(90deg,var(--tb-film-bg) 0%,color-mix(in srgb,var(--tb-film-bg) 97%,transparent) 24%,transparent 49%)}
.tb-wg-hero--film .tb-wg-hero__credit{max-width:250px;font-size:9px;letter-spacing:.02em;background:none}
@media(max-width:989px){
 .tb-gummy-motion__ambient{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tb-motion-berry) 12%,transparent),transparent 64%)}
 .tb-gummy-motion__fallback{width:100%;height:100%;inset:0}
 .tb-gummy-motion__signature{left:12%;bottom:10%;gap:4px;transform:rotate(-5deg)}
 .tb-gummy-motion__signature strong{font-size:26px}
 .tb-gummy-motion__signature span{font-size:7px;letter-spacing:.1em}
 .tb-gummy-motion__toggle{font-size:10px;padding:9px 12px;right:12px;bottom:12px}
 .tb-wg-hero--film .tb-wg-hero__credit{max-width:none}
}
@media(max-width:749px){
 .tb-gummy-tech__film .tb-gummy-motion{aspect-ratio:1}
 .tb-gummy-motion__signature{left:7%;bottom:7%}
 .tb-gummy-motion__signature strong{font-size:22px}
 .tb-gummy-motion--technology .tb-gummy-motion__art{bottom:66px;height:calc(100% - 66px)}
 .tb-gummy-motion__caption{font-size:9px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){.tb-gummy-motion canvas{transition:none}}
