.product-motion{min-width:0;scroll-margin-top:calc(var(--space-chapter) * 2);position:relative}.product-motion-stage{aspect-ratio:8/5;border-radius:var(--corner-public);background:var(--background);border:var(--border-width) solid var(--border);isolation:isolate;position:relative;overflow:hidden}.product-motion-film{pointer-events:none;position:absolute;inset:0}.product-motion-camera{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.product-motion-camera img{-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute}.product-motion-base,.product-motion-layer{position:absolute;inset:0}.product-motion-poster{height:100%}.product-motion-poster>img{object-fit:cover;object-position:center 11.6667%;width:100%;height:100%}.product-motion-cursor,.product-motion-pulse{pointer-events:none;transform-origin:0 0;position:absolute;top:0;left:0}.product-motion-cursor{width:var(--icon-navigation);height:var(--type-title);margin-top:calc(0px - var(--space-optical));margin-left:calc(0px - var(--space-optical));filter:drop-shadow(0 var(--space-optical) var(--space-optical) color-mix(in srgb, var(--site-wordmark) 20%, transparent))}.product-motion-cursor svg{width:100%;height:100%;display:block;overflow:visible}.product-motion-cursor path{fill:var(--foreground);stroke:var(--background);stroke-width:1.5px;stroke-linejoin:round}.product-motion-pulse{width:var(--icon-feature);height:var(--icon-feature);margin:calc(0px - var(--space-related));border:var(--space-optical) solid rgb(var(--modul));border-radius:var(--corner-pill);transform-origin:50%}.product-motion-poster[hidden],.product-motion-film[hidden]{display:none}@media (prefers-reduced-motion:reduce){.product-motion-cursor,.product-motion-pulse{display:none}.product-motion-camera{will-change:auto}}
.motion-study-gallery{padding-top:var(--space-chapter);padding-bottom:var(--space-chapter)}.motion-study-gallery .page-content{padding-top:0;padding-bottom:0}.motion-study-picker{gap:var(--space-inline);margin-bottom:var(--space-layout);flex-wrap:wrap;display:flex}.motion-study-viewer{max-width:var(--dialog-workspace);margin-inline:auto}.motion-study-heading{gap:var(--space-inline);margin-bottom:var(--space-section);flex-direction:column;display:flex}.motion-study-heading p{max-width:var(--reading-max)}.product-motion.motion-study-art{background:0 0;padding:0}.motion-study-stage{aspect-ratio:8/5;border-radius:var(--corner-public);background:var(--background);border:var(--border-width) solid var(--border);isolation:isolate;position:relative;overflow:hidden}.motion-study-world{transform-origin:0 0;width:800px;height:500px;position:absolute}.motion-study-scene{transform-origin:0 0;perspective:1000px;width:800px;height:500px;position:absolute}.motion-study-layer{transform-origin:0 0;will-change:transform, opacity;position:absolute;top:0;left:0}.motion-study-layer[data-layer=value]{border-radius:var(--corner-control);box-shadow:var(--lift-lg);overflow:hidden}.motion-study-layer img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.motion-study-frame{position:absolute;inset:0}.motion-study-content{border-radius:var(--corner-control);width:100%;position:relative;overflow:hidden}.motion-study-target{pointer-events:none;width:0;height:0;position:absolute}.motion-study-region,.motion-study-part,.motion-study-flight{pointer-events:none;position:absolute}.motion-study-region{opacity:0}.motion-study-part,.motion-study-flight{transform-origin:50%;overflow:hidden}.motion-study-part-cover{background:var(--background)}.motion-study-part-skeleton{background:var(--muted);border-radius:var(--corner-control)}.motion-study-part-focus{background:color-mix(in srgb, rgb(var(--modul)) 6%, transparent);box-shadow:inset 0 0 0 var(--border-width) rgb(var(--modul));border-radius:var(--corner-control)}.motion-study-part-press{background:var(--foreground);border-radius:var(--corner-control)}.motion-study-flight{border-radius:var(--corner-detail)}.motion-study-links{pointer-events:none;width:800px;height:500px;position:absolute;inset:0;overflow:visible}.motion-study-links path{fill:none;stroke:rgb(var(--modul));stroke-width:var(--border-width);stroke-dasharray:1;stroke-linecap:round;opacity:.65}.motion-study-links circle{fill:rgb(var(--modul))}.motion-study-surface{border-radius:var(--corner-overlay);box-shadow:var(--lift-lg);overflow:hidden}.motion-study-poster{width:100%;height:100%;display:block}.motion-study-poster[hidden]{display:none}.motion-study-path{width:800px;height:500px;position:absolute;inset:0;overflow:visible}.motion-study-path path{fill:none;stroke:rgb(var(--module-mb));stroke-width:var(--space-optical);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.motion-study-controls{justify-content:space-between;align-items:center;gap:var(--space-group);margin-top:var(--space-group);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.motion-study-layer{will-change:auto}}.motion-study-stage:is([data-study="02"],[data-study="03"]){background:var(--site-product-surface)}.motion-study-stage:is([data-study="02"],[data-study="03"]) .motion-study-poster{border-radius:var(--corner-overlay);width:88%;height:88%;box-shadow:var(--lift-lg);position:absolute;top:6%;left:6%}.motion-study-inset{padding:var(--space-section);background:var(--background)}.motion-study-cursor,.motion-study-click{pointer-events:none;opacity:0;transform-origin:0 0;position:absolute;top:0;left:0}.motion-study-cursor{width:var(--icon-feature);height:var(--type-title);filter:drop-shadow(0 var(--space-optical) var(--space-optical) var(--backdrop))}.motion-study-cursor svg{width:100%;height:100%;display:block;overflow:visible}.motion-study-cursor path{fill:var(--foreground);stroke:var(--background);stroke-width:1.5px;stroke-linejoin:round}.motion-study-click i{width:var(--icon-feature);height:var(--icon-feature);border:var(--space-optical) solid rgb(var(--modul));border-radius:var(--corner-pill);position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.motion-study-cursor,.motion-study-click{display:none}}.motion-study-stage .motion-study-poster[data-full-stage]{width:100%;height:100%;box-shadow:none;border-radius:0;top:0;left:0}.film-sent-question{height:100%;padding:var(--space-related) var(--space-group);background:var(--secondary);border-radius:var(--corner-control);font-size:var(--type-body);line-height:var(--leading-body);color:var(--foreground);justify-content:center;align-items:center;display:flex}.film-recommendation{height:100%;padding:var(--space-section);justify-content:center;gap:var(--space-inline);font-size:var(--type-body);line-height:var(--leading-body);background:var(--background);flex-direction:column;display:flex}.film-recommendation p{margin:0}.film-recommendation strong{font-weight:var(--weight-semibold)}