.home-surface{height:100dvh;overflow:hidden}.home-header{z-index:var(--layer-header);position:absolute;inset:0 0 auto}.coverflow{z-index:var(--layer-carousel);isolation:isolate;height:100dvh;position:relative;overflow:hidden}html:has(.detail-overlay.is-visible:not(.is-closing)) .coverflow{visibility:hidden}html.is-detail-opening:has(.detail-overlay.is-visible:not(.is-closing)) .coverflow{visibility:visible}html:has(.detail-overlay.is-visible.is-live-video-entry) .coverflow{visibility:visible}.coverflow-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer;position:absolute;inset:70px 0 130px}@media (width>=621px){.coverflow-stage{box-sizing:border-box;padding-block:70px;inset:0 0 60px}.coverflow-track{height:100%}}.coverflow-track{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.coverflow-project{transition:transform calc(var(--motion-cover-duration-ms) * 1ms) var(--motion-cover-ease) calc(var(--motion-cover-start-ms) * 1ms), opacity .45s ease;margin:0;position:absolute}.coverflow-open{appearance:none;width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.coverflow-open:focus-visible{outline:0}.coverflow-project .slot{width:100%;height:100%}.coverflow-project .frame{width:100%;height:100%;box-shadow:0 16px 45px #00000026}.coverflow-project .screen-media{object-fit:cover;pointer-events:none;width:100%;height:100%}.coverflow-preview,.coverflow-quality-media{width:100%;height:100%;position:absolute;inset:0}.coverflow-preview{z-index:0}.coverflow-quality-media{z-index:1}.coverflow-quality-media>.screen-media{width:100%;height:100%}.coverflow-project .video-poster-overlay{transition:opacity .45s var(--ease);display:block}.coverflow-project .video-poster-overlay.is-instant{transition:none}.coverflow-caption{top:var(--coverflow-caption-center-y,calc(100% - 96px));text-align:center;pointer-events:none;gap:6px;width:100%;padding:0 24px;display:grid;position:absolute;transform:translateY(-50%)}.coverflow-caption h1{font-size:var(--type-reading);letter-spacing:-.025em;margin:0;font-weight:600}.coverflow-company{font-size:var(--type-supporting);color:var(--muted);margin:0;font-weight:500}.coverflow-navigation{bottom:max(28px, env(safe-area-inset-bottom));align-items:center;gap:18px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.project-stepper{--stepper-inset:10px;--comb-ink:#383e41;--comb-blue:#2670f5;width:min(360px,100vw - 48px);height:64px;color:var(--ink);margin-bottom:-12px;position:relative}.project-stepper-track{inset:0 var(--stepper-inset);pointer-events:none;position:absolute}.project-stepper-tooth{background:var(--comb-ink);transform-origin:50% 100%;border-radius:999px;width:2.5px;position:absolute;bottom:0;box-shadow:0 1px 2px #00000026}.project-stepper-selection{left:calc(var(--stepper-progress) * 100%);width:0;color:var(--comb-blue);position:absolute;inset-block:0}.project-stepper-number{font-variant-numeric:tabular-nums;font-size:11px;font-weight:500;line-height:14px;position:absolute;top:-4px;left:0;transform:translate(-50%)}.project-stepper-needle{background:currentColor;width:1px;height:8px;position:absolute;top:13px;left:-.5px}.project-stepper-tooth-active{background:currentColor;width:4px;height:39px;left:0;transform:translate(-50%);box-shadow:0 2px 3px #2670f538}.project-stepper input{appearance:none;opacity:0;cursor:grab;touch-action:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.project-stepper input::-webkit-slider-thumb{appearance:none;width:20px;height:64px}.project-stepper input::-moz-range-thumb{border:0;width:20px;height:64px}.project-stepper input:active{cursor:grabbing}.project-stepper:has(input:disabled){opacity:.35}@media (prefers-color-scheme:dark){.project-stepper{--comb-ink:#e1e4e7;--comb-blue:#3984ff}}.project-debug{display:inline-flex;position:relative}.project-debug-panel{border:1px solid var(--line);background:var(--paper);width:min(320px,100vw - 48px);max-height:min(660px,76dvh);color:var(--ink);border-radius:14px;padding:20px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 12px 48px #00000024}.project-debug-panel h2{font-size:var(--type-ui);margin:0 0 6px}.project-debug-panel p{font-size:var(--type-supporting);color:var(--muted);margin:0 0 14px;line-height:1.5}.project-debug-list{display:grid}.project-debug-row{min-height:38px;font-size:var(--type-supporting);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:9px;padding:6px 4px;display:flex;position:relative}.project-debug-row:active{cursor:grabbing}.project-debug-row>svg{color:var(--muted);flex:none}.project-debug-row span{gap:2px;min-width:0;display:grid}.project-debug-panel small{color:var(--muted);font-size:var(--type-supporting)}.project-debug-row.is-dragging{opacity:.32}.project-debug-row.has-drop-before:before,.project-debug-row.has-drop-after:after{content:"";background:var(--ink);pointer-events:none;border-radius:2px;height:2px;position:absolute;left:2px;right:2px}.project-debug-row.has-drop-before:before{top:-1px}.project-debug-row.has-drop-after:after{bottom:-1px}.project-debug-divider{min-height:28px;color:var(--muted);font-size:var(--type-supporting);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.project-debug-divider i{background:var(--line);height:1px;display:block}.project-debug-divider.is-target-visible i,.project-debug-divider.is-target-hidden i{background:var(--ink);height:2px}.project-debug-divider.is-target-visible span:first-child,.project-debug-divider.is-target-hidden span:last-child{color:var(--ink)}.project-debug-panel button{border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:var(--type-supporting);background:0 0;border-radius:6px;margin-top:14px;padding:8px 10px}.coverflow.is-intro-pending .coverflow-project .slot,.coverflow.is-intro-pending .coverflow-caption,.home-header.is-intro-pending .masthead{opacity:0}.coverflow.is-intro-pending .coverflow-navigation{opacity:0;z-index:5;transform:translate(-50%,calc(48px - 50dvh))scale(1)}.coverflow.is-intro-pending[data-intro-visible=true] .coverflow-navigation{opacity:1}.coverflow.is-intro-pending .project-stepper-number,.coverflow.is-intro-pending .project-stepper-needle{opacity:0}.coverflow.is-intro-playing .coverflow-navigation{z-index:5;transition:transform calc(var(--motion-intro-dock-duration-ms) * 1ms) var(--motion-intro-dock-ease) calc(var(--motion-intro-dock-start-ms) * 1ms)}.coverflow.is-intro-playing .project-stepper-number,.coverflow.is-intro-playing .project-stepper-needle{animation:carousel-intro-content calc(var(--motion-intro-marker-duration-ms) * 1ms) var(--motion-intro-marker-ease) calc(var(--motion-intro-marker-start-ms) * 1ms) both}.coverflow.is-intro-pending .coverflow-stage{pointer-events:none}.coverflow.is-intro-playing .coverflow-project .slot{animation:carousel-intro-cover calc(var(--motion-intro-cover-duration-ms) * 1ms) var(--motion-intro-cover-ease) calc(var(--motion-intro-cover-start-ms) * 1ms) both}@media (width>=621px){.coverflow.is-intro-playing.is-native-scroll .coverflow-project .slot{animation:carousel-intro-cover calc(var(--motion-intro-cover-duration-ms) * 1ms) var(--motion-intro-cover-ease) calc((var(--motion-intro-cover-start-ms) + var(--intro-cover-stagger-ms)) * 1ms) both}}.coverflow.is-intro-playing .coverflow-caption,.home-header.is-intro-playing .masthead{animation:carousel-intro-content calc(var(--motion-intro-chrome-duration-ms) * 1ms) var(--motion-intro-chrome-ease) calc(var(--motion-intro-chrome-start-ms) * 1ms) both}@keyframes carousel-intro-cover{0%{opacity:0;translate:0 26px;scale:.94}to{opacity:1;translate:none;scale:none}}@keyframes carousel-intro-content{0%{opacity:0;translate:0 10px}to{opacity:1;translate:none}}.coverflow.is-native-scroll .coverflow-stage{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:auto;overflow:auto hidden}.coverflow.is-native-scroll .coverflow-stage::-webkit-scrollbar{display:none}.coverflow.is-native-scroll .coverflow-stage[data-stepper-scrubbing]{scroll-snap-type:none!important;scroll-behavior:auto!important}.coverflow.is-native-scroll .coverflow-track{box-sizing:border-box;justify-content:flex-start;width:max-content;min-width:100%;padding:0}.coverflow.is-native-scroll .coverflow-native-slide{flex:0 0 var(--native-slide-width,100vw);scroll-snap-align:center;place-items:center;height:100%;display:grid}@supports (animation-timeline:view()){.coverflow.is-native-scroll .coverflow-native-slide{view-timeline:--native-slide inline}.coverflow.is-native-scroll .coverflow-project{animation:linear both native-cover-approach;animation-timeline:--native-slide}@keyframes native-cover-approach{0%{transform:translateX(calc(50% - .53 * var(--native-slide-width,100vw)))}to{transform:translateX(calc(.53 * var(--native-slide-width,100vw) - 50%))}}}.coverflow.is-native-scroll .coverflow-project{transform:translateX(var(--native-cover-shift,0px));translate:var(--cover-exit-x,0px) 0;transition:translate calc(var(--motion-side-exit-duration-ms) * 1ms) var(--motion-side-exit-ease) calc(var(--motion-side-exit-start-ms) * 1ms);flex:none;position:relative}@media (width<=620px){.coverflow-stage{inset:116px 0 76px}.coverflow-caption{top:calc(100% - max(86px, env(safe-area-inset-bottom)))}.coverflow-caption h1{font-size:var(--type-title)}}@media (prefers-reduced-motion:reduce){.coverflow-project,.coverflow.is-native-scroll .coverflow-project,.coverflow-project .video-poster-overlay{transition:none}.coverflow.is-intro-pending .coverflow-project .slot,.coverflow.is-intro-pending .coverflow-caption,.coverflow.is-intro-pending .coverflow-navigation,.home-header.is-intro-pending .masthead{opacity:1}.coverflow.is-intro-pending .coverflow-stage{pointer-events:auto}.coverflow.is-intro-playing .coverflow-project .slot,.coverflow.is-intro-playing .coverflow-caption,.coverflow.is-intro-playing .coverflow-navigation,.home-header.is-intro-playing .masthead{animation:none}.coverflow.is-intro-pending .coverflow-navigation{transform:translate(-50%)}.coverflow.is-intro-playing .coverflow-navigation{transition:none}.coverflow .project-stepper-number{opacity:1;animation:none}}:root{--motion-sequencer-height:0px;--motion-sequencer-label-width:164px;--motion-sequencer-dock-duration:.34s;--motion-sequencer-dock-ease:cubic-bezier(.2, .8, .2, 1);--motion-sequencer-column-fill:color-mix(in srgb, var(--ink) 2.5%, var(--paper));--motion-sequencer-column-bands:linear-gradient(to right, transparent 0 16.6667%, var(--motion-sequencer-column-fill) 16.6667% 33.3333%, transparent 33.3333% 50%, var(--motion-sequencer-column-fill) 50% 66.6667%, transparent 66.6667% 83.3333%, var(--motion-sequencer-column-fill) 83.3333% 100%)}html.motion-sequencer-open{--motion-sequencer-height:clamp(320px, 42dvh, 420px)}html.motion-sequencer-mounted .home-surface,html.motion-sequencer-mounted .coverflow{height:calc(100dvh - var(--motion-sequencer-height));min-height:0;transition:height var(--motion-sequencer-dock-duration) var(--motion-sequencer-dock-ease), transform .42s cubic-bezier(.2, .8, .2, 1)}html.motion-sequencer-mounted .coverflow-track,html.motion-sequencer-mounted .coverflow-project .slot{transition:transform .42s cubic-bezier(.2,.8,.2,1),translate .42s cubic-bezier(.2,.8,.2,1)}html.motion-sequencer-mounted .site-navigation{transition:transform .42s cubic-bezier(.2,.8,.2,1)}html.motion-sequencer-mounted .detail-page{transition:opacity calc(var(--motion-detail-close-duration-ms) * 1ms) var(--motion-detail-close-ease) calc(var(--motion-detail-close-start-ms) * 1ms), transform .42s cubic-bezier(.2, .8, .2, 1)}html.motion-sequencer-mounted .detail-page.is-swiping{transition:none}html.motion-sequencer-mounted .detail-overlay{bottom:var(--motion-sequencer-height);height:auto;transition:bottom var(--motion-sequencer-dock-duration) var(--motion-sequencer-dock-ease)}@media (width<=620px){html.motion-sequencer-mounted .detail-overlay{transition:none;bottom:auto}}.motion-sequencer-trigger,.site-navigation .motion-sequencer-trigger{background:var(--tile);width:40px;height:40px;min-height:40px;color:var(--ink);box-shadow:none;cursor:pointer;view-transition-name:motion-debugger;border:0;border-radius:999px;place-items:center;padding:0;transition:background .3s,color .3s;display:grid;position:relative}.site-navigation .motion-sequencer-trigger svg{width:18px;height:18px}.site-navigation .motion-sequencer-trigger:hover{background:var(--line)}.site-navigation .motion-sequencer-trigger.is-active,.site-navigation .motion-sequencer-trigger.is-active:hover{background:var(--ink);color:var(--paper);view-transition-name:none}.motion-sequencer-trigger.is-color-debug{border-color:color-mix(in srgb, var(--clip-color) 58%, var(--line));background:color-mix(in srgb, var(--clip-color) 16%, var(--paper));color:color-mix(in srgb, var(--clip-color) 72%, var(--ink))}.motion-sequencer-actions :is(.motion-sequencer-perspective-toggle,.motion-sequencer-color-toggle)[aria-pressed=true],.motion-sequencer-actions :is(.motion-sequencer-perspective-toggle,.motion-sequencer-color-toggle)[aria-pressed=true]:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.motion-sequencer-trigger:focus-visible,.motion-sequencer button:focus-visible,.motion-sequencer input:focus-visible,.motion-sequencer select:focus-visible{outline-offset:2px;outline:2px solid #80acff}.motion-sequencer{box-sizing:border-box;z-index:500;height:var(--motion-sequencer-height);visibility:hidden;pointer-events:none;border-top:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:color-mix(in srgb, var(--paper) 94%, var(--tile));min-height:0;color:var(--ink);font-family:var(--font-sans);transition:height var(--motion-sequencer-dock-duration) var(--motion-sequencer-dock-ease), visibility 0s linear var(--motion-sequencer-dock-duration);position:fixed;inset:auto 0 0;overflow:hidden}.motion-sequencer.is-open{visibility:visible;pointer-events:auto;view-transition-name:motion-debugger;transition-delay:0s}.motion-sequencer-resize-handle{z-index:3;cursor:row-resize;touch-action:none;place-items:center;height:10px;display:grid;position:absolute;top:0;left:0;right:0}.motion-sequencer-resize-handle>span{background:color-mix(in srgb, var(--ink) 18%, transparent);opacity:0;border-radius:999px;width:44px;height:4px;transition:opacity .2s,background .2s}.motion-sequencer-resize-handle:hover>span,.motion-sequencer-resize-handle:focus-visible>span,.motion-sequencer.is-resizing .motion-sequencer-resize-handle>span{opacity:1}.motion-sequencer.is-resizing .motion-sequencer-resize-handle>span{background:color-mix(in srgb, var(--ink) 48%, transparent)}.motion-sequencer-resize-handle:focus-visible{outline:0}html.motion-sequencer-resizing .motion-sequencer,html.motion-sequencer-resizing .home-surface,html.motion-sequencer-resizing .coverflow,html.motion-sequencer-resizing .detail-overlay{transition:none}html.motion-sequencer-resizing{cursor:row-resize;-webkit-user-select:none;user-select:none}::view-transition-group(motion-debugger){z-index:1000;animation:none}::view-transition-old(motion-debugger){opacity:0;animation:none}::view-transition-new(motion-debugger){opacity:1;mix-blend-mode:normal;animation:none}.motion-sequencer button,.motion-sequencer input,.motion-sequencer select{font:inherit}.motion-sequencer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:50px;padding:0 14px 0 18px;display:flex}.motion-sequencer-tabs,.motion-sequencer-actions,.motion-sequencer-inspector-heading,.motion-sequencer-nudge{align-items:center;display:flex}.motion-sequencer-tabs{align-self:stretch;gap:4px}.motion-sequencer-tool-icon{color:var(--ink);flex:none;margin-right:3px}.motion-sequencer-tabs button{min-width:0;min-height:30px;color:var(--muted);font-size:var(--type-ui);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:0 10px;font-weight:500;display:inline-flex}.motion-sequencer-tabs button:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}.motion-sequencer-tabs button.is-active{border-color:var(--line);background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink)}.motion-sequencer-actions{gap:6px}.motion-sequencer-actions .motion-sequencer-pane-toggle{display:none}.motion-sequencer-actions button,.motion-sequencer-nudge button{border:1px solid var(--line);min-height:30px;color:var(--ink);font-size:var(--type-supporting);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.motion-sequencer-actions button:hover,.motion-sequencer-nudge button:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}html[data-transition-perspective=true],html[data-transition-perspective=true] body{overflow-x:clip}html[data-transition-perspective=true] .home-surface{contain:paint;perspective:1200px;transform-origin:50% 48%;overflow:clip;transform:scale(.68)}html[data-transition-perspective=true] .site-navigation{transform-origin:50% 0;transform-style:preserve-3d;transform:perspective(1200px)scale(.72)rotateX(9deg)rotateY(-26deg)translateZ(80px)}html[data-transition-perspective=true] .coverflow-project,html[data-transition-perspective=true] .coverflow-open,html[data-transition-perspective=true] .coverflow-project .slot,html[data-transition-perspective=true] .coverflow-project .frame,html[data-transition-perspective=true] .coverflow-project .frame-clip,html[data-transition-perspective=true] .coverflow-caption,html[data-transition-perspective=true] .coverflow-navigation,html[data-transition-perspective=true] .site-navigation .masthead,html[data-transition-perspective=true] .site-navigation-leading,html[data-transition-perspective=true] .top-links{transform-style:preserve-3d;overflow:visible}html[data-transition-perspective=true] .coverflow-project{outline-offset:10px}html[data-transition-perspective=true] .coverflow-open{z-index:1;transform-origin:50%;transform:perspective(1200px)rotateX(9deg)rotateY(-26deg)translateZ(28px)}html[data-transition-perspective=true] .coverflow-project .slot{z-index:2;translate:0 0 42px}html[data-transition-perspective=true] .coverflow-project .frame{z-index:3;translate:0 0 42px}html[data-transition-perspective=true] .coverflow-project .frame-clip{z-index:4;translate:0 0 42px}html[data-transition-perspective=true] .coverflow-project .screen-media{z-index:5;position:relative;translate:0 0 42px}html[data-transition-perspective=true] .site-navigation .masthead{z-index:1}html[data-transition-perspective=true] .site-navigation-leading{z-index:2;position:relative;translate:0 0 42px}html[data-transition-perspective=true] .top-links{z-index:3;translate:0 0 84px}html[data-transition-perspective=true] .top-links>*{position:relative}html[data-transition-perspective=true] .top-links>:first-child{z-index:1;translate:0 0 28px}html[data-transition-perspective=true] .top-links>:nth-child(2){z-index:2;translate:0 0 56px}html[data-transition-perspective=true] .top-links>:nth-child(3){z-index:3;translate:0 0 84px}html[data-transition-perspective=true] .top-links>:nth-child(4){z-index:4;translate:0 0 112px}html[data-transition-perspective=true] .coverflow-caption{z-index:10;transform:translateY(-50%)perspective(1200px)rotateX(9deg)rotateY(-26deg)}html[data-transition-perspective=true] .coverflow-caption h1{z-index:1;position:relative;translate:0 0 36px}html[data-transition-perspective=true] .coverflow-caption .coverflow-company{z-index:2;position:relative;translate:0 0 72px}html[data-transition-perspective=true] .coverflow-navigation{z-index:11;transform:translate(-50%)perspective(1200px)rotateX(9deg)rotateY(-26deg)}html[data-transition-perspective=true] .coverflow-navigation button{position:relative}html[data-transition-perspective=true] .coverflow-navigation button:first-child{z-index:1;translate:0 0 32px}html[data-transition-perspective=true] .coverflow-navigation button:last-child{z-index:2;translate:0 0 64px}html[data-transition-perspective=true] :is(.site-navigation .masthead,.coverflow-stage,.coverflow-project,.coverflow-open,.coverflow-project .slot,.coverflow-project .frame,.coverflow-project .frame-clip,.coverflow-project .screen-media,.coverflow-caption,.coverflow-caption h1,.coverflow-caption .coverflow-company,.coverflow-navigation,.coverflow-navigation button,.site-navigation-leading,.top-links,.detail-text,.detail-media .frame,.detail-story-thumbnails){outline:1px solid color-mix(in srgb, var(--ink) 46%, transparent);outline-offset:3px}html[data-transition-perspective=true] .coverflow-stage{outline-color:color-mix(in srgb, var(--ink) 24%, transparent)}html[data-transition-perspective=true] :is(.coverflow-project,.coverflow-open,.coverflow-project .slot){outline-color:color-mix(in srgb, var(--ink) 28%, transparent)}html[data-transition-perspective=true] :is(.coverflow-project .frame,.coverflow-project .screen-media,.detail-media .frame){outline-color:color-mix(in srgb, #4f8cff 82%, var(--ink));box-shadow:0 18px 54px #00000042,0 0 0 1px #4f8cff7a}html[data-transition-perspective=true] :is(.coverflow-project .frame-clip,.coverflow-caption,.detail-text,.top-links){outline-color:color-mix(in srgb, #9b72ff 78%, var(--ink))}html[data-transition-perspective=true] :is(.coverflow-navigation,.detail-story-thumbnails){outline-color:color-mix(in srgb, #4f8cff 68%, var(--ink))}html[data-transition-perspective=true] .detail-overlay{perspective:1200px;overflow:clip}html[data-transition-perspective=true] .detail-page{transform-origin:50%;transform-style:preserve-3d;transform:scale(.68)rotateX(9deg)rotateY(-26deg)}html[data-transition-perspective=true] .detail-veil{z-index:0;translate:0 0 -90px}html[data-transition-perspective=true] .detail-page{z-index:1}html[data-transition-perspective=true] .detail-media{z-index:2;transform-style:preserve-3d;translate:0 0 110px}html[data-transition-perspective=true] .detail-text{z-index:3;transform-style:preserve-3d;translate:0 0 220px}html[data-transition-perspective=true] .detail-story-thumbnails{z-index:4;translate:0 0 330px}html[data-transition-perspective=true] .detail-media .slot{z-index:1;transform-style:preserve-3d;translate:0 0 36px}html[data-transition-perspective=true] .detail-media .frame{z-index:2;transform-style:preserve-3d;translate:0 0 36px}html[data-transition-perspective=true] .detail-media .frame-clip{z-index:3;transform-style:preserve-3d;translate:0 0 36px}html[data-transition-perspective=true] .detail-media .screen-media{z-index:4;position:relative;translate:0 0 36px}.motion-sequencer-workspace{grid-template-columns:minmax(0,1fr) 258px;height:calc(100% - 70px);display:grid}.motion-gravity-workspace{box-sizing:border-box;height:calc(var(--motion-sequencer-height) - 70px);background:var(--paper);grid-template-columns:minmax(500px,1.45fr) minmax(330px,.55fr);align-items:stretch;display:grid;overflow:auto}.motion-gravity-instrument,.motion-gravity-controls{min-width:0;padding:20px}.motion-gravity-instrument{border-right:1px solid var(--line);grid-template-rows:minmax(180px,1fr);display:grid}.motion-gravity-field{background:0 0;border:0;border-radius:0;min-height:180px;position:relative;overflow:hidden}.motion-gravity-grid,.motion-gravity-particles{pointer-events:none;position:absolute;inset:14px}.motion-gravity-grid i{background:color-mix(in srgb, var(--ink) var(--gravity-grid-opacity), transparent);border-radius:999px;width:1.5px;height:1.5px;transition:left .18s,top .18s;position:absolute;transform:translate(-50%,-50%)}.motion-gravity-particles i{z-index:2;background:var(--ink);will-change:left, top, opacity, transform;border-radius:999px;width:4px;height:4px;position:absolute;transform:translate(-50%,-50%)}.motion-gravity-field-crosshair{z-index:3;pointer-events:none;width:19px;height:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.motion-gravity-field-crosshair:before,.motion-gravity-field-crosshair:after{content:"";background:var(--ink);position:absolute}.motion-gravity-field-crosshair:before{width:19px;height:1px;top:9px;left:0}.motion-gravity-field-crosshair:after{width:1px;height:19px;top:0;left:9px}.motion-gravity-sink{z-index:4;background:var(--ink);pointer-events:none;border-radius:999px;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.motion-gravity-controls{grid-template-rows:minmax(150px,1fr) 76px;gap:12px;padding:14px 20px;display:grid}.motion-gravity-force-control{min-height:0;color:var(--muted);font-size:var(--type-supporting);display:block}.motion-gravity-axis-trigger{z-index:3;line-height:1;position:absolute}.motion-gravity-axis-label{appearance:none;color:var(--ink);font-size:var(--type-supporting);white-space:nowrap;cursor:help;background:0 0;border:0;margin:0;padding:0;font-weight:500;line-height:1}.motion-gravity-force-control small{z-index:3;color:var(--muted);font-size:var(--type-supporting);pointer-events:none;line-height:1;position:absolute}.motion-gravity-force-control .is-quick{top:8px;left:10px}.motion-gravity-force-control .is-arrival{top:50%;left:10px;transform:translateY(-50%)}.motion-gravity-force-control .is-slow{bottom:28px;left:10px}.motion-gravity-force-control .is-gentle{bottom:8px;left:64px}.motion-gravity-force-control .is-pull{bottom:30px;left:50%;transform:translate(-50%)}.motion-gravity-force-control .is-strong{text-align:right;bottom:8px;right:10px}.motion-gravity-force-map{cursor:crosshair;touch-action:none;border:0;border-radius:0;width:100%;height:100%;min-height:150px;position:relative}.motion-gravity-force-axes:before,.motion-gravity-force-axes:after{content:"";pointer-events:none;position:absolute}.motion-gravity-force-axes:before{border-top:1px dashed color-mix(in srgb, var(--ink) 30%, transparent);height:0;top:50%;left:58px;right:10px}.motion-gravity-force-axes:after{border-left:1px dashed color-mix(in srgb, var(--ink) 30%, transparent);width:0;top:10px;bottom:24px;left:50%}.motion-gravity-force-guides{pointer-events:none;position:absolute;inset:0}.motion-gravity-force-guides i{z-index:1;position:absolute}.motion-gravity-force-guides .is-horizontal{border-top:1px dotted var(--ink);height:0}.motion-gravity-force-guides .is-vertical{border-left:1px dotted var(--ink);width:0}.motion-gravity-force-crosshair{z-index:1;pointer-events:none;width:17px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.motion-gravity-force-crosshair:before,.motion-gravity-force-crosshair:after{content:"";background:var(--ink);position:absolute}.motion-gravity-force-crosshair:before{width:17px;height:1px;top:8px;left:0}.motion-gravity-force-crosshair:after{width:1px;height:17px;top:0;left:8px}.motion-gravity-force-puck{z-index:2;top:clamp(10px, var(--gravity-force-y), calc(100% - 10px));left:clamp(10px, var(--gravity-force-x), calc(100% - 10px));border:2px solid var(--graph-blue);background:var(--paper);cursor:grab;border-radius:999px;width:20px;height:20px;padding:0;position:absolute;transform:translate(-50%,-50%)}.motion-gravity-force-puck:active{cursor:grabbing}.motion-gravity-property-dials{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);align-items:end;gap:4px;padding-top:8px;display:grid}.motion-gravity-dial{align-content:center;justify-items:center;gap:10px;min-width:0;display:grid;position:relative}.motion-gravity-dial:nth-child(odd){--gravity-dial-accent:var(--graph-blue)}.motion-gravity-dial:nth-child(2n){--gravity-dial-accent:var(--graph-purple)}.motion-gravity-dial>button{cursor:ns-resize;touch-action:none;background:0 0;border:0;border-radius:0;width:64px;height:40px;padding:0;position:relative}.motion-gravity-dial svg{width:64px;height:36px;display:block;overflow:visible}.motion-gravity-dial path{fill:none;stroke-linecap:round;stroke-width:3px;vector-effect:non-scaling-stroke}.motion-gravity-dial-track{stroke:color-mix(in srgb, var(--ink) 18%, transparent)}.motion-gravity-dial-value{stroke:var(--gravity-dial-accent)}.motion-gravity-dial strong{color:var(--ink);font-size:var(--type-ui);font-weight:500}.motion-gravity-tip{z-index:8;background:var(--ink);width:max-content;max-width:210px;color:var(--paper);font-size:var(--type-supporting);text-align:left;white-space:normal;pointer-events:none;opacity:0;border-radius:6px;padding:7px 9px;font-weight:500;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,3px)}.motion-gravity-dial:hover .motion-gravity-tip,.motion-gravity-axis-trigger:hover .motion-gravity-tip{opacity:1;transform:translate(-50%)}.motion-gravity-dial:first-child .motion-gravity-tip{left:0;transform:translateY(3px)}.motion-gravity-dial:first-child:hover .motion-gravity-tip{transform:translate(0)}.motion-gravity-dial:last-child .motion-gravity-tip{left:auto;right:0;transform:translateY(3px)}.motion-gravity-dial:last-child:hover .motion-gravity-tip{transform:translate(0)}.motion-gravity-axis-trigger.is-arrival .motion-gravity-tip{top:calc(100% + 8px);bottom:auto;left:0;transform:translateY(3px)}.motion-gravity-axis-trigger.is-arrival:hover .motion-gravity-tip{transform:translate(0)}.motion-sequencer-timeline{padding:9px 14px 18px 0;overflow:auto}.motion-sequencer-sequence-group+.motion-sequencer-sequence-group{margin-top:24px}.motion-sequencer-sequence-heading{color:var(--ink);font-size:var(--type-ui);margin:0;padding:8px 12px 12px 18px;font-weight:500}.motion-sequencer-sequence-group{--motion-sequencer-column-bands:repeating-linear-gradient(to right, transparent 0 var(--motion-grid-step), var(--motion-sequencer-column-fill) var(--motion-grid-step) calc(var(--motion-grid-step) * 2))}.motion-sequencer-ruler-label,.motion-sequencer-lane-label{width:var(--motion-sequencer-label-width);flex:0 0 var(--motion-sequencer-label-width);color:var(--muted);font-size:var(--type-supporting);padding:0 12px 0 18px;line-height:1}.motion-sequencer-lane-label{align-items:center;gap:6px;display:flex}.motion-sequencer-lane-label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.motion-sequencer-visibility{width:18px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 18px;place-items:center;padding:0;display:grid}.motion-sequencer-visibility:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.motion-sequencer-visibility[aria-pressed=false]{opacity:.48}.motion-sequencer-track-toggle{width:16px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 16px;place-items:center;padding:0;display:grid}.motion-sequencer-track-toggle:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.motion-sequencer-ruler-label{float:left;height:25px;padding-top:7px}.motion-sequencer-ruler-label,.motion-sequencer-inspector-heading small{color:var(--ink);font-size:var(--type-ui);letter-spacing:0;text-transform:none;font-weight:500}.motion-sequencer-ruler{height:25px;margin-left:var(--motion-sequencer-label-width);background-image:var(--motion-sequencer-column-bands);position:relative}.motion-sequencer-ruler span{color:var(--muted);font-size:var(--type-supporting);font-variant-numeric:tabular-nums;position:absolute;bottom:5px;transform:translate(-50%)}.motion-sequencer-ruler span:first-child{transform:none}.motion-sequencer-ruler span:last-child{transform:translate(-100%)}.motion-sequencer-lane,.motion-sequencer-element-lane{border-bottom:1px solid color-mix(in srgb, var(--line) 62%, transparent);align-items:center;min-width:620px;min-height:37px;display:flex}.motion-sequencer-lane-canvas{background-image:var(--motion-sequencer-column-bands);flex:1;height:32px;position:relative}.motion-sequencer-element-lane{background:0 0}.motion-sequencer-element-label{width:var(--motion-sequencer-label-width);flex:0 0 var(--motion-sequencer-label-width);color:var(--muted);font-size:var(--type-supporting);white-space:nowrap;align-items:center;gap:6px;padding:0 12px 0 48px;display:flex}.motion-sequencer-element-label b,.motion-sequencer-element-clip b{background:var(--clip-color);color:#fff;width:16px;height:16px;font-size:var(--type-supporting);font-variant-numeric:tabular-nums;border-radius:3px;flex:0 0 16px;place-items:center;line-height:1;display:grid}.motion-sequencer-element-label span{text-overflow:ellipsis;overflow:hidden}.motion-sequencer-element-clip{border:1px solid color-mix(in srgb, var(--clip-color) 78%, var(--ink));background:color-mix(in srgb, var(--clip-color) 22%, var(--paper));min-width:34px;height:28px;color:var(--ink);font-size:var(--type-supporting);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:flex;position:absolute;top:2px;overflow:hidden}.motion-sequencer-element-clip b{width:16px;height:16px;font-size:var(--type-supporting);flex-basis:16px}.motion-sequencer-element-clip span{text-overflow:ellipsis;overflow:hidden}.motion-sequencer-element-clip.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--clip-color) 68%, white)}.motion-sequencer-element-clip.is-disabled{opacity:.32;filter:grayscale(.65)}.motion-sequencer-clip{border:1px solid color-mix(in srgb, var(--clip-color) 78%, var(--ink));background:color-mix(in srgb, var(--clip-color) 22%, var(--paper));min-width:34px;height:28px;color:var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;position:absolute;top:2px;overflow:hidden}.motion-sequencer-clip:active{cursor:grabbing}.motion-sequencer-clip.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--clip-color) 68%, white)}.motion-sequencer-clip.is-disabled{opacity:.32;filter:grayscale(.65)}.motion-sequencer-clip>span{white-space:nowrap;font-size:var(--type-supporting);pointer-events:none;justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex;position:absolute;inset:0 8px;overflow:hidden}.motion-sequencer-clip small{color:color-mix(in srgb, var(--ink) 62%, transparent);font-size:var(--type-supporting);font-variant-numeric:tabular-nums;font-weight:500}.motion-sequencer-keyframe{z-index:3;border:1px solid color-mix(in srgb, var(--ink) 72%, transparent);background:var(--paper);pointer-events:none;width:6px;height:6px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.motion-sequencer-handle{z-index:2;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:8px;padding:0;position:absolute;top:0;bottom:0}.motion-sequencer-handle:after{content:"";background:color-mix(in srgb, var(--ink) 38%, transparent);border-radius:1px;width:1px;position:absolute;top:7px;bottom:7px}.motion-sequencer-handle.is-start{left:0}.motion-sequencer-handle.is-end{right:0}.motion-sequencer-handle.is-start:after{left:3px}.motion-sequencer-handle.is-end:after{right:3px}.tone-blue{--clip-color:#4f8cff}.tone-purple{--clip-color:#9b72ff}.tone-green{--clip-color:#43bd83}.tone-orange{--clip-color:#ef955c}.motion-sequencer-inspector{border-left:1px solid var(--line);background:color-mix(in srgb, var(--paper) 87%, var(--tile));padding:18px;overflow:auto}.motion-sequencer-inspector-heading{gap:10px;margin-bottom:18px}.motion-sequencer-inspector-heading small{display:block}.motion-sequencer-inspector h2{font-size:var(--type-ui);margin:2px 0 0;font-weight:500;line-height:1.2}.motion-sequencer-swatch{background:var(--clip-color);border-radius:4px;width:8px;height:32px}.motion-sequencer-fields{gap:10px;display:grid}.motion-sequencer-fields>label{color:var(--muted);font-size:var(--type-supporting);grid-template-columns:70px 1fr;align-items:center;display:grid}.motion-sequencer-fields label>span{align-items:center;gap:5px;display:flex}.motion-sequencer-fields input,.motion-sequencer-fields select{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;height:28px;color:var(--ink);font-size:var(--type-supporting);border-radius:6px}.motion-sequencer-fields input{font-variant-numeric:tabular-nums;padding:0 7px}.motion-sequencer-fields select{padding:0 6px}.motion-sequencer-nudge{gap:6px;margin-top:12px}.motion-sequencer-nudge button{flex:1}.motion-sequencer-inspector>p{color:var(--muted);font-size:var(--type-supporting);margin:16px 0 0;line-height:1.5}.motion-sequencer-status{color:var(--muted);font-size:var(--type-supporting);position:absolute;bottom:3px;right:12px}html[data-motion-debug-tone=blue]{--motion-debug-color:#4f8cff}html[data-motion-debug-tone=purple]{--motion-debug-color:#9b72ff}html[data-motion-debug-tone=green]{--motion-debug-color:#43bd83}html[data-motion-debug-tone=orange]{--motion-debug-color:#ef955c}html[data-motion-debug-clip] .motion-debug-owner-overlay{z-index:60;box-sizing:border-box;border-radius:inherit;pointer-events:none;background:color-mix(in srgb, var(--motion-debug-color) 13%, transparent);box-shadow:inset 0 0 0 2px var(--motion-debug-color);position:absolute;inset:0}html[data-motion-debug-clip] .motion-debug-owner-label,html[data-motion-debug-clip] .motion-debug-owner-number{pointer-events:none;position:absolute}html[data-motion-debug-clip] .motion-debug-owner-label{background:color-mix(in srgb, var(--motion-debug-color) 90%, #0b0b0b);color:#fff;font:600 var(--type-supporting)/1 var(--font-sans), sans-serif;letter-spacing:-.01em;white-space:nowrap;border-radius:4px;padding:3px 5px;top:8px;left:8px}html[data-motion-debug-clip] .motion-debug-owner-number{background:var(--motion-debug-color);color:#fff;width:22px;height:22px;font:600 var(--type-supporting)/1 var(--font-sans), sans-serif;font-variant-numeric:tabular-nums;border-radius:5px;place-items:center;display:grid;top:27px;left:8px}html[data-motion-debug-clip] [data-motion-debug-element]{isolation:isolate}.motion-curve-editor{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.motion-curve-header{color:var(--muted);font-size:var(--type-supporting);justify-content:space-between;align-items:center;display:flex}.motion-curve-header small{font-size:var(--type-supporting)}.motion-curve-chart{width:100%;height:86px;margin-top:5px;display:block;overflow:visible}.motion-curve-chart line{stroke:color-mix(in srgb, var(--line) 80%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.motion-curve-chart path{fill:none;stroke:var(--clip-color,#4f8cff);stroke-width:1.75px;vector-effect:non-scaling-stroke}.motion-curve-chart circle{fill:var(--paper);stroke:var(--clip-color,#4f8cff);stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:grab;touch-action:none}.motion-curve-chart circle:active{cursor:grabbing}.motion-curve-chart circle.is-selected{fill:var(--clip-color,#4f8cff);stroke:var(--paper)}.motion-curve-chart circle:focus-visible{stroke:var(--ink);stroke-width:2.5px;outline:none}.motion-curve-actions{gap:5px;display:flex}.motion-curve-actions button{border:1px solid var(--line);min-height:26px;color:var(--ink);font-size:var(--type-supporting);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.motion-curve-actions button:first-child{flex:1}.motion-curve-actions button:disabled{opacity:.3;cursor:default}.motion-curve-point-fields{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.motion-curve-point-fields label{color:var(--muted);font-size:var(--type-supporting);gap:4px;display:grid}.motion-curve-point-fields label>span{align-items:center;gap:3px;display:flex}.motion-curve-point-fields input{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;height:26px;color:var(--ink);font-size:var(--type-supporting);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 6px}@media (width<=760px){:root{--motion-sequencer-label-width:124px}html.motion-sequencer-open{--motion-sequencer-height:min(430px, 52dvh)}.motion-sequencer-actions button svg{display:none}.motion-sequencer-header{grid-template-rows:38px 38px;height:84px;padding:4px 8px;display:grid}.motion-sequencer-tabs,.motion-sequencer-actions{width:100%}.motion-sequencer-actions{justify-content:flex-start;gap:4px}.motion-sequencer-actions button{flex:none;padding-inline:8px}.motion-sequencer-workspace{scroll-snap-type:x mandatory;grid-template-columns:440px 100vw;height:calc(100% - 104px);overflow-x:auto}.motion-sequencer-timeline,.motion-sequencer-inspector{scroll-snap-align:start}.motion-sequencer-actions .motion-sequencer-pane-toggle{display:inline-flex}.motion-sequencer-tabs button{padding:0 8px}.motion-gravity-workspace{height:calc(var(--motion-sequencer-height) - 104px);scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:100vw 100vw;overflow:auto hidden}.motion-gravity-workspace::-webkit-scrollbar{display:none}.motion-gravity-instrument,.motion-gravity-controls{scroll-snap-align:start;min-height:0}.motion-gravity-instrument{border-right:1px solid var(--line);border-bottom:0}.motion-sequencer-ruler-label,.motion-sequencer-lane-label{padding-left:12px}}@media (prefers-reduced-motion:reduce){.motion-sequencer-trigger,.motion-sequencer-clip,html[data-transition-perspective=true] .site-navigation,html[data-transition-perspective=true] .home-surface,html[data-transition-perspective=true] .coverflow-open,html[data-transition-perspective=true] .coverflow-project .slot,html[data-transition-perspective=true] .detail-page{transition:none}}.motion-native-scroll-setting{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:12px 20px;font-size:12px;display:flex}.motion-native-scroll-setting label{color:var(--ink);white-space:nowrap;cursor:pointer;align-items:center;gap:8px;display:flex}.motion-native-scroll-setting input{accent-color:var(--ink)}.motion-native-scroll-setting span{color:var(--muted)}#gravity-tool-panel .motion-gravity-workspace{height:calc(var(--motion-sequencer-height) - 120px)}.motion-gravity-disabled{opacity:.4}@media (width<=620px){.motion-native-scroll-setting{flex-direction:column;align-items:flex-start;gap:4px}}#gravity-tool-panel .motion-gravity-controls{grid-template-rows:minmax(80px,1fr) 76px}#gravity-tool-panel .motion-gravity-instrument{grid-template-rows:minmax(120px,1fr)}#gravity-tool-panel .motion-gravity-force-map{min-height:80px}