@font-face{font-family:Motion Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-condensed-latin-600-normal.DepVgxBB.woff2)format("woff2")}.motion-page{--paper:var(--nb-paper);--ink:var(--nb-ink);--blue:var(--nb-accent);--cyan:var(--nb-cyan);--muted:var(--nb-muted);--line:var(--nb-line);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;color-scheme:var(--nb-scheme);margin:0;font:16px/1.6 system-ui,Microsoft YaHei,sans-serif}.motion-page *{box-sizing:border-box}.motion-page :is(h1,h2,p){margin:0}.motion-page a{color:inherit;text-decoration:none}.motion-page button,.motion-page input{font:inherit;color:inherit}.motion-page button{cursor:pointer}.motion-page button:disabled{cursor:default}.motion-page [hidden]{display:none!important}.motion-page :is(a,button,input,summary):focus-visible{outline:3px solid var(--blue);outline-offset:5px}.motion-page button{touch-action:manipulation}.motion-page .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.motion-skip{background:var(--nb-surface);z-index:100;padding:12px 20px;position:fixed;top:-100px;left:20px}.motion-skip:focus{top:12px}.motion-header{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:auto;padding:26px 44px;font-size:14px;display:flex}.motion-brand{letter-spacing:.02em;font:600 26px/1.2 Motion Condensed,sans-serif}.motion-brand span{color:var(--muted);margin-left:14px;font:13px system-ui,sans-serif}.motion-header>a:last-child:hover{color:var(--blue)}.motion-header>a:last-child>span{color:var(--blue);margin-left:12px;display:inline-block}.motion-page main{max-width:1352px;margin:auto;padding:0 32px}.motion-intro{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr;gap:34px 70px;padding:64px 0 0;display:grid}.eyebrow{align-items:center;gap:24px;font-size:14px;display:flex}.eyebrow>span{color:var(--blue);letter-spacing:.1em;font:600 15px Motion Condensed,sans-serif}.intro-heading h1{letter-spacing:-.075em;white-space:nowrap;align-items:center;margin:16px 0 22px;font-size:clamp(64px,7.6vw,104px);font-weight:850;line-height:1.3;display:flex}.title-outline{color:#0000;-webkit-text-stroke:1.4px var(--ink);position:relative}.title-cut{color:var(--blue);-webkit-text-stroke:0;clip-path:polygon(0 36%,70% 36%,70% 30%,100% 30%,100% 49%,40% 49%,40% 55%,0 55%);text-shadow:6px 0 var(--cyan);position:absolute;inset:0;translate:5px}.intro-heading h1>i{color:var(--blue);align-self:flex-start;margin-left:24px;font:70px/1 Motion Condensed,sans-serif}.intro-copy{color:var(--nb-ink);font-size:18px;line-height:1.9}.intro-specimen{border:1px solid var(--nb-line);background:radial-gradient(color-mix(in srgb,var(--nb-line) 38.82%,transparent) .65px,transparent .8px) 0 0/5px 5px;min-height:266px;box-shadow:7px 8px 0 var(--nb-line);align-self:center;margin:14px 20px 0 0;position:relative;overflow:hidden;transform:rotate(-3deg)}.specimen-label{letter-spacing:.16em;background:var(--paper);padding-right:10px;font:600 12px Motion Condensed,sans-serif;position:absolute;top:18px;left:20px}.specimen-path{background:var(--nb-line);height:1px;position:absolute;top:52%;left:11%;right:11%}.specimen-path:after{content:"＋";color:var(--blue);position:absolute;top:-12px;right:-10px}.specimen-frames{position:absolute;inset:29% 19% 32% 20%}.specimen-frames i{border:1px solid var(--nb-line);width:87px;height:87px;position:absolute;top:0;left:0;rotate:-10deg}.specimen-frames i:nth-child(2){border-color:var(--nb-line);left:16%;rotate:1deg}.specimen-frames i:nth-child(3){border-color:var(--nb-accent);left:32%;rotate:12deg}.specimen-frames i:nth-child(4){border-color:var(--blue);left:48%;rotate:23deg}.specimen-frames i:nth-child(5){background:var(--blue);border-color:var(--blue);box-shadow:6px 5px var(--cyan);left:64%;rotate:34deg}.specimen-foot{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:12px;left:20px;right:20px}.specimen-foot>span{background:var(--paper);font-size:12px}.specimen-foot>b{color:var(--blue);font:600 48px/1 Motion Condensed,sans-serif}.intro-foot{color:var(--muted);border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;gap:20px;padding:20px 0 24px;font-size:12px;display:flex;margin-top:12px!important}.intro-foot i{border:1px solid var(--nb-line);color:var(--nb-ink);margin-left:12px;padding:2px 7px;font-style:normal}.motion-library{padding-top:30px;scroll-margin-top:20px}.catalog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.catalog-filter,.catalog-actions{align-items:center;gap:8px;display:flex}.catalog-filter button{white-space:nowrap;background:0 0;border:1px solid #0000;padding:10px 13px;font-size:14px}.catalog-filter button>span{opacity:.55;margin-left:7px;font:600 13px Motion Condensed,sans-serif;display:inline-block}.catalog-filter button[aria-pressed=true]{background:var(--ink);color:var(--nb-onaccent)}.catalog-filter button:not([aria-pressed=true]):hover{border-color:var(--nb-line)}.catalog-search{border:1px solid var(--nb-line);background:var(--nb-surface);align-items:center;gap:9px;padding:9px 12px;display:flex}.catalog-search svg{width:18px;height:18px;stroke:var(--muted);stroke-width:1.3px;fill:none;flex-shrink:0}.catalog-search input{outline-offset:8px;background:0 0;border:0;width:190px;min-width:0;font-size:14px}.catalog-search input::placeholder{color:var(--nb-muted)}.motion-play{border:1px solid var(--nb-line);white-space:nowrap;background:0 0;min-width:98px;padding:10px 12px;font-size:13px!important}.motion-play[aria-pressed=true]{color:var(--blue);border-color:var(--nb-line)}.motion-play:hover{background:var(--nb-surface)}.catalog-meta{color:var(--muted);justify-content:space-between;gap:20px;margin:18px 0 12px;font-size:12px;display:flex}.catalog-meta>p:first-child{font-variant-numeric:tabular-nums}.motion-noscript{border:1px solid var(--line);padding:18px;margin-bottom:20px!important}.motion-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:26px 24px;display:grid}.motion-card{border:1px solid var(--nb-line);background:var(--nb-surface);min-width:0;scroll-margin-top:24px}.effect-stage{background:radial-gradient(color-mix(in srgb,var(--nb-line) 34.9%,transparent) .6px,transparent .8px) 0 0/6px 6px;border-bottom:1px solid var(--nb-line);isolation:isolate;justify-content:center;align-items:center;height:238px;display:flex;position:relative;overflow:hidden}.tone-ink .effect-stage{background:var(--nb-well);color:var(--nb-light)}.tone-blue .effect-stage{background:var(--blue);color:var(--nb-onaccent)}.tone-mist .effect-stage{background:var(--nb-surface)}.specimen-number{z-index:3;letter-spacing:.05em;font:600 16px Motion Condensed,sans-serif;position:absolute;top:13px;left:17px}.specimen-number>span{opacity:.45;font-size:11px}.tone-ink .specimen-number{color:var(--nb-dim)}.tone-blue .specimen-number{color:var(--nb-onaccent)}.stage-hint{text-align:center;opacity:.66;pointer-events:none;z-index:3;font-size:11px;position:absolute;bottom:12px;left:16px;right:16px}.effect-info{padding:21px 22px 0}.effect-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.effect-title-row h2{letter-spacing:-.04em;font-size:23px;font-weight:750;line-height:1.4}.replay-button{border:1px solid var(--nb-line);background:0 0;flex-shrink:0;width:34px;height:34px;padding:0;color:var(--blue)!important;font-size:24px!important;line-height:1!important}.replay-button:hover{background:var(--nb-surface)}.effect-english{letter-spacing:.02em;color:var(--blue);font:600 17px/1.3 Motion Condensed,sans-serif;margin-top:5px!important}.effect-caption{min-height:48px;color:var(--nb-ink);font-size:14px;line-height:1.7;margin-top:13px!important}.effect-tools{border-top:1px solid var(--nb-line);margin-top:15px;padding:12px 0;position:relative}.effect-tools summary{cursor:pointer;align-items:center;gap:12px;width:calc(100% - 92px);min-height:28px;font-size:13px;list-style:none;display:flex}.effect-tools summary::-webkit-details-marker{display:none}.effect-tools summary>span{color:var(--blue)}.effect-tools details[open] summary>span{rotate:45deg}.copy-name{border:0;border-bottom:1px solid var(--nb-line);background:0 0;padding:3px 0;position:absolute;top:13px;right:0;color:var(--nb-ink)!important;font-size:12px!important}.copy-name:hover{border-color:var(--blue);color:var(--blue)!important}.effect-notes{color:var(--nb-ink);padding:16px 0 9px;font-size:14px;line-height:1.8}.effect-notes dl{margin:16px 0}.effect-notes dt{letter-spacing:.1em;color:var(--nb-muted);margin-top:13px;font-size:11px}.effect-notes dd{margin:3px 0 0}.effect-notes>a{border-bottom:1px solid var(--nb-line);color:var(--blue);font-size:12px}.catalog-empty{text-align:center;border:1px dashed var(--nb-line);padding:80px 20px}.catalog-empty>span{color:var(--blue);font:600 55px Motion Condensed,sans-serif}.catalog-empty h2{margin-top:12px;font-size:24px}.catalog-empty p{color:var(--muted);margin:8px 0 22px}.catalog-empty button{border:1px solid var(--nb-line);background:0 0;padding:8px 18px;font-size:14px}.collection-note{border-block:1px solid var(--line);grid-template-columns:60px 1fr auto;gap:20px;margin:64px 0 48px;padding:34px 0;display:grid}.collection-note>span{color:var(--blue);font:600 72px/1 Motion Condensed,sans-serif}.collection-note h2{margin-bottom:10px;font-size:20px}.collection-note p{max-width:670px;color:var(--nb-ink);font-size:15px;line-height:1.9}.collection-note .collection-technical{color:var(--nb-muted);margin-top:14px;font-size:12px}.collection-note>a{border-bottom:1px solid var(--nb-line);white-space:nowrap;align-self:end;font-size:13px}.motion-footer{max-width:1352px;color:var(--nb-muted);justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:0 32px 32px;font-size:11px;display:flex}.motion-footer>div{flex-wrap:wrap;gap:20px;display:flex}.motion-page:not(.is-ready) .fx-loop{animation:none!important}.fx-loop{animation-play-state:paused!important}.is-ready .motion-card.is-visible .fx-loop{animation-play-state:running!important}.is-ready.is-paused .motion-card .fx-loop{animation-play-state:paused!important}.is-ready .motion-card.is-visible.is-replaying .fx-loop{animation-iteration-count:1!important;animation-play-state:running!important}.is-ready.is-background .motion-card.is-visible .fx-loop{animation-play-state:paused!important}.fx-glitch{letter-spacing:-.07em;font-size:clamp(38px,4.2vw,60px);font-weight:850;position:relative}.fx-glitch>span{pointer-events:none;position:absolute;inset:0}.glitch-blue{color:var(--nb-accent);clip-path:polygon(0 22%,100% 22%,100% 42%,50% 42%,50% 49%,0 49%);animation:5s step-end infinite fx-glitch-a;translate:4px}.glitch-cyan{color:var(--cyan);clip-path:polygon(0 58%,100% 58%,100% 72%,70% 72%,70% 85%,0 85%);animation:5s step-end infinite fx-glitch-b;translate:-3px}@keyframes fx-glitch-a{0%,44%,to{translate:4px}12%{translate:-6px 1px}24%{translate:8px}36%{translate:1px -1px}}@keyframes fx-glitch-b{0%,44%,to{translate:-3px}12%{translate:6px -1px}24%{translate:-7px}36%{translate:2px 1px}}.type-terminal{border:1px solid var(--nb-line);background:var(--nb-surface);width:79%;box-shadow:5px 5px 0 var(--nb-line);padding:17px 17px 22px}.terminal-dots{color:var(--nb-muted);letter-spacing:3px;margin-bottom:16px;font-size:6px;display:block}.type-line{white-space:nowrap;letter-spacing:0;font:600 28px/1.5 monospace;display:block}.type-mask{clip-path:inset(0);width:6em;max-width:100%;animation:5s steps(6,end) infinite fx-type;display:block}.type-terminal small{color:var(--nb-muted);margin-top:14px;font-size:9px;display:block}.type-mask:after{content:"";border-right:2px solid var(--blue);vertical-align:middle;height:1em;display:inline-block}.type-mask{border-right:2px solid var(--blue);overflow:hidden}.type-mask:after{display:none}@keyframes fx-type{0%,8%{width:0}52%,90%{width:6em}to{width:6em}}.marquee-window{width:100%;overflow:hidden;transform:rotate(-7deg)}.marquee-track{width:max-content;animation:12s linear infinite fx-marquee;display:flex}.marquee-half{white-space:nowrap;align-items:center;gap:22px;padding-right:22px;font-size:50px;font-weight:850;line-height:1.4;display:flex}.marquee-half i{color:var(--cyan);font-size:48px;font-style:normal}.marquee-outline{color:#0000;-webkit-text-stroke:1px var(--nb-onaccent)}.marquee-rule{letter-spacing:.18em;border-top:1px solid #fff5;margin-top:15px;padding:9px 0 0 32px;font:600 10px Motion Condensed,sans-serif;display:block}@keyframes fx-marquee{to{transform:translate(-50%)}}.pointer-area{background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:absolute;inset:0;overflow:hidden}.pointer-area:focus-visible{outline-offset:-7px!important}.magnet-orbit{border:1px dashed var(--nb-line);pointer-events:none;border-radius:50%;width:164px;height:164px;position:absolute}.magnet-orbit:after{content:"";border:1px solid var(--nb-line);border-radius:50%;position:absolute;inset:20px}.magnet-button{background:var(--nb-well);color:var(--nb-light);box-shadow:4px 4px 0 var(--nb-cyan);translate:var(--mx,0px) var(--my,0px);pointer-events:none;border-radius:3px;padding:17px 23px;font-size:15px;transition:translate .22s cubic-bezier(.2,.8,.2,1);position:relative}.ripple-target{background:var(--nb-well);border:1px solid var(--nb-line);justify-content:space-between;align-items:center;width:73%;min-height:94px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:5px 5px #0b161a;color:var(--nb-light)!important;font-size:19px!important}.ripple-target>span,.ripple-target>i{z-index:1;pointer-events:none;position:relative}.ripple-target i{color:var(--cyan);font-style:normal}.ripple-drop{pointer-events:none;background:color-mix(in srgb,var(--nb-cyan) 36.86%,transparent);border:1px solid var(--nb-cyan);border-radius:50%;width:24px;height:24px;position:absolute;transform:scale(0)}.tilt-area{perspective:700px}.tilt-card{background:var(--nb-surface);border:1px solid var(--nb-line);width:165px;height:150px;box-shadow:8px 10px 0 var(--nb-line);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--nb-accent) 7.84%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--nb-accent) 7.84%,transparent) 1px,transparent 1px);background-size:16px 16px;padding:17px 19px;transition:transform .22s;position:relative}.tilt-card small{letter-spacing:.12em;color:var(--nb-ink);font:600 9px Motion Condensed,sans-serif;display:block}.tilt-card strong{margin-top:10px;font-size:36px;font-weight:800;display:block}.tilt-card>span{letter-spacing:.1em;color:var(--blue);font:600 11px Motion Condensed,sans-serif;display:block}.tilt-card>i{color:var(--blue);font:32px/1 sans-serif;position:absolute;bottom:20px;right:17px}.spotlight-grid{background-image:linear-gradient(color-mix(in srgb,var(--nb-line) 14.9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--nb-line) 14.9%,transparent) 1px,transparent 1px);pointer-events:none;background-size:22px 22px;position:absolute;inset:0}.spotlight-disc{background:radial-gradient(circle,color-mix(in srgb,var(--nb-cyan) 38.43%,transparent) 0%,color-mix(in srgb,var(--nb-accent) 20%,transparent) 35%,transparent 70%);width:240px;height:240px;translate:var(--lx,0px) var(--ly,0px);pointer-events:none;border-radius:50%;transition:translate .12s;position:absolute;top:calc(50% - 120px);left:calc(50% - 120px)}.spotlight-word{letter-spacing:-.01em;text-align:left;color:var(--nb-light);pointer-events:none;mix-blend-mode:screen;font:600 52px/.9 Motion Condensed,sans-serif;position:relative}.stagger-row{perspective:600px;gap:9px;padding:0 20px;display:flex}.stagger-tile{background:var(--nb-surface);border:1px solid var(--nb-line);width:48px;height:75px;box-shadow:3px 4px 0 var(--nb-line);color:var(--nb-ink);animation:5s infinite both fx-stagger;animation-delay:calc(var(--i)*.11s);place-items:center;font-size:24px;display:grid}.stagger-tile:nth-child(2){background:var(--nb-accent);color:var(--nb-onaccent);border-color:var(--nb-accent)}.stagger-tile:nth-child(3){background:var(--nb-wash)}@keyframes fx-stagger{0%,6%{opacity:0;transform:translateY(40px)rotate(-7deg)}25%,85%,to{opacity:1;transform:translateY(0)rotate(0)}}.spring-scene{width:76%;height:130px;position:relative}.spring-guide{border-top:1px solid #fff6;position:absolute;top:50%;left:0;right:0}.spring-guide:after{content:"";border-left:1px dashed #ffffff5c;height:94px;position:absolute;top:-47px;left:50%}.spring-ball{background:var(--cyan);border:1px solid var(--nb-line);width:50px;height:50px;box-shadow:4px 4px 0 var(--nb-accent);border-radius:50%;animation:4s ease-in-out infinite fx-spring;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.spring-label{text-align:center;color:var(--nb-onaccent);font-size:10px;position:absolute;bottom:-10px;left:0;right:0}@keyframes fx-spring{0%,10%{transform:translate(-85px)scaleX(.92)}34%{transform:translate(23px)scaleX(1.08)}47%{transform:translate(-11px)scaleX(.96)}61%{transform:translate(4px)}75%,to{transform:translate(0)}}.draw-scene{fill:none;width:82%;height:auto;max-height:164px;stroke:var(--blue);stroke-width:2.2px;overflow:visible}.draw-guide{stroke:#a3b4b3;stroke-dasharray:3 5;stroke-width:1px}.draw-line{stroke-dasharray:1;stroke-dashoffset:0;animation:5s ease-in-out infinite fx-draw}.draw-scene>circle{fill:var(--blue);stroke:none}.draw-corner{stroke:#7e9790;stroke-width:1px}@keyframes fx-draw{0%,8%{stroke-dashoffset:1px}70%,to{stroke-dashoffset:0}}.reveal-frame{border:1px solid var(--nb-line);background:repeating-conic-gradient(var(--nb-wash) 0 25%,var(--nb-surface) 0 50%) 0 0/12px 12px;width:75%;height:146px;box-shadow:5px 5px 0 var(--nb-line);position:relative;overflow:hidden}.reveal-under{color:var(--nb-muted);place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.reveal-art{background:var(--nb-accent);clip-path:inset(0);animation:5s cubic-bezier(.4,0,.2,1) infinite fx-reveal;position:absolute;inset:0;overflow:hidden}.reveal-art>i{border:25px solid var(--nb-cyan);border-radius:50%;width:170px;height:170px;position:absolute;top:-23px;right:-62px}.reveal-art>span{color:var(--nb-onaccent);font:600 35px/.94 Motion Condensed,sans-serif;position:absolute;top:24px;left:20px}.reveal-art>b{color:var(--nb-onaccent);font-size:38px;position:absolute;bottom:3px;right:13px}@keyframes fx-reveal{0%,10%{clip-path:inset(0 100% 0 0)}55%,85%,to{clip-path:inset(0)}}.flip-target{perspective:650px;background:0 0;border:0;width:168px;height:150px;padding:0}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.2,1);display:block;position:relative}.flip-target[aria-pressed=true] .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;text-align:left;border:1px solid var(--nb-line);background:var(--nb-surface);box-shadow:5px 5px 0 var(--nb-line);padding:15px 18px;position:absolute;inset:0}.flip-face>small{letter-spacing:.12em;color:var(--nb-muted);font:600 10px Motion Condensed,sans-serif;display:block}.flip-face>strong{letter-spacing:-.03em;margin-top:11px;font-size:22px;line-height:1.3;display:block}.flip-face>i{color:var(--blue);font-size:22px;font-style:normal;position:absolute;bottom:9px;right:14px}.flip-back{background:var(--nb-accent);border-color:var(--nb-accent);color:var(--nb-onaccent);transform:rotateY(180deg)}.flip-back small,.flip-back i{color:var(--nb-onaccent)}@media (width<=1100px){.motion-intro{gap:28px}.intro-specimen{margin-right:6px}.specimen-frames{left:12%;right:18%}.motion-grid{gap:20px 16px}.effect-info{padding-inline:17px}.effect-stage{height:222px}.effect-caption{min-height:72px}.type-line{font-size:23px}.stagger-row{gap:6px}.stagger-tile{width:40px}.catalog-toolbar{gap:16px}.catalog-actions,.catalog-search{flex:1}.catalog-search input{width:100%}}@media (width<=850px){.motion-header{padding:22px 26px}.motion-page main{padding-inline:24px}.motion-intro{padding-top:36px}.intro-heading h1{letter-spacing:-.085em;font-size:66px}.intro-heading h1>i{margin-left:14px;font-size:45px}.intro-copy{font-size:16px}.eyebrow{gap:14px;font-size:12px}.intro-specimen{min-height:226px}.specimen-frames i{width:65px;height:65px}.specimen-foot>b{font-size:39px}.specimen-foot>span{font-size:10px}.intro-foot{font-size:11px}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.effect-stage{height:230px}.effect-caption{min-height:48px}.fx-glitch{font-size:49px}.type-line{font-size:26px}.catalog-filter{justify-content:space-between;width:100%}.catalog-filter button{padding:10px 16px}.collection-note{grid-template-columns:35px 1fr}.collection-note>span{font-size:53px}.collection-note>a{grid-column:2;justify-self:start}.motion-footer{flex-direction:column;align-items:flex-start;gap:9px;padding-inline:24px}.motion-footer>div{gap:8px 18px}}@media (width<=580px){.motion-header{padding:20px}.motion-brand{font-size:23px}.motion-brand>span{display:none}.motion-header>a:last-child{font-size:12px}.motion-header>a:last-child>span{margin-left:5px}.motion-page main{padding-inline:18px}.motion-intro{grid-template-columns:1fr;gap:20px;padding-top:27px}.intro-heading h1{margin:12px 0 14px;font-size:70px}.intro-heading h1>i{margin-left:20px;font-size:43px}.intro-specimen{display:none}.intro-copy{font-size:15px}.intro-foot{padding:5px 0 20px;display:block;margin-top:0!important}.intro-foot>span{display:block}.intro-foot>span+span{margin-top:8px}.motion-library{padding-top:18px}.catalog-filter{gap:2px}.catalog-filter button{padding:9px 8px;font-size:12px}.catalog-filter button>span{margin-left:4px;font-size:11px}.catalog-actions{gap:8px;min-width:0}.catalog-search{min-width:0;padding:10px}.catalog-search input{font-size:13px}.motion-play{min-width:88px;padding:11px 9px;font-size:12px!important}.catalog-meta{gap:10px;margin-top:14px;font-size:10px}.motion-grid{grid-template-columns:minmax(0,1fr);gap:20px}.effect-stage{height:246px}.effect-info{padding:20px 22px 0}.effect-title-row h2{font-size:24px}.effect-caption{min-height:0;margin-bottom:19px!important}.effect-tools{padding:14px 0}.copy-name{top:15px}.effect-english{font-size:18px}.fx-glitch{font-size:58px}.type-terminal{max-width:290px}.type-line{font-size:28px}.pointer-area .magnet-button{padding:18px 26px}.draw-scene{max-width:310px}.stagger-tile{width:52px;height:78px}.stagger-row{gap:9px}.spring-scene{max-width:250px}.collection-note{grid-template-columns:25px 1fr;gap:12px;margin:36px 0 28px;padding:25px 0}.collection-note>span{font-size:44px}.collection-note h2{font-size:17px}.collection-note p{font-size:14px}.collection-note .collection-technical{font-size:11px}.motion-footer{padding-inline:18px;font-size:10px}.motion-footer>div{display:block}.motion-footer>div>a{margin-top:3px;display:block}}@media (width<=350px){.intro-heading h1{font-size:61px}.intro-heading h1>i{margin-left:10px}.catalog-filter button{padding:8px 7px;font-size:11px}.catalog-filter button>span{margin-left:3px}.catalog-search input{font-size:12px}.effect-stage{height:226px}.effect-info{padding-inline:18px}.fx-glitch{font-size:50px}.type-line{font-size:25px}.stagger-tile{width:43px}.stage-hint{font-size:10px}}@media (prefers-reduced-motion:reduce){.motion-page *{scroll-behavior:auto!important}.flip-inner,.magnet-button,.tilt-card,.spotlight-disc{transition:none}}.catalog-filter button{padding-inline:11px}.catalog-options{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:14px 0;display:flex}.catalog-options>p{color:var(--nb-ink);font-size:13px}.catalog-options>div{align-items:center;gap:10px;display:flex}.catalog-options button{border:1px solid var(--nb-line);white-space:nowrap;background:0 0;padding:6px 10px;font-size:12px}.catalog-options button:hover{border-color:var(--blue);color:var(--blue)}.catalog-options button[aria-pressed=true]{background:var(--blue);color:var(--nb-onaccent);border-color:var(--blue)}.catalog-options [data-saved-count]{font-variant-numeric:tabular-nums;margin-left:5px}.specimen-buttons{flex-shrink:0;gap:7px;display:flex}.save-button{background:0 0;border:1px solid #0000;width:30px;height:34px;padding:0;color:var(--nb-muted)!important;font-size:23px!important;line-height:1!important}.save-button:hover{border-color:var(--nb-line)}.save-button[aria-pressed=true]{color:var(--blue)!important}.motion-card:focus{outline:2px solid var(--blue);outline-offset:4px}.motion-card.is-saved .effect-info{box-shadow:inset 0 2px var(--blue)}.specimen-number{pointer-events:none}.motion-card:is([data-domain-id=navigation],[data-domain-id=scroll]) .effect-stage{height:264px}.effect-title-row{gap:7px}.effect-title-row h2{font-size:22px}.live-study{touch-action:pan-y;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0;overflow:hidden;color:var(--blue)!important}.live-study:focus-visible{outline-offset:-7px!important}.live-study canvas,.study-fallback{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.live-study canvas{visibility:hidden}.live-study.canvas-ready canvas{visibility:visible}.live-study.canvas-ready .study-fallback{display:none}.tone-ink .study-fallback{color:var(--cyan)}.study-caption{letter-spacing:.15em;color:var(--nb-muted);pointer-events:none;font:600 9px Motion Condensed,sans-serif;position:absolute;bottom:35px;left:15px;right:15px}.tone-ink .study-caption{color:var(--nb-light)}.live-study.is-running:after{content:"";background:var(--cyan);pointer-events:none;width:3px;height:3px;position:absolute;top:43px;left:18px}.goo-scene{width:100%;height:100%;color:var(--nb-cyan);overflow:visible}.goo-cross{stroke:#70898c;stroke-width:.8px;fill:none}.goo-orbit{transform-origin:160px 105px;animation-duration:8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.goo-a{animation-name:goo-one;translate:-54px -8px}.goo-b{animation-name:goo-two;translate:48px 8px}.goo-c{animation-name:goo-three;translate:4px -46px}@keyframes goo-one{0%,to{translate:-74px -5px;scale:.95}32%{translate:-13px 25px;scale:1.15}66%{translate:42px -20px;scale:.85}}@keyframes goo-two{0%,to{translate:72px 3px}36%{translate:11px -27px}70%{translate:-49px -10px}}@keyframes goo-three{0%,to{translate:9px -58px}32%{translate:53px 20px}65%{translate:-15px 46px}}.foil-area{perspective:620px}.foil-card{width:170px;height:170px;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(-8deg);color:#142943;pointer-events:none;background:#9bc7ba;border:1px solid #e1fff699;border-radius:10px;transition:transform .2s;display:block;position:relative;overflow:hidden;box-shadow:10px 15px 30px #0007}.foil-color{background:conic-gradient(from 35deg,#a9edda,#498adf,#e9adba,#e4e4b0,#00ced8,#b8b1ed,#a9edda);animation:9s ease-in-out infinite foil-shift;position:absolute;inset:-35%;rotate:-20deg}.foil-grain{background:repeating-linear-gradient(118deg,#f9fff536 0 1px,transparent 1px 4px),radial-gradient(ellipse at calc(50% + var(--mx,0px)) calc(30% + var(--my,0px)),#fff9 0,transparent 60%);mix-blend-mode:overlay;position:absolute;inset:0}.foil-card>small{letter-spacing:.1em;font:600 10px Motion Condensed,sans-serif;position:absolute;top:15px;left:15px}.foil-card>strong{-webkit-text-stroke:1px #17223d;color:#16336e12;text-shadow:2px 0 #fff6;font-size:72px;font-weight:900;line-height:1.3;position:absolute;top:34px;left:0;right:0}.foil-foot{letter-spacing:.1em;justify-content:space-between;align-items:center;font:600 10px Motion Condensed,sans-serif;display:flex;position:absolute;bottom:13px;left:15px;right:15px}.foil-foot i{font-size:26px;font-style:normal}@keyframes foil-shift{0%,to{translate:-4px;rotate:-20deg}50%{translate:12px -9px;rotate:55deg}}.scramble-scene{text-align:left;width:83%}.scramble-tag{letter-spacing:.15em;color:var(--nb-onaccent);margin-bottom:16px;font:600 10px Motion Condensed,sans-serif;display:block}.scramble-word{letter-spacing:.055em;white-space:nowrap;color:var(--nb-onaccent);min-height:1.2em;font:700 clamp(28px,4.2vw,43px)/1.2 Consolas,monospace;display:block}.scramble-meter{background:color-mix(in srgb,var(--nb-accent) 36.86%,transparent);width:100%;height:3px;margin-top:22px;display:block}.scramble-meter i{background:var(--cyan);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(1)}.moire-scene{background:var(--nb-surface);width:174px;height:174px;box-shadow:0 0 0 1px var(--nb-line);border-radius:50%;position:relative;overflow:hidden}.moire-layer{background:repeating-radial-gradient(circle at center,var(--nb-accent) 0 1.4px,transparent 1.4px 7px);position:absolute;inset:-60%}.moire-moving{mix-blend-mode:multiply;animation:14s ease-in-out infinite moire-drift;translate:24px 7px}.moire-pin{color:var(--nb-accent);opacity:.65;font:19px monospace;position:absolute;top:calc(50% - 12px);left:calc(50% - 5px)}@keyframes moire-drift{0%,to{translate:21px 4px}25%{translate:-12px 26px}50%{translate:-28px -5px}75%{translate:5px -22px}}.tunnel-scene{perspective:400px;width:100%;height:100%;position:relative;overflow:hidden}.tunnel-frame{border:1px solid var(--nb-cyan);width:160px;height:130px;box-shadow:inset 0 0 14px color-mix(in srgb,var(--nb-accent) 13.33%,transparent),0 0 9px color-mix(in srgb,var(--nb-cyan) 6.67%,transparent);transform:scale(calc(.24 + var(--i)*.17)) rotate(calc(var(--i)*6deg));opacity:.65;animation:8s linear infinite space-tunnel;animation-delay:calc(var(--i)*-1s);position:absolute;top:calc(50% - 65px);left:calc(50% - 80px)}.tunnel-frame:nth-child(2n){border-color:var(--nb-accent)}.tunnel-vanish{color:var(--nb-light);font:18px monospace;position:absolute;top:calc(50% - 12px);left:calc(50% - 4px)}@keyframes space-tunnel{0%{opacity:0;transform:scale(.08)rotate(-28deg)}12%{opacity:.7}70%{opacity:.7}to{opacity:0;transform:scale(2.6)rotate(33deg)}}.typewave-scene{text-align:center;width:100%;padding:15px 20px 0;position:relative}.typewave-scene>div{justify-content:center;align-items:center;gap:5px;height:83px;display:flex}.typewave-letter{letter-spacing:-.08em;animation:3.6s ease-in-out infinite type-swell;animation-delay:calc(var(--i)*-.22s);font-size:35px;font-weight:850;display:inline-block}.typewave-letter:nth-child(2n){color:var(--blue)}.typewave-baseline{border-top:1px dashed color-mix(in srgb,var(--nb-line) 40%,transparent);z-index:-1;display:block;position:absolute;top:67px;left:12%;right:12%}.typewave-scene small{letter-spacing:.15em;color:var(--nb-muted);margin-top:16px;font:600 9px Motion Condensed,sans-serif;display:block}@keyframes type-swell{0%,to{transform:translateY(14px)scaleY(.9)}50%{transform:translateY(-18px)scaleY(1.15)}}@media (width<=1100px){.catalog-filter{justify-content:flex-start;width:100%}.catalog-filter button{padding-inline:12px}.catalog-options{align-items:flex-start}.catalog-options>p{font-size:12px}.effect-title-row h2{font-size:21px}.specimen-buttons{gap:3px}.save-button{width:25px}.motion-card:is([data-domain-id=navigation],[data-domain-id=scroll]) .effect-stage{height:245px}.typewave-letter{font-size:29px}.scramble-word{font-size:32px}}@media (width<=850px){.catalog-filter{justify-content:space-between}.catalog-options{flex-direction:column;gap:11px}.catalog-options>div{align-self:flex-end}.motion-card:is([data-domain-id=navigation],[data-domain-id=scroll]) .effect-stage{height:260px}.scramble-word{font-size:39px}.typewave-letter{font-size:34px}.effect-title-row h2{font-size:22px}}@media (width<=580px){.catalog-filter{gap:5px}.catalog-filter button{flex:1 0 calc(33.333% - 5px);padding:10px 6px;font-size:12px}.catalog-options{margin-top:14px;padding:12px 0}.catalog-options>p{font-size:11px;line-height:1.7}.catalog-options>div{justify-content:space-between;width:100%}.catalog-options button{font-size:11px}.motion-card:is([data-domain-id=navigation],[data-domain-id=scroll]) .effect-stage{height:270px}.effect-title-row h2{font-size:24px}.specimen-buttons{gap:9px}.save-button{width:30px}.typewave-letter{font-size:35px}.scramble-word{font-size:40px}}@media (width<=350px){.catalog-filter button{font-size:11px}.catalog-options>p{font-size:10px}.motion-card:is([data-domain-id=navigation],[data-domain-id=scroll]) .effect-stage{height:245px}.typewave-letter{font-size:29px}.scramble-word{font-size:33px}.effect-title-row h2{font-size:22px}.specimen-buttons{gap:5px}}@media (prefers-reduced-motion:reduce){.foil-card{transition:none}}.video-lab{margin:0 0 30px;padding-top:42px;scroll-margin-top:22px}.video-lab-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.video-lab-heading h2{letter-spacing:-.045em;margin-top:8px;font-size:36px;line-height:1.5}.video-lab-heading h2>span{letter-spacing:0;color:var(--muted);margin-left:18px;font-size:17px;font-weight:400}.video-lab-heading>a{white-space:nowrap;color:var(--blue);padding-bottom:6px;font-size:13px}.video-workbench{border:1px solid var(--nb-line);background:var(--nb-surface);box-shadow:6px 6px 0 var(--nb-line);grid-template-columns:minmax(0,1fr) 296px;display:grid}.video-deck{background:radial-gradient(color-mix(in srgb,var(--nb-line) 37.65%,transparent) .65px,transparent .8px) 0 0/5px 5px;min-width:0;padding:18px}.video-monitor{aspect-ratio:16/9;background:var(--nb-glow);isolation:isolate;border:1px solid #11222e;position:relative;overflow:hidden}.video-monitor canvas,.video-monitor .video-poster{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.video-monitor canvas{opacity:0}.video-monitor.canvas-ready canvas{opacity:1}.video-monitor.canvas-ready .video-poster{visibility:hidden}.video-monitor-bar{background:linear-gradient(color-mix(in srgb,var(--nb-well) 65.88%,transparent),transparent);color:var(--nb-light);letter-spacing:.08em;pointer-events:none;text-shadow:0 1px 3px #000;justify-content:space-between;padding:9px 12px;font:600 12px Motion Condensed,sans-serif;display:flex;position:absolute;inset:0 0 auto}.video-monitor-bar>span:last-child{color:var(--nb-cyan)}.video-compare-line{border-left:1px solid var(--nb-line);pointer-events:none;filter:drop-shadow(0 0 2px #111);position:absolute;top:0;bottom:0;left:50%}.video-compare-line:after{content:"↔";border:1px solid var(--nb-line);width:30px;height:30px;color:var(--nb-light);background:color-mix(in srgb,var(--nb-well) 60%,transparent);border-radius:50%;place-items:center;font-size:17px;display:grid;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.video-compare-line>span{color:var(--nb-light);white-space:nowrap;font-size:11px;position:absolute;top:34px}.video-compare-line>span:first-child{right:10px}.video-compare-line>span:last-child{left:10px}[data-video-source]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.video-transport{border-bottom:1px solid var(--nb-line);align-items:center;gap:14px;padding:16px 0 12px;display:flex}.video-transport>button{background:var(--ink);color:var(--paper);border:0;min-width:96px;padding:10px 16px;font-size:13px}.video-transport>button:hover{background:var(--blue)}.video-seek{flex:1;min-width:40px;display:flex}.video-lab input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer;height:26px;margin:0}.video-transport>output{font-variant-numeric:tabular-nums;white-space:nowrap;font:600 14px Motion Condensed,sans-serif}.video-speed select{border:0;border-bottom:1px solid var(--nb-line);color:var(--ink);cursor:pointer;background:0 0;padding:7px 2px;font:600 14px Motion Condensed,sans-serif}.video-speed select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.video-tuning{grid-template-columns:1fr 1fr;gap:30px;padding:13px 0 0;font-size:13px;display:grid}.video-tuning>label{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;display:grid}.video-tuning>label input{grid-column:1/-1}.video-tuning output{color:var(--blue);font:600 16px Motion Condensed,sans-serif}.video-comparison{gap:2px;display:grid}.video-compare-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.video-compare-toggle input{accent-color:var(--blue);width:15px;height:15px;margin:0}.video-comparison input:disabled{opacity:.35;cursor:default}.video-palette{border-left:1px solid var(--nb-line);background:var(--nb-surface);flex-direction:column;padding:18px 18px 14px;display:flex}.video-palette-label{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.video-palette-label>span:last-child{letter-spacing:.06em;font:600 13px Motion Condensed,sans-serif}.video-effect-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.video-effect-list>button{border:1px solid var(--nb-line);text-align:left;background:0 0;align-items:center;gap:6px;min-width:0;padding:11px 8px;transition:background .15s,color .15s,border-color .15s;display:flex}.video-effect-list b{white-space:nowrap;font-size:13px;font-weight:550}.video-effect-list>button>span{color:var(--nb-muted);font:600 12px Motion Condensed,sans-serif}.video-effect-list i{margin-left:auto;font-size:13px;font-style:normal}.video-effect-list>button:hover{border-color:var(--blue);color:var(--blue)}.video-effect-list>button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:var(--nb-onaccent)}.video-effect-list>button[aria-pressed=true]>span{color:var(--nb-onaccent)}.video-effect-note{margin-top:auto;padding-top:20px}.video-effect-note h3{margin:0 0 3px;font-size:21px}.video-effect-note [data-video-english]{color:var(--blue);font:600 17px/1.2 Motion Condensed,sans-serif}.video-effect-note [data-video-hint]{color:var(--nb-ink);min-height:42px;margin-top:10px;font-size:13px}.video-effect-note>a{border-bottom:1px solid var(--nb-line);margin-top:10px;font-size:12px;display:inline-block}.video-source-row{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;font-size:12px;display:flex}.video-source-row>div:first-child{align-items:center;gap:13px;min-width:0;display:flex}.video-source-label{color:var(--muted);flex-shrink:0}.video-source-row strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.video-source-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.video-source-actions button{border:1px solid var(--nb-line);background:0 0;padding:7px 12px;font-size:12px}.video-source-actions button:hover{border-color:var(--blue);color:var(--blue)}.video-help{color:var(--muted);max-width:90ch;font-size:12px;line-height:1.8;margin-top:10px!important}.video-thumbnail{background:var(--nb-accent);color:var(--nb-onaccent);border:0;padding:0;position:absolute;inset:0;overflow:hidden}.video-thumbnail>img,.video-thumbnail>canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-thumbnail>canvas{opacity:0}.video-thumbnail.canvas-ready>canvas{opacity:1}.video-thumbnail.canvas-ready>img{visibility:hidden}.video-thumbnail>span{background:color-mix(in srgb,var(--nb-accent) 76.86%,transparent);opacity:0;border:1px solid #ffffff60;padding:4px 9px;font-size:11px;transition:opacity .15s,translate .15s;position:absolute;bottom:42px;left:16px;translate:0 5px}.video-thumbnail:is(:hover,:focus-visible)>span{opacity:1;translate:0}.motion-card:is([data-group=video],[data-group=transition]) .specimen-number{color:var(--nb-light);text-shadow:0 1px 4px var(--nb-accent);z-index:2;pointer-events:none}.motion-card:is([data-group=video],[data-group=transition]) .stage-hint{z-index:2;pointer-events:none;color:var(--nb-light);background:color-mix(in srgb,var(--nb-well) 72.94%,transparent);padding:3px 9px;bottom:12px}.motion-card:is([data-group=video],[data-group=transition]) .effect-stage{background:var(--nb-accent)}.video-monitor:focus-within{outline:2px solid var(--cyan)}@media (width<=1100px){.video-workbench{grid-template-columns:minmax(0,1fr) 265px}.video-deck{padding:13px}.video-palette{padding:14px}.video-effect-list>button{padding:9px 6px}.video-effect-list b{font-size:12px}.video-effect-list i{display:none}.video-effect-note{padding-top:16px}.video-transport{gap:10px}.video-transport>button{min-width:86px;padding:9px 10px}.video-tuning{gap:20px}}@media (width<=850px){.video-workbench{grid-template-columns:minmax(0,1fr)}.video-palette{border-left:0;border-top:1px solid var(--nb-line);grid-template-columns:1.3fr 1fr;gap:0 24px;padding:18px;display:grid}.video-palette-label{grid-column:1/-1}.video-effect-note{padding-top:0}.video-effect-list>button{padding:10px 8px}.video-effect-list b{font-size:13px}.video-effect-note{margin-top:0}.video-effect-note h3{font-size:25px}.video-deck{padding:16px}.video-lab-heading h2{font-size:32px}.video-lab-heading h2>span{margin-left:12px;font-size:14px}.video-lab-heading>a{font-size:12px}.video-source-row{align-items:start}}@media (width<=580px){.video-lab{margin-bottom:16px;padding-top:26px}.video-lab-heading{align-items:start;gap:10px;margin-bottom:15px}.video-lab-heading h2{font-size:30px;line-height:1.4}.video-lab-heading h2>span{margin:4px 0 0;font-size:14px;display:block}.video-lab-heading>a{margin-top:7px;font-size:11px}.video-deck{padding:8px}.video-transport{gap:8px;padding:10px 0}.video-transport>button{min-width:73px;padding:8px;font-size:11px}.video-transport>output{font-size:12px}.video-speed select{width:40px;font-size:12px}.video-seek{min-width:20px}.video-tuning{gap:18px;padding:9px 4px 3px;font-size:12px}.video-monitor-bar{padding:5px 7px;font-size:10px}.video-palette{padding:14px;display:block}.video-effect-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.video-effect-list>button{padding:10px 11px}.video-effect-list i{display:block}.video-effect-note{border-top:1px solid var(--nb-line);margin-top:14px;padding-top:12px}.video-effect-note h3{font-size:20px}.video-effect-note [data-video-hint]{min-height:0;margin-top:8px}.video-effect-note>a{margin-top:6px}.video-source-row{flex-direction:column;gap:10px;margin-top:19px}.video-source-actions{gap:6px}.video-source-actions button{padding:7px 9px;font-size:11px}.video-help{font-size:11px}.video-thumbnail>span{opacity:1;translate:none}.video-compare-line>span{font-size:10px;top:25px}.video-compare-line:after{width:24px;height:24px;font-size:14px}}@media (prefers-reduced-motion:reduce){.video-effect-list>button,.video-thumbnail>span{transition:none}}[data-video-source-b]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.video-monitor-bar>span:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:75%;overflow:hidden}.video-ab-marker{color:var(--nb-light);border:1px solid color-mix(in srgb,var(--nb-line) 40%,transparent);background:color-mix(in srgb,var(--nb-well) 73.33%,transparent);pointer-events:none;align-items:center;gap:9px;padding:5px 9px;font:600 14px Motion Condensed,sans-serif;display:flex;position:absolute;bottom:12px;left:14px}.video-ab-marker>b{min-width:35px;color:var(--nb-cyan);margin-left:7px;font-weight:600}.video-palette-tabs{border-bottom:1px solid var(--nb-line);gap:5px;margin-bottom:13px;display:flex}.video-palette-tabs>button{background:0 0;border:0;border-bottom:3px solid #0000;padding:7px 12px;font-size:13px}.video-palette-tabs>button[aria-pressed=true]{border-bottom-color:var(--blue);color:var(--blue)}.video-palette-tabs>button>span{color:var(--nb-muted);margin-left:7px;font:600 14px Motion Condensed,sans-serif}.transition-controls{border-bottom:1px solid var(--nb-line);padding:12px 0 9px}.transition-control-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.transition-control-heading>label{white-space:nowrap;font-size:13px}.transition-control-heading output{color:var(--blue);min-width:34px;margin-left:10px;font:600 17px Motion Condensed,sans-serif;display:inline-block}.transition-control-heading>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.transition-control-heading button{border:1px solid var(--nb-line);background:var(--nb-surface);padding:6px 9px;font-size:12px}.transition-control-heading button[aria-pressed=true]{color:var(--blue);border-color:var(--blue);background:var(--nb-surface)}.transition-scrubber{align-items:center;gap:12px;margin-top:8px;display:flex}.transition-scrubber>span{font:600 17px Motion Condensed,sans-serif}.transition-scrubber>span:last-child{color:var(--nb-muted)}.transition-controls>p{color:var(--muted);margin-top:4px;font-size:11px}.transition-strength-hint{color:var(--muted);padding-top:2px;font-size:11px;line-height:1.8}.video-renderer-notice{color:var(--nb-ink);padding-top:10px;font-size:12px}.video-source-pair{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.video-source-slot{border:1px solid var(--nb-line);background:var(--nb-surface);align-items:center;gap:13px;min-width:0;padding:11px 14px;display:flex}.video-source-badge{background:var(--blue);width:36px;height:43px;color:var(--paper);flex-shrink:0;place-items:center;font:600 26px Motion Condensed,sans-serif;display:grid}.video-source-slot:nth-child(2) .video-source-badge{background:#da634a}.video-source-slot>div{flex:1;min-width:0}.video-source-slot small{color:var(--muted);font-size:11px;display:block}.video-source-slot strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.video-source-slot>button,.video-reset-sources{white-space:nowrap;border:1px solid var(--nb-line);background:0 0;flex-shrink:0;padding:7px 10px;font-size:12px}.video-source-slot>button:hover,.video-reset-sources:hover{border-color:var(--blue);color:var(--blue)}.video-source-footer{justify-content:space-between;align-items:start;gap:20px;display:flex}.video-source-footer .video-help{flex:1}.video-reset-sources{margin-top:9px}.video-lab[data-playing=false] .video-ab-marker{border-color:var(--nb-line)}@media (width<=850px) and (width>=581px){.video-palette-tabs,.video-effect-list{grid-column:1}.video-effect-note{grid-area:2/2/span 2;padding-top:6px}}@media (width<=580px){.transition-control-heading{align-items:start;gap:8px}.transition-control-heading>label{margin-top:5px;font-size:11px}.transition-control-heading output{min-width:25px;margin-left:5px;font-size:15px}.transition-control-heading>div{gap:5px}.transition-control-heading button{padding:6px;font-size:10px}.transition-controls{padding:10px 3px 8px}.transition-controls>p{font-size:10px}.transition-scrubber{gap:8px}.transition-strength-hint{font-size:10px;line-height:1.6}.video-ab-marker{gap:6px;padding:3px 6px;font-size:11px;bottom:8px;left:8px}.video-ab-marker>b{min-width:28px;margin-left:2px}.video-source-pair{grid-template-columns:1fr;gap:8px;margin-top:20px}.video-source-slot{gap:10px;padding:10px 12px}.video-source-slot strong{font-size:12px}.video-source-slot>button{padding:7px 8px;font-size:11px}.video-source-badge{width:31px;height:36px;font-size:23px}.video-source-footer{flex-direction:column;gap:0}.video-reset-sources{font-size:11px}.video-palette-tabs{margin-bottom:10px}.video-palette-tabs>button{padding:6px 10px;font-size:12px}.video-palette-label{font-size:11px}}.video-source-pair:has([data-video-b-slot][hidden]){grid-template-columns:1fr}@media (width<=580px){.video-lab-heading{display:block;position:relative}.video-lab-heading>a{margin:0;padding:0;position:absolute;bottom:4px;right:0}.video-lab-heading .eyebrow>span{white-space:nowrap}}.motion-taxonomy{padding:30px 0 20px;scroll-margin-top:20px}.taxonomy-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.taxonomy-heading h2{letter-spacing:-.03em;font-size:23px}.taxonomy-heading>button{border:1px solid var(--nb-line);background:0 0;padding:8px 12px;font-size:13px}.taxonomy-heading>button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}.domain-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.domain-card{text-align:left;background:var(--nb-surface);border:1px solid var(--nb-line);flex-direction:column;align-items:start;min-width:0;min-height:154px;padding:18px;display:flex;position:relative}.domain-card>small{letter-spacing:.12em;color:var(--nb-muted);font:600 13px Motion Condensed,sans-serif}.domain-card>strong{letter-spacing:-.04em;margin:9px 0 4px;font-size:23px}.domain-card>span{color:var(--nb-muted);font-size:12px}.domain-card>em{color:var(--blue);font:600 24px Motion Condensed,sans-serif;position:absolute;top:16px;right:17px}.domain-card:hover{border-color:var(--blue);background:var(--nb-surface)}.domain-card[aria-pressed=true]{background:var(--nb-accent);color:var(--nb-onaccent);border-color:var(--nb-accent);box-shadow:4px 4px 0 var(--nb-line)}.domain-card[aria-pressed=true]>:is(span,small,em){color:var(--nb-onaccent)}.taxonomy-description{color:var(--muted);font-size:13px;margin-top:13px!important}.studio-switch{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding:13px 0;display:flex}.studio-switch>span{letter-spacing:.1em;color:var(--muted);font-size:12px}.studio-switch>div{flex-wrap:wrap;gap:8px;display:flex}.studio-switch button{background:0 0;border:1px solid #0000;padding:7px 12px;font-size:13px}.studio-switch button[aria-pressed=true]{border-color:var(--nb-line);background:var(--nb-surface);color:var(--blue)}.element-studio-note{color:var(--muted);padding:24px 0;font-size:14px}.catalog-filter{flex-wrap:wrap;gap:10px 18px}.catalog-filter-quick,.category-cluster{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.category-cluster{border-left:1px solid var(--line);padding-left:14px}.category-cluster>span{color:var(--muted);margin-right:4px;font-size:11px}.catalog-filter button{padding:7px 9px;font-size:12px}.catalog-toolbar{align-items:flex-start}.catalog-filter{flex:100%}.catalog-actions{margin-left:auto}.effect-classification{color:var(--nb-muted);letter-spacing:.03em;font-size:10px;margin-top:5px!important}.web-lab{--demo-h:360px;padding:30px 0 26px;scroll-margin-top:20px}.web-lab-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:19px;display:flex}.web-lab-heading h2{letter-spacing:-.04em;margin-top:8px;font-size:35px;line-height:1.5}.web-lab-heading h2>span{color:var(--muted);letter-spacing:0;margin-left:18px;font-size:16px;font-weight:400}.web-lab-heading>a{color:var(--blue);white-space:nowrap;padding-bottom:8px;font-size:12px}.web-workbench{border:1px solid var(--nb-line);box-shadow:5px 5px 0 var(--nb-line);grid-template-columns:minmax(0,1fr) 270px;display:grid}.web-demo-area{background:var(--nb-surface);min-width:0;padding:16px}.web-browser-chrome{background:var(--nb-surface);border:1px solid var(--nb-line);height:33px;color:var(--nb-ink);border-bottom:0;align-items:center;gap:13px;padding:0 12px;font-size:11px;display:flex}.browser-lights{letter-spacing:3px;color:var(--nb-muted);font-size:9px}.browser-local{color:var(--nb-muted);margin-left:auto;font-size:10px}.nav-window-controls{background:var(--nb-surface);border:1px solid var(--nb-line);border-bottom:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:11px;display:flex}.nav-window-controls>span{color:var(--nb-muted);text-align:center;flex:1}.nav-window-controls button{border:0;border-bottom:1px solid var(--nb-line);color:var(--blue);background:0 0;padding:4px 0;font-size:11px}.nav-window-controls button:disabled{opacity:.38}.nav-window{height:var(--demo-h);background:var(--nb-wash);border:1px solid var(--nb-line);isolation:isolate;position:relative;overflow:hidden}.nav-sheet{background:var(--nb-surface);grid-template-columns:1fr 1.1fr;align-items:center;gap:24px;padding:30px;display:grid;position:absolute;inset:0;overflow:hidden}.sheet-copy{z-index:1;min-width:0;position:relative}.sheet-copy>small{color:var(--nb-ink);letter-spacing:.1em;font:600 13px Motion Condensed,sans-serif}.sheet-copy>h3{letter-spacing:-.06em;margin:14px 0;font-size:37px;line-height:1.3}.sheet-copy>p{color:var(--nb-muted);font-size:13px;line-height:1.8}.sheet-copy>button{border:1px solid var(--nb-line);background:0 0;margin-top:21px;padding:9px 13px;font-size:12px}.sheet-copy>button:hover{color:var(--blue);border-color:var(--blue)}.sheet-art{background:var(--nb-accent);height:250px;color:var(--nb-onaccent);isolation:isolate;box-shadow:5px 5px 0 var(--nb-line);position:relative;overflow:hidden}.sheet-art:before{content:"";border:1px solid color-mix(in srgb,var(--nb-line) 37.65%,transparent);z-index:2;position:absolute;inset:10px}.sheet-art:after{content:"";border:1px solid color-mix(in srgb,var(--nb-line) 54.9%,transparent);z-index:1;border-radius:50%;width:300px;height:90px;position:absolute;top:40%;left:-60px;rotate:-25deg}.sheet-art>i{border:34px solid var(--nb-cyan);border-radius:50%;width:150px;height:150px;display:block;position:absolute;top:10%;left:24%}.sheet-art>b{letter-spacing:-.02em;font:600 52px/.9 Motion Condensed,sans-serif;position:absolute;bottom:36px;left:15px}.sheet-art>span{letter-spacing:.1em;font:600 10px Motion Condensed,sans-serif;position:absolute;bottom:14px;left:16px}.nav-sheet-b{background:var(--nb-surface);z-index:2}.nav-sheet-b .sheet-art{background:var(--nb-wellraised);color:var(--nb-light)}.nav-sheet-b .sheet-art>i{background:var(--nb-wash);border-color:#f3c277;border-radius:4px;left:34%;rotate:28deg}.nav-sheet-b .sheet-art:after{rotate:20deg}.nav-curtain{z-index:10;background:var(--nb-accent);color:var(--nb-onaccent);place-items:center;font:600 30px Motion Condensed,sans-serif;display:grid;position:absolute;inset:0}.nav-shared-clone{z-index:8;box-shadow:none;pointer-events:none;margin:0;position:absolute}.web-lab[data-nav-kind=p-shared] .nav-sheet-a{grid-template-columns:1fr 1fr}.web-lab[data-nav-kind=p-shared] .nav-sheet-a .sheet-art{justify-self:center;width:75%;height:185px}.web-lab[data-nav-kind=p-shared] .nav-sheet-b{background:var(--nb-surface);grid-template-columns:.7fr 1.3fr}.web-lab[data-nav-kind=p-shared] .nav-sheet-b .sheet-art{background:var(--nb-accent);height:290px;color:var(--nb-onaccent)}.web-lab[data-nav-kind=p-shared] .nav-sheet-b .sheet-art>i{border:34px solid var(--nb-cyan);background:0 0;border-radius:50%;left:24%;rotate:0deg}.web-lab[data-nav-kind=p-stack] .nav-sheet-b{border:1px solid var(--nb-line);border-radius:12px 12px 0 0;inset:18px 10px 0;box-shadow:0 -8px 30px #162e3e40}.nav-full-menu{z-index:12;background:var(--nb-well);color:var(--nb-light);padding:25px 34px;position:absolute;inset:0;overflow:auto}.nav-full-menu>div{letter-spacing:.12em;color:var(--nb-dim);justify-content:space-between;align-items:center;margin-bottom:30px;font:600 13px Motion Condensed,sans-serif;display:flex}.nav-full-menu button{color:inherit;background:0 0;border:0}.nav-full-menu>div>button{border-bottom:1px solid var(--nb-line);padding:5px;font-size:12px}.nav-full-menu>button{text-align:left;border-top:1px solid var(--nb-line);align-items:center;gap:22px;width:100%;padding:13px 0;font-size:36px;display:flex}.nav-full-menu>button>span{color:var(--nb-dim);font:600 14px Motion Condensed,sans-serif}.nav-full-menu>button>i{color:var(--nb-cyan);margin-left:auto;font-style:normal}.nav-full-menu>p{color:var(--nb-dim);margin-top:18px;font-size:12px}.web-demo-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding-top:14px;font-size:11px;display:flex}.web-demo-foot button{border:1px solid var(--nb-line);white-space:nowrap;background:0 0;padding:7px 10px;font-size:12px}.web-palette{border-left:1px solid var(--nb-line);background:var(--nb-surface);flex-direction:column;padding:20px;display:flex}.web-palette-heading{color:var(--muted);font-size:12px;margin-bottom:13px!important}.web-effect-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.web-effect-list>button{text-align:left;border:1px solid var(--nb-line);white-space:nowrap;background:0 0;align-items:center;gap:7px;padding:11px 7px;font-size:12px;display:flex}.web-effect-list>button>span{color:var(--nb-muted);font:600 12px Motion Condensed,sans-serif}.web-effect-list>button>i{color:var(--blue);margin-left:auto;font-style:normal}.web-effect-list>button[aria-pressed=true]{background:var(--nb-accent);color:var(--nb-onaccent);border-color:var(--nb-accent)}.web-effect-list>button[aria-pressed=true]>:is(span,i){color:var(--nb-onaccent)}.web-effect-note{margin-top:auto;padding-top:24px}.web-effect-note h3{letter-spacing:-.04em;margin:0 0 5px;font-size:23px;line-height:1.4}.web-effect-note [data-web-english]{color:var(--blue);font:600 18px/1.2 Motion Condensed,sans-serif}.web-effect-note [data-web-hint]{color:var(--nb-ink);margin-top:12px;font-size:13px;line-height:1.8}.web-effect-note>a{border-bottom:1px solid var(--nb-line);margin-top:14px;font-size:12px;display:inline-block}.real-route-link{border:1px solid var(--nb-line);margin-top:20px;padding:10px;font-size:12px;color:var(--blue)!important}.web-lab-note{color:var(--muted);font-size:12px;line-height:1.8;margin-top:18px!important}.scroll-meter{letter-spacing:.07em;background:var(--nb-surface);border:1px solid var(--nb-line);border-bottom:0;justify-content:space-between;gap:15px;padding:10px 12px;font:600 12px Motion Condensed,sans-serif;display:flex;position:relative;overflow:hidden}.scroll-meter>i{background:var(--blue);width:100%;height:3px;transform:scaleX(var(--scroll-p,0));transform-origin:0;position:absolute;bottom:0;left:0}.demo-scroll-root{height:var(--demo-h);border:1px solid var(--nb-line);background:var(--nb-surface);scrollbar-width:thin;scrollbar-color:#7f9482 #dbe4d6;scrollbar-gutter:stable;touch-action:pan-y;--scroll-p:0;position:relative;overflow:hidden auto}.scroll-scene h3{letter-spacing:-.04em}.reader-paper{color:var(--nb-ink);padding:32px 38px}.reader-paper>small{letter-spacing:.14em;color:var(--nb-muted);font:600 12px Motion Condensed,sans-serif}.reader-paper>h3{margin:18px 0 35px;font-size:42px;line-height:1.1}.reader-paper>section{border-top:1px solid var(--nb-line);padding:25px 0 30px;position:relative}.reader-paper>section>span{color:var(--nb-muted);font:600 14px Motion Condensed,sans-serif}.reader-paper h4{margin:10px 0;font-size:22px}.reader-paper p{color:var(--nb-muted);font-size:14px}.reader-lines{background:repeating-linear-gradient(transparent 0 17px,var(--nb-wash) 17px 19px);width:85%;height:60px;margin-top:20px}.reader-paper .scroll-end{text-align:center;color:var(--blue);padding:30px 0;font-size:15px}.scroll-controls{padding-top:12px}.scroll-controls>div{flex-wrap:wrap;gap:8px;display:flex}.scroll-controls button{border:1px solid var(--nb-line);background:var(--nb-surface);padding:7px 11px;font-size:12px}.scroll-controls button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}.scroll-controls>label{align-items:center;gap:18px;margin-top:11px;font-size:12px;display:flex}.scroll-controls input{width:100%;height:25px;accent-color:var(--blue);margin:0}.scroll-controls label>span{white-space:nowrap}.scroll-controls>p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.7}.reveal-notes{padding:50px 28px 70px}.scroll-reveal-card{border-top:1px solid var(--nb-line);min-height:190px;opacity:var(--reveal,1);transform:translateY(calc((1 - var(--reveal,1)) * 34px));align-items:center;gap:18px;margin-bottom:35px;padding:30px 0;display:flex;position:relative}.scroll-reveal-card>span{color:var(--nb-muted);font:600 16px Motion Condensed,sans-serif}.scroll-reveal-card>div{flex:1}.scroll-reveal-card h3{margin:0 0 10px;font-size:25px}.scroll-reveal-card p{color:var(--nb-muted);font-size:13px;line-height:1.8}.scroll-reveal-card>i{background:var(--nb-accent);width:65px;height:65px;box-shadow:8px 6px 0 var(--nb-cyan);border-radius:50%;flex-shrink:0}.scroll-reveal-card:nth-child(2n)>i{background:var(--nb-cyan);border-radius:0;rotate:12deg}.parallax-runway{height:1100px}.parallax-pin{height:var(--demo-h);background:var(--nb-surface);isolation:isolate;position:sticky;top:0;overflow:hidden}.parallax-sun{background:var(--nb-surface);width:105px;height:105px;transform:translateY(calc(var(--scroll-p) * 42px));border-radius:50%;position:absolute;top:32px;right:18%}.parallax-far,.parallax-mid,.parallax-near{clip-path:polygon(0 55%,15% 12%,27% 48%,48% 0,70% 60%,84% 20%,100% 50%,100% 100%,0 100%);width:125%;height:70%;position:absolute;bottom:-15%;left:-10%}.parallax-far{background:var(--nb-line);transform:translateY(calc(var(--scroll-p) * -28px));bottom:2%}.parallax-mid{background:var(--nb-cyan);transform:translateY(calc(var(--scroll-p) * -65px));bottom:-8%}.parallax-near{background:var(--nb-accent);height:75%;transform:translateY(calc(var(--scroll-p) * -110px));bottom:-32%}.parallax-pin h3{color:var(--nb-ink);transform:translateY(calc(var(--scroll-p) * -18px));margin:0;font-size:36px;line-height:1.2;position:absolute;top:27px;left:35px}.parallax-caption{letter-spacing:.15em;color:var(--nb-light);font:600 12px Motion Condensed,sans-serif;position:absolute;bottom:24px;left:35px}.pin-layout{grid-template-columns:.85fr 1fr;align-items:start;gap:25px;padding:24px;display:grid}.pinned-picture{background:var(--nb-accent);height:240px;color:var(--nb-onaccent);padding:20px;position:sticky;top:24px;overflow:hidden}.pinned-picture>small{font-size:11px}.pinned-picture>div{color:var(--nb-cyan);margin-top:20px;font:600 130px/.9 Motion Condensed,sans-serif}.pinned-picture>b{color:var(--nb-onaccent);font:600 36px Motion Condensed,sans-serif;position:absolute;bottom:10px;right:13px}.pin-chapter{min-height:240px;padding:20px 0}.pin-chapter>small{color:var(--nb-muted);letter-spacing:.1em;font:600 12px Motion Condensed,sans-serif}.pin-chapter h3{margin:14px 0;font-size:23px;line-height:1.4}.pin-chapter p{color:var(--nb-muted);font-size:13px;line-height:1.8}.horizontal-runway{height:1100px}.horizontal-pin{height:var(--demo-h);position:sticky;top:0;overflow:hidden}.horizontal-track{width:300%;height:100%;transform:translateX(calc(var(--scroll-p) * -66.6667%));display:flex}.horizontal-track>section{background:var(--nb-accent);width:33.3333%;height:100%;color:var(--nb-onaccent);flex-shrink:0;padding:32px;position:relative;overflow:hidden}.horizontal-track>section:nth-child(2){background:var(--nb-surface);color:var(--nb-ink)}.horizontal-track>section:nth-child(3){background:var(--nb-wellraised);color:var(--nb-light)}.horizontal-track small{letter-spacing:.13em;z-index:1;font:600 13px Motion Condensed,sans-serif;position:relative}.horizontal-track h3{z-index:1;margin:28px 0;font-size:37px;position:relative}.horizontal-track>section>i{border:34px solid var(--nb-cyan);border-radius:50%;width:180px;height:180px;position:absolute;bottom:10px;right:24px}.horizontal-track>section:nth-child(2)>i{border-color:var(--nb-line);border-radius:0;rotate:23deg}.horizontal-track>section:nth-child(3)>i{border-color:#e2c283}.horizontal-track>section>span{font-size:12px;position:absolute;bottom:26px;left:32px}.stack-flow{padding:20px 24px 80px}.sticky-note{top:calc(14px + var(--i) * 12px);border:1px solid var(--nb-line);background:var(--nb-surface);height:230px;margin-bottom:100px;padding:25px;position:sticky;overflow:hidden;box-shadow:0 -5px 18px #1a3d3121}.sticky-note:nth-child(2){background:var(--nb-accent);color:var(--nb-onaccent)}.sticky-note:nth-child(3){background:var(--nb-well);color:var(--nb-light)}.sticky-note:nth-child(4){background:var(--nb-wash)}.sticky-note small{letter-spacing:.13em;font:600 12px Motion Condensed,sans-serif}.sticky-note h3{z-index:1;margin:26px 0 10px;font-size:30px;position:relative}.sticky-note p{z-index:1;max-width:80%;font-size:13px;position:relative}.sticky-note>i{opacity:.17;font:600 150px/1 Motion Condensed,sans-serif;position:absolute;bottom:0;right:12px}.demo-scroll-root[data-scroll-kind=s-snap]{scroll-snap-type:y mandatory}.snap-sheet{height:calc(var(--demo-h) - 2px);scroll-snap-align:start;scroll-snap-stop:always;background:var(--nb-surface);flex-direction:column;justify-content:center;padding:34px;display:flex}.snap-sheet:nth-child(2){background:var(--nb-accent);color:var(--nb-onaccent)}.snap-sheet:nth-child(3){background:var(--nb-well);color:var(--nb-light)}.snap-sheet:nth-child(4){background:var(--nb-wash)}.snap-sheet small{font:600 15px Motion Condensed,sans-serif}.snap-sheet h3{margin:22px 0 10px;font-size:37px;line-height:1.4}.snap-sheet p{font-size:14px}.snap-sheet>span{margin-top:20px;font-size:28px}.reading-runway{height:1100px}.reading-words{height:var(--demo-h);background:var(--nb-surface);flex-direction:column;justify-content:center;padding:36px;display:flex;position:sticky;top:0}.reading-words>small{letter-spacing:.13em;color:var(--nb-muted);font:600 12px Motion Condensed,sans-serif}.reading-words>p{letter-spacing:-.04em;margin-top:18px;font-size:42px;font-weight:650;line-height:1.6}.reading-words>p>span{color:color-mix(in srgb,var(--nb-accent) calc(var(--word-lit,0) * 100%),var(--nb-muted))}.reading-words>span{color:var(--nb-muted);margin-top:22px;font-size:12px}.web-card-preview{color:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.mini-browser{border:1px solid var(--nb-line);background:var(--nb-surface);color:var(--nb-ink);position:absolute;inset:23% 15% 24%;overflow:hidden;box-shadow:6px 7px #15312820}.mini-chrome{background:var(--nb-wash);z-index:3;align-items:center;gap:4px;height:15px;padding-left:7px;display:flex;position:absolute;inset:0 0 auto}.mini-chrome i{background:var(--nb-line);border-radius:50%;width:3px;height:3px}.mini-page-track{animation:7s ease-in-out infinite mini-page-travel;position:absolute;inset:15px 0 0}.mini-sheet{text-align:left;background:var(--nb-surface);padding:16px;position:absolute;inset:0}.mini-sheet>b{z-index:1;font:600 20px Motion Condensed,sans-serif;position:relative}.mini-sheet>i{border:11px solid var(--nb-accent);border-radius:50%;width:52px;height:52px;position:absolute;top:15px;right:15px}.mini-sheet>em{background:var(--nb-line);width:44%;height:3px;margin-top:13px;display:block}.mini-sheet>em+em{width:30%;margin-top:6px}.mini-sheet-b{background:var(--nb-wellraised);color:var(--nb-light);transform:translate(100%)}.mini-sheet-b>i{border-color:var(--nb-cyan)}.mini-sheet-b>em{background:var(--nb-line)}.web-card-open{text-align:center;color:inherit;opacity:.6;font-size:10px;position:absolute;bottom:37px;left:0;right:0}.mini-is-scroll .mini-page-track{animation-name:mini-scroll-travel;inset:15px 0 -50%}.mini-is-scroll .mini-sheet-b{transform:translateY(100%)}.mini-scroll-thumb{background:var(--nb-line);width:3px;height:25px;animation:6s ease-in-out infinite mini-thumb;position:absolute;top:20px;right:4px}.mini-page-track[data-mini-kind=p-shared]{animation-name:mini-page-zoom}.mini-page-track[data-mini-kind=p-menu]{animation-timing-function:steps(3,end)}.mini-page-track[data-mini-kind=p-portal]{border-radius:45%}.mini-page-track[data-mini-kind=s-horizontal]{animation-name:mini-page-travel}.mini-page-track[data-mini-kind=s-horizontal] .mini-sheet-b{transform:translate(100%)}@keyframes mini-page-travel{0%,20%,to{translate:0}48%,72%{translate:-100%}}@keyframes mini-page-zoom{0%,20%,to{scale:1}50%,70%{translate:-8% 6%;scale:1.5}}@keyframes mini-scroll-travel{0%,12%,to{translate:0}55%,78%{translate:0 -75%}}@keyframes mini-thumb{0%,12%,to{translate:0}55%,78%{translate:0 55px}}@media (width<=1100px){.web-workbench{grid-template-columns:minmax(0,1fr) 245px}.web-palette{padding:16px}.web-effect-list>button{gap:5px;padding:10px 7px;font-size:11px}.web-effect-list>button>i{display:none}.nav-sheet{gap:15px;padding:24px}.sheet-copy>h3{font-size:30px}.sheet-art{height:230px}.sheet-art>b{font-size:42px}.sheet-art>i{border-width:26px;width:120px;height:120px;left:15%}.domain-card{padding:16px}.domain-card>strong{font-size:21px}.domain-card>span{font-size:11px}}@media (width<=850px){.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-card{min-height:130px}.web-workbench{grid-template-columns:minmax(0,1fr)}.web-palette{border-left:0;border-top:1px solid var(--nb-line);grid-template-columns:1.2fr 1fr;gap:0 24px;display:grid}.web-palette-heading{grid-column:1/-1}.web-effect-list{grid-column:1}.web-effect-note{grid-area:2/2/span 2;margin-top:0;padding-top:0}.real-route-link{grid-column:1;margin-top:12px}.web-effect-list>button{font-size:12px}.web-lab-heading h2{font-size:30px}.web-lab-heading h2>span{font-size:14px}.category-cluster{border-left:0;padding-left:0}.category-cluster>span{min-width:50px}.catalog-filter{justify-content:flex-start!important;display:flex!important}.catalog-actions{width:100%}}@media (width<=580px){.taxonomy-heading h2{font-size:20px}.taxonomy-heading>button{padding:7px 9px;font-size:11px}.motion-taxonomy{padding-top:23px}.domain-grid{gap:9px}.domain-card{min-height:134px;padding:13px}.domain-card>small{font-size:11px}.domain-card>strong{margin:11px 0 5px;font-size:21px}.domain-card>span{max-width:10em;font-size:11px;line-height:1.6}.domain-card>em{font-size:21px;top:10px;right:11px}.taxonomy-description{font-size:12px}.studio-switch{padding:11px 0;display:block}.studio-switch>span{display:none}.studio-switch>div{justify-content:space-between;gap:3px}.studio-switch button{padding:7px 9px;font-size:12px}.web-lab{--demo-h:300px;padding-top:24px}.web-lab-heading{display:block;position:relative}.web-lab-heading h2{font-size:28px;line-height:1.5}.web-lab-heading h2>span{margin:0;font-size:13px;display:block}.web-lab-heading>a{padding:0;font-size:11px;position:absolute;bottom:3px;right:0}.web-demo-area{padding:8px}.web-browser-chrome{gap:8px;padding:0 8px;font-size:10px}.browser-local{font-size:9px}.browser-lights{letter-spacing:1px;font-size:8px}.nav-window-controls{gap:9px;padding:7px 9px;font-size:10px}.nav-window-controls button{font-size:10px}.nav-sheet{grid-template-columns:1fr 1fr;gap:12px;padding:18px 15px}.sheet-copy>small{letter-spacing:0;font-size:10px}.sheet-copy>h3{margin:14px 0;font-size:27px;line-height:1.2}.sheet-copy>p{font-size:11px}.sheet-copy>button{margin-top:18px;padding:8px;font-size:10px}.sheet-art{height:205px;box-shadow:3px 4px 0 var(--nb-line)}.sheet-art>i{border-width:23px;width:105px;height:105px;left:12%}.sheet-art>b{font-size:32px;bottom:35px;left:9px}.sheet-art>span{letter-spacing:0;font-size:8px;bottom:16px;left:9px}.sheet-art:before{inset:6px}.web-lab[data-nav-kind=p-shared] .nav-sheet-b .sheet-art{height:240px}.web-lab[data-nav-kind=p-shared] .nav-sheet-a .sheet-art{width:85%;height:150px}.web-lab[data-nav-kind=p-shared] .nav-sheet-b .sheet-art>i{border-width:23px}.nav-full-menu{padding:22px}.nav-full-menu>button{font-size:29px}.web-demo-foot{gap:8px;font-size:10px;line-height:1.7}.web-demo-foot button{padding:7px;font-size:10px}.web-palette{padding:15px;display:block}.web-effect-list>button{padding:11px;font-size:12px}.web-effect-list>button>i{display:block}.web-effect-note{border-top:1px solid var(--nb-line);margin-top:17px;padding-top:17px}.web-effect-note h3{font-size:21px}.real-route-link{margin-top:16px;font-size:11px;display:inline-block}.web-lab-note{font-size:11px}.reader-paper{padding:26px 24px}.reader-paper>h3{font-size:34px}.reader-paper h4{font-size:21px}.reader-paper p{font-size:13px}.scroll-controls>div{gap:6px}.scroll-controls button{padding:7px 9px;font-size:10px}.scroll-controls>label{gap:10px;font-size:11px}.scroll-controls>p{font-size:10px}.reveal-notes{padding:30px 18px}.scroll-reveal-card{gap:12px}.scroll-reveal-card h3{font-size:22px}.scroll-reveal-card>i{width:42px;height:42px}.scroll-reveal-card p{font-size:12px}.parallax-pin h3{font-size:29px;left:24px}.pin-layout{grid-template-columns:1fr 1.1fr;gap:16px;padding:16px}.pinned-picture{height:205px;padding:13px;top:16px}.pinned-picture>small{font-size:10px}.pinned-picture>div{font-size:90px}.pin-chapter h3{font-size:21px}.pin-chapter p{font-size:12px}.horizontal-track>section{padding:25px}.horizontal-track h3{font-size:31px}.horizontal-track>section>i{width:150px;height:150px;right:15px}.stack-flow{padding-inline:16px}.sticky-note{height:210px;padding:21px}.sticky-note h3{font-size:27px}.sticky-note p{font-size:12px}.snap-sheet{padding:27px}.snap-sheet h3{font-size:30px}.reading-words{padding:25px}.reading-words>p{font-size:31px}.catalog-filter{gap:7px}.category-cluster>span{font-size:10px}.catalog-filter button{padding:7px 8px!important;font-size:11px!important}.effect-classification{font-size:10px}.element-studio-note{font-size:13px}}@media (prefers-reduced-motion:reduce){.scroll-reveal-card{opacity:1!important;transform:none!important}.parallax-sun,.parallax-far,.parallax-mid,.parallax-near,.parallax-pin h3{transform:none!important}}.motion-card:has([data-micro]) .effect-stage{height:286px}.micro-study{width:min(84%,310px);color:var(--nb-ink);--micro-ease:cubic-bezier(.2,.75,.2,1);position:relative}.tone-ink .micro-study{color:var(--nb-light)}.micro-study button:focus-visible{outline-offset:3px!important}.micro-action{border:1px solid var(--nb-line);background:var(--nb-surface);min-height:38px;padding:8px 12px;color:var(--nb-accent)!important;font-size:12px!important}.micro-action:hover{background:var(--nb-surface);border-color:var(--nb-accent)}.tone-ink .micro-action{border-color:var(--nb-line);background:var(--nb-well);color:var(--nb-cyan)!important}.micro-bottom{justify-content:space-between;align-items:center;gap:8px;min-height:38px;margin-top:20px;display:flex}.micro-bottom p{color:var(--nb-muted);font-size:11px;line-height:1.6}.tone-ink .micro-bottom p{color:var(--nb-dim)}.micro-kicker{letter-spacing:.18em;color:var(--nb-muted);margin-bottom:15px;font:600 10px Motion Condensed,sans-serif;display:block}.snap-rail{height:86px;margin:20px 0 0;position:relative}.snap-rail:before{content:"";background:var(--nb-line);height:1px;position:absolute;top:22px;left:22px;right:22px}.snap-ticks{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0}.snap-ticks i{text-align:center;width:44px;color:var(--nb-muted);padding-top:63px;font:600 12px Motion Condensed,sans-serif;position:relative}.snap-ticks i:before{content:"";border:1px dashed var(--nb-line);border-radius:7px;width:38px;height:38px;position:absolute;top:3px;left:3px}.snap-piece{background:var(--nb-accent);border:1px solid var(--nb-accent);width:44px;height:44px;box-shadow:3px 4px 0 color-mix(in srgb,var(--nb-cyan) 45.88%,transparent);user-select:none;border-radius:7px;padding:0;position:absolute;top:0;left:0;cursor:grab!important;touch-action:pan-y!important;color:var(--nb-onaccent)!important}.snap-piece>span{pointer-events:none;font-size:29px}.snap-piece.is-dragging{box-shadow:4px 7px 0 color-mix(in srgb,var(--nb-cyan) 45.88%,transparent);cursor:grabbing!important}.reorder-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.reorder-list>li{border:1px solid var(--nb-line);background:var(--nb-surface);align-items:center;gap:13px;height:39px;padding:0 12px;font-size:12px;display:flex;position:relative}.reorder-list>li:nth-child(2){background:var(--nb-surface)}.reorder-list>li>span{color:var(--nb-muted);font:600 14px Motion Condensed,sans-serif}.reorder-list b{font-weight:500}.reorder-list i{color:var(--nb-accent);margin-left:auto;font-size:20px;font-style:normal}.reorder-study .micro-bottom{justify-content:flex-end;margin-top:13px}.micro-tabs{border:1px solid var(--nb-line);background:var(--nb-surface);grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative}.micro-tab-marker{background:var(--nb-accent);width:calc(33.3333% - 2.66667px);height:calc(100% - 8px);transition:transform .45s var(--micro-ease),width .45s var(--micro-ease);pointer-events:none;position:absolute;top:4px;left:4px}.micro-tabs button{z-index:1;background:0 0;border:0;min-width:0;padding:10px 5px;font-size:14px;position:relative}.micro-tabs button[aria-selected=true]{color:var(--nb-onaccent)}.micro-tab-panel{flex-direction:column;justify-content:center;align-items:center;gap:15px;height:120px;padding-top:18px;display:flex}.micro-tab-panel p{color:var(--nb-muted);font-size:11px}.tab-shape{background:var(--nb-accent);width:43px;height:43px;box-shadow:6px 4px 0 var(--nb-cyan);display:block}.tab-shape.shape-0{border-radius:50%}.tab-shape.shape-2{width:60px;height:3px;rotate:-23deg}.fold-paper{border:1px solid var(--nb-line);background:var(--nb-surface);box-shadow:4px 4px 0 var(--nb-line);padding:0 15px}.fold-paper h3{margin:0;font-size:13px;font-weight:500}.fold-paper button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:16px 0;font-size:13px;display:flex}.fold-paper button>span{color:var(--nb-accent);transition:rotate .35s var(--micro-ease);font-size:23px}.fold-paper button[aria-expanded=true]>span{rotate:45deg}.fold-grid{opacity:0;transition:grid-template-rows .45s var(--micro-ease),opacity .3s;grid-template-rows:0fr;display:grid}.fold-grid>div{min-height:0;overflow:hidden}.fold-grid[aria-hidden=false]{opacity:1;grid-template-rows:1fr}.fold-grid p{padding-top:2px;font-size:12px;line-height:1.9}.fold-pattern{letter-spacing:3px;color:var(--nb-accent);padding:10px 0 13px;font-size:24px;display:block}.fold-paper>small{border-top:1px solid var(--nb-line);color:var(--nb-muted);padding:9px 0;font-size:10px;display:block}.counter-windows{justify-content:center;gap:6px;height:78px;display:flex}.counter-window{background:var(--nb-well);border:1px solid var(--nb-cyan);border-radius:3px;width:54px;height:78px;position:relative;overflow:hidden}.counter-window:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 8px 11px #0f1d2380,inset 0 -7px 10px #0f1d2380}.counter-strip{will-change:transform;flex-direction:column;height:780px;display:flex}.counter-strip b{text-align:center;height:78px;color:var(--nb-cyan);flex:0 0 78px;font:600 64px/78px Motion Condensed,sans-serif}.loading-sheet{border:1px solid var(--nb-line);background:var(--nb-surface);min-height:102px;padding:18px 15px;position:relative;overflow:hidden}.loading-content,.loading-skeleton{align-items:center;gap:14px;min-height:65px;display:flex}.loading-content>i{background:var(--nb-accent);width:52px;height:52px;color:var(--nb-onaccent);place-items:center;font-size:38px;font-style:normal;display:grid}.loading-content strong{font-size:19px;font-weight:600;display:block}.loading-content small{color:var(--nb-muted);margin-top:6px;font-size:10px;display:block}.loading-skeleton>i{background:var(--nb-wash);flex-shrink:0;width:52px;height:52px}.loading-skeleton>span{flex-direction:column;flex:1;gap:8px;display:flex}.loading-skeleton>span>i{background:var(--nb-wash);height:8px}.loading-skeleton>span>i:nth-child(2){width:80%}.loading-skeleton>span>i:last-child{width:50%}.loading-skeleton:after{content:"";background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,var(--nb-surface) 72.94%,transparent) 50%,transparent 80%);animation:1.2s linear infinite micro-shimmer;position:absolute;inset:0;transform:translate(-100%)}.loading-meter{background:var(--nb-wash);height:3px;position:absolute;inset:auto 0 0}.loading-meter i{background:var(--nb-accent);transform-origin:0;height:100%;display:block;transform:scaleX(1)}@keyframes micro-shimmer{to{transform:translate(100%)}}.hold-wrap{place-items:center;height:110px;display:grid;position:relative}.hold-button{background:var(--nb-well);border:1px solid var(--nb-cyan);user-select:none;width:172px;min-height:54px;font-size:16px;position:relative;overflow:hidden;color:var(--nb-light)!important;touch-action:none!important}.hold-button>i{background:var(--nb-wellraised);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hold-button>span{position:relative}.hold-sparks{pointer-events:none;position:absolute;inset:0}.hold-sparks i{background:var(--nb-cyan);opacity:0;width:5px;height:5px;transform:rotate(var(--angle)) translateX(25px);position:absolute;top:50%;left:50%}.hold-study.is-complete .hold-sparks i{animation:.65s ease-out both micro-spark}.hold-study.is-complete .hold-button{border-color:var(--nb-cyan)}@keyframes micro-spark{0%{opacity:1;transform:rotate(var(--angle)) translateX(50px) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateX(105px) scale(.35)}}.fan-stage{place-items:end center;height:170px;padding-bottom:14px;display:grid;position:relative}.fan-toggle,.fan-tool{border:1px solid var(--nb-line);background:var(--nb-surface);border-radius:50%;place-items:center;width:43px;height:43px;padding:0;display:grid;color:var(--nb-accent)!important;font-size:25px!important}.fan-toggle{background:var(--nb-accent);border-color:var(--nb-accent);box-shadow:3px 4px 0 color-mix(in srgb,var(--nb-cyan) 63.14%,transparent);z-index:1;position:relative;color:var(--nb-onaccent)!important}.fan-tools{position:absolute;bottom:14px;left:calc(50% - 21.5px)}.fan-tool{transform:translate(var(--fan-x),var(--fan-y));box-shadow:2px 3px 0 var(--nb-line);position:absolute;bottom:0;left:0}.fan-tool:hover{background:var(--nb-surface);border-color:var(--nb-accent)}.fan-caption{text-align:center;color:var(--nb-muted);font-size:12px;margin-top:8px!important}.micro-still *{transition:none!important;animation:none!important}@media (width<=1100px) and (width>=851px){.micro-study{width:88%}.micro-bottom{gap:5px}.micro-action{padding:8px;font-size:11px!important}.micro-bottom p{font-size:10px}.loading-content{gap:9px}.loading-sheet{padding-inline:11px}.loading-content small{font-size:9px}}@media (width<=350px){.micro-study{width:86%}.micro-bottom{gap:6px}.micro-action{padding-inline:9px;font-size:11px!important}.loading-content{gap:10px}.loading-content small{font-size:9px}}@media (prefers-reduced-motion:reduce){.micro-study *{transition:none!important;animation:none!important}}.motion-card:has([data-play-study]) .effect-stage{height:324px}.play-study{--play-bg:var(--nb-surface);--play-text:var(--nb-ink);--play-muted:var(--nb-muted);--play-accent:var(--nb-accent);--play-onaccent:var(--nb-onaccent);width:min(86%,320px);color:var(--play-text);position:relative}.tone-ink .play-study{--play-bg:var(--nb-wellraised);--play-text:var(--nb-light);--play-muted:var(--nb-dim);--play-accent:var(--nb-glow);--play-onaccent:var(--nb-well)}.play-study :is(button,input){font:inherit;color:inherit}.play-study button:focus-visible{outline-color:var(--play-accent);outline-offset:4px!important}.play-study button:disabled{opacity:.6}.play-footer{justify-content:space-between;align-items:center;gap:8px;min-height:38px;margin-top:15px;display:flex}.play-footer p{color:var(--play-muted);font-size:11px;line-height:1.6}.play-footer button{border:1px solid var(--nb-line);background:var(--play-bg);color:var(--play-accent);white-space:nowrap;min-height:38px;padding:8px 10px;font-size:12px}.play-footer button:hover{border-color:var(--play-accent)}.play-range{color:var(--play-muted);white-space:nowrap;align-items:center;gap:10px;margin-top:14px;font-size:12px;display:flex}.play-range input{width:100%;min-width:0;height:30px;accent-color:var(--play-accent);flex:1}.play-range output{text-align:right;font-variant-numeric:tabular-nums;width:36px;color:var(--play-text)}.dial-row{justify-content:center;align-items:center;gap:15px;display:flex}.dial-face{touch-action:none;cursor:grab;user-select:none;flex-shrink:0;width:145px;max-width:58%;position:relative}.dial-face:active{cursor:grabbing}.dial-face svg{width:100%;display:block}.dial-face line{stroke:var(--nb-line);stroke-width:2px}.dial-face circle{fill:var(--play-bg);stroke:var(--play-accent);stroke-width:1.4px}.dial-face g path{stroke:var(--nb-cyan);stroke-width:5px;stroke-linecap:round}.dial-face g circle{fill:var(--nb-cyan);stroke:none}.dial-face>span{text-align:center;color:var(--play-muted);pointer-events:none;font-size:10px;position:absolute;top:74%;left:0;right:0}.dial-readout{flex:1;min-width:0}.dial-readout>span{letter-spacing:.13em;color:var(--play-muted);font:600 10px Motion Condensed,sans-serif}.dial-readout strong{font-variant-numeric:tabular-nums;font:600 57px/1.2 Motion Condensed,sans-serif;display:block}.dial-readout svg{width:100%;height:50px;display:block}.dial-readout path{stroke:var(--nb-cyan);fill:none;stroke-width:1.5px}.string-board{aspect-ratio:300/145;border:1px solid var(--nb-line);background:var(--play-bg);user-select:none;width:100%;height:auto;padding:0;display:block;position:relative;touch-action:none!important;cursor:grab!important}.string-board svg{width:100%;height:auto;display:block}.string-board path{fill:none;stroke:var(--play-accent);stroke-width:2px}.string-board .string-guide{stroke:var(--nb-line);stroke-dasharray:3 6;stroke-width:1px}.string-board circle{fill:var(--nb-cyan)}.string-board .string-grip{fill:var(--play-bg);stroke:var(--play-accent);stroke-width:2px}.string-board>span{letter-spacing:.16em;color:var(--play-muted);pointer-events:none;font:600 10px Motion Condensed,sans-serif;position:absolute;inset:12px 0 auto}.zip-scene{border:1px solid var(--nb-line);box-shadow:4px 4px 0 var(--nb-line);touch-action:pan-y;cursor:ew-resize;overflow:hidden}.zip-scene svg{width:100%;height:auto;display:block}.zip-base{fill:var(--nb-accent)}.zip-sun{fill:var(--nb-cyan)}.zip-signal{stroke:var(--nb-onaccent);stroke-width:9px;fill:none}.zip-flap{fill:var(--nb-surface)}.zip-teeth{fill:none;stroke:var(--nb-muted);stroke-width:5px;stroke-dasharray:3 4}.zip-scene g rect{fill:var(--nb-accent);stroke:var(--nb-onaccent);stroke-width:1.3px}.zip-scene g path{fill:none;stroke:var(--nb-onaccent);stroke-width:2px}.deck-well{width:72%;height:182px;margin:0 auto;position:relative}.deck-under,.deck-card{border:1px solid var(--nb-line);background:var(--nb-surface);text-align:left;padding:13px 17px;position:absolute;inset:0}.deck-under{background:var(--nb-wash);color:var(--nb-muted);font-size:11px;transform:translate(7px,7px)rotate(5deg)}.deck-under span{text-align:center;color:var(--nb-cyan);font-size:75px;display:block}.deck-card{box-shadow:3px 4px 0 var(--nb-line);user-select:none;z-index:1;touch-action:pan-y!important;cursor:grab!important}.deck-card:active{cursor:grabbing!important}.deck-card small{color:var(--nb-muted);letter-spacing:.08em;font:600 12px Motion Condensed,sans-serif;display:block}.deck-card i{color:var(--nb-accent);text-align:center;font-size:68px;font-style:normal;line-height:1.5;display:block}.deck-card strong{border-top:1px solid var(--nb-line);padding-top:5px;font-size:15px;font-weight:500;display:block}.dock-study{padding-top:12px}.dock-tools{border-bottom:1px solid var(--nb-line);background:radial-gradient(ellipse at 50% 100%,var(--nb-wash),transparent 68%);align-items:end;width:100%;height:150px;padding:0 0 30px;display:flex}.dock-tools button{z-index:1;--dock-scale:1;--dock-rise:0px;background:0 0;border:0;flex:1;place-items:center;min-width:0;height:65px;padding:0;display:grid;position:relative}.dock-tools button>span{border:1px solid var(--nb-line);background:var(--nb-surface);width:35px;height:40px;color:var(--nb-accent);transform:translateY(var(--dock-rise)) scale(var(--dock-scale));transform-origin:bottom;pointer-events:none;box-shadow:2px 3px 0 var(--nb-line);border-radius:8px;place-items:center;font-size:25px;transition:transform .16s ease-out;display:grid}.dock-tools button>i{background:var(--nb-accent);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;bottom:0}.dock-tools button[aria-pressed=true]>i{opacity:1}.dock-tools button:focus-visible{z-index:2}.scratch-board{border:1px solid var(--nb-line);background:var(--nb-accent);height:160px;position:relative;overflow:hidden}.scratch-under{color:var(--nb-onaccent);padding:21px;position:absolute;inset:0;overflow:hidden}.scratch-under i{border:23px solid var(--nb-cyan);border-radius:50%;width:120px;height:120px;position:absolute;top:18px;right:-22px}.scratch-under b{font-size:26px;line-height:1.55;position:relative}.scratch-under span{letter-spacing:.1em;margin-top:13px;font:600 10px Motion Condensed,sans-serif;display:block;position:relative}.scratch-board canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.scratch-fallback{background:var(--nb-wash);color:var(--nb-ink);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.scratch-study .play-footer{gap:6px}.scratch-study .play-footer p{flex:1;max-width:110px}.scratch-study .play-footer button{padding-inline:8px}.bubble-board{aspect-ratio:300/160;position:relative}.bubble-board svg{width:100%;height:auto;display:block;overflow:visible}.bubble-target{fill:none;stroke:var(--nb-line);stroke-width:1px;stroke-dasharray:2 7}.bubble-origin,.bubble-board path{fill:var(--play-accent)}.bubble-grip{aspect-ratio:1;background:var(--play-accent);user-select:none;border:0;border-radius:50%;width:12%;height:auto;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--play-onaccent)!important;touch-action:none!important;cursor:grab!important;font:600 24px Motion Condensed,sans-serif!important}.bubble-grip:active{cursor:grabbing!important}.is-stretched .bubble-grip{box-shadow:0 0 0 6px color-mix(in srgb,var(--play-accent) 15%,transparent)}.bubble-gone{color:var(--play-muted);opacity:0;pointer-events:none;place-items:center;font-size:37px;display:grid;position:absolute;inset:0}.is-gone .bubble-gone{opacity:1}.bubble-study .play-footer p{max-width:160px}.lens-board{border:1px solid var(--nb-line);background:var(--play-bg);width:100%;padding:0;display:block;overflow:hidden;cursor:crosshair!important}.lens-board svg{width:100%;height:auto;display:block}.lens-paper{fill:var(--nb-surface)}#play-lens-art g{fill:none;stroke:var(--nb-line);stroke-width:1.1px}#play-lens-art g:nth-child(3n){stroke:var(--nb-cyan)}#play-lens-art text{fill:var(--nb-accent);stroke:var(--nb-surface);stroke-width:5px;paint-order:stroke;font:600 17px system-ui}.lens-rim{fill:none;stroke:var(--nb-accent);stroke-width:3px;filter:drop-shadow(1px 2px 1px #0003)}.lens-handle{fill:none;stroke:var(--nb-accent);stroke-width:8px;stroke-linecap:round}.lens-board[aria-pressed=true]{border-color:var(--nb-accent)}.play-rest *{transition:none!important;animation:none!important}.scratch-board,.lens-board{user-select:none}@media (width<=1100px) and (width>=851px){.play-study{width:88%}.play-footer{gap:5px}.play-footer button{padding-inline:7px;font-size:11px}.scratch-study .play-footer p{font-size:10px}.dial-row{gap:8px}}@media (width<=350px){.play-footer{gap:6px}.play-footer button{padding-inline:8px;font-size:11px}.play-footer p{font-size:10px}.dial-row{gap:8px}.dial-readout>span{font-size:9px}.dial-readout strong{font-size:49px}.deck-well{width:78%}}@media (prefers-reduced-motion:reduce){.play-study *{transition:none!important;animation:none!important}}.motion-card:has([data-kinetic]) .effect-stage{height:398px}.kinetic-study{--kinetic-ink:var(--nb-ink);--kinetic-muted:var(--nb-muted);--kinetic-accent:var(--nb-accent);--kinetic-bg:var(--nb-surface);width:calc(100% - 32px);max-width:440px;color:var(--kinetic-ink);margin-top:14px;position:relative}.tone-ink .kinetic-study{--kinetic-ink:var(--nb-light);--kinetic-muted:var(--nb-dim);--kinetic-accent:var(--nb-glow);--kinetic-bg:var(--nb-wellraised)}.kinetic-board{border:1px solid var(--nb-line);background:var(--kinetic-bg);width:100%;padding:0;line-height:0;display:block;position:relative;overflow:hidden;touch-action:none!important;cursor:grab!important}.kinetic-board:active{cursor:grabbing!important}.kinetic-board canvas{aspect-ratio:360/192;width:100%;height:auto;display:block}.kinetic-fallback{background:var(--kinetic-bg);place-items:center;font-size:13px;line-height:1.6;display:grid;position:absolute;inset:0}.kinetic-study.is-mounted .kinetic-fallback{display:none}.kinetic-controls{gap:2px;margin-top:8px;display:grid}.kinetic-controls label{grid-template-columns:76px minmax(0,1fr) 42px;align-items:center;gap:6px;min-height:32px;font-size:12px;display:grid}.kinetic-controls input{width:100%;min-width:0;height:28px;accent-color:var(--kinetic-accent);margin:0}.kinetic-controls output{text-align:right;font-variant-numeric:tabular-nums;color:var(--kinetic-accent)}.kinetic-actions{gap:8px;margin-top:8px;display:flex}.kinetic-actions button{border:1px solid var(--nb-line);background:var(--kinetic-bg);color:var(--kinetic-ink);min-height:36px;padding:6px 12px;font-size:12px}.kinetic-actions button:first-child{text-align:left;color:var(--kinetic-accent);flex:1}.kinetic-actions button:last-child{min-width:62px}.kinetic-actions button:hover{border-color:var(--kinetic-accent)}.kinetic-status{color:var(--kinetic-muted);white-space:nowrap;text-overflow:ellipsis;min-height:17px;font-size:11px;line-height:1.5;overflow:hidden;margin-top:7px!important}.motion-card:has([data-kinetic]) .stage-hint{font-size:10px;bottom:9px}.kinetic-study :is(button,input):focus-visible{outline-color:var(--kinetic-accent);outline-offset:2px!important}@media (width<=580px){.motion-card:has([data-kinetic]) .effect-stage{height:auto;min-height:385px;padding:42px 0 32px}.kinetic-study{margin-top:0}.kinetic-controls label{font-size:13px}.kinetic-actions button{min-height:40px}}html[data-notebook-view-changing] .notebook-view-bar{view-transition-name:notebook-view-bar}html[data-notebook-view-changing]::view-transition-group(*){animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.75,.2,1)}html[data-notebook-view-changing]::view-transition-old(root){animation:.18s ease-out both notebook-view-out}html[data-notebook-view-changing]::view-transition-new(root){mix-blend-mode:normal;animation:.4s ease-out both notebook-view-in}html[data-notebook-view-changing][data-notebook-view-effect=wipe]::view-transition-new(root){animation:.46s cubic-bezier(.22,.75,.2,1) both notebook-view-wipe}html[data-notebook-view-changing][data-notebook-view-effect=iris]::view-transition-new(root){animation:.48s cubic-bezier(.22,.75,.2,1) both notebook-view-iris}html[data-notebook-view-changing][data-notebook-view-effect=pixel]::view-transition-new(root){animation:.4s step-end both notebook-view-pixel}@keyframes notebook-view-out{to{opacity:0}}@keyframes notebook-view-in{0%{opacity:0}to{opacity:1}}@keyframes notebook-view-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes notebook-view-iris{0%{clip-path:circle(0 at 50% 38%)}to{clip-path:circle(130% at 50% 38%)}}@keyframes notebook-view-pixel{0%{opacity:.45;clip-path:inset(0 0 70%);transform:translate(-6px)}25%{opacity:.7;clip-path:inset(0 0 36%);transform:translate(5px)}50%{opacity:.9;clip-path:inset(0 0 12%);transform:translate(-3px)}75%,to{opacity:1;clip-path:inset(0);transform:none}}@media (prefers-reduced-motion:reduce){html[data-notebook-view-changing]::view-transition-group(*),html[data-notebook-view-changing]::view-transition-old(*),html[data-notebook-view-changing]::view-transition-new(*){animation:none!important}}.motion-page{overflow-anchor:none}.motion-view-bar{z-index:10;border-block:1px solid var(--nb-line);background:var(--nb-paper);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex;position:sticky;top:0}.motion-view-options{border:1px solid var(--nb-line);background:var(--nb-surface);flex-shrink:0;gap:4px;padding:4px;display:flex}.motion-view-options button{background:0 0;border:0;min-height:38px;padding:5px 21px;font-size:14px}.motion-view-options button[aria-pressed=true]{background:var(--nb-accent);color:var(--nb-onaccent)}.motion-view-bar>a{color:var(--nb-accent);padding:10px 0;font-size:13px}.motion-page:not(.is-ready) .motion-view-bar{display:none}.motion-page :is(.motion-taxonomy,.web-lab,.video-lab,.motion-library,.motion-card){scroll-margin-top:92px}html[data-motion-view=minimal] .motion-page :is(.intro-heading>.eyebrow,.intro-heading>h1>i,.intro-copy,.intro-specimen,.intro-foot,.taxonomy-description,.domain-card>small,.domain-card>span,.element-studio-note,.catalog-options>p,.effect-classification,.effect-caption,.effect-foundation,.effect-tools,.collection-note,.web-lab-heading .eyebrow,.video-lab-heading .eyebrow,.web-lab-heading h2>span,.video-lab-heading h2>span,.web-lab-note,.web-demo-foot>span,.scroll-controls>p,[data-web-hint],[data-video-hint],.web-effect-note>a,.video-effect-note>a,.video-palette-label,.video-tuning,.transition-controls>p,.video-source-pair){display:none}html[data-motion-view=minimal] .motion-intro{border:0;padding:0;display:block}html[data-motion-view=minimal] .intro-heading>h1{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}html[data-motion-view=minimal] .motion-taxonomy{padding:20px 0 16px}html[data-motion-view=minimal] .taxonomy-heading{margin-bottom:12px}html[data-motion-view=minimal] .taxonomy-heading h2{font-size:16px;font-weight:500}html[data-motion-view=minimal] .domain-grid{gap:10px}html[data-motion-view=minimal] .domain-card{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:12px 16px}html[data-motion-view=minimal] .domain-card>strong{letter-spacing:0;margin:0;font-size:16px}html[data-motion-view=minimal] .domain-card>em{font-size:18px;position:static}html[data-motion-view=minimal] .studio-switch{margin:0}html[data-motion-view=minimal] .web-lab,html[data-motion-view=minimal] .video-lab{padding-top:22px}html[data-motion-view=minimal] :is(.web-lab-heading,.video-lab-heading){margin-bottom:14px}html[data-motion-view=minimal] :is(.web-lab-heading,.video-lab-heading) h2{margin:0;font-size:26px}html[data-motion-view=minimal] .effect-info{padding:15px 18px 18px}html[data-motion-view=minimal] .effect-title-row h2{font-size:21px}html[data-motion-view=minimal] .effect-english{font-size:16px}html[data-motion-view=minimal] .motion-grid{row-gap:22px}html[data-motion-view=minimal] .web-demo-foot,html[data-motion-view=minimal] .catalog-options{justify-content:flex-end}html[data-motion-view=minimal] .video-effect-note{padding-top:14px}html[data-motion-view=minimal] .motion-footer{margin-top:40px}html[data-motion-view=minimal] .visual-notebook-nav{grid-template-columns:1fr auto;align-items:center;gap:12px 24px;margin-bottom:18px;padding:13px 0;display:grid}html[data-motion-view=minimal] :is(.notebook-series,.notebook-context,.notebook-tab small,.notebook-tab>em,.notebook-mark){display:none}html[data-motion-view=minimal] .notebook-switch{gap:8px;display:flex}html[data-motion-view=minimal] .notebook-tab{padding:8px 16px;display:block}html[data-motion-view=minimal] .notebook-tab strong{font-size:15px}html[data-motion-view=minimal] .notebook-palette{border:0;margin:0;padding:0}html[data-motion-view=minimal] .visual-notebook-nav:has(.notebook-palette[open]){grid-template-columns:1fr}@media (width<=850px){html[data-motion-view=minimal] .domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-motion-view=minimal] .video-palette{grid-template-columns:1fr}html[data-motion-view=minimal] .video-effect-note{margin-top:0}}@media (width<=760px){html[data-motion-view=minimal] .visual-notebook-nav{grid-template-columns:1fr;gap:14px}html[data-motion-view=minimal] .notebook-tab{padding:8px 12px}}@media (width<=580px){.motion-view-options button{padding-inline:17px}html[data-motion-view=minimal] .domain-card{padding:10px 12px}html[data-motion-view=minimal] .domain-card>strong,html[data-motion-view=minimal] .taxonomy-heading h2{font-size:14px}html[data-motion-view=minimal] .taxonomy-heading>button{padding:8px;font-size:12px}html[data-motion-view=minimal] .effect-info{padding:15px 18px 18px}html[data-motion-view=minimal] .effect-title-row h2{font-size:23px}}