.w-joint-library .jl-bar{display:none}.w-joint-library .jl-js .jl-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"prompt arrows" "tabs tabs";align-items:center;gap:10px 24px}.w-joint-library .jl-prompt{grid-area:prompt;font:500 11.5px/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--slate)}.w-joint-library .jl-tabs{grid-area:tabs;display:flex;flex-wrap:wrap;gap:0 clamp(22px,3.2vw,52px);border-bottom:1px solid var(--line)}.w-joint-library .jl-tab{position:relative;display:flex;align-items:center;min-height:44px;padding:12px 0 14px;text-align:left;font:400 clamp(21px,1.8vw,27px)/1.2 var(--serif);color:var(--soft);transition:color .4s var(--ease)}.w-joint-library .jl-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--graphite);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease-o)}.w-joint-library .jl-tab.on{color:var(--graphite)}.w-joint-library .jl-tab.on::after{transform:none}.w-joint-library .jl-tab:focus-visible{outline-offset:2px}.w-joint-library .jl-arrows{grid-area:arrows;display:flex;gap:10px}.w-joint-library .jl-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);color:var(--graphite);transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}@media(hover:hover){.w-joint-library .jl-tab:hover{color:var(--graphite)}.w-joint-library .jl-arrow:hover{background:var(--graphite);border-color:var(--graphite);color:#fff}.w-joint-library .jl-js .jl-play:hover{background-size:40% 1px}}@media(min-width:900px){.w-joint-library .jl-js .jl-bar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"prompt tabs arrows";align-items:end;border-bottom:1px solid var(--line)}.w-joint-library .jl-prompt{padding-bottom:18px}.w-joint-library .jl-tabs{border-bottom:0;justify-content:center}.w-joint-library .jl-arrows{padding-bottom:8px}}.w-joint-library .jl-stage{display:grid;gap:clamp(56px,6vw,88px)}.w-joint-library .jl-js .jl-stage{gap:0;margin-top:clamp(26px,3vw,44px)}.w-joint-library .jl-pane{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3vw,40px);align-items:center}.w-joint-library .jl-js .jl-pane{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s var(--ease),transform .5s var(--ease),visibility 0s linear .5s}.w-joint-library .jl-js .jl-pane[hidden]{display:grid}.w-joint-library .jl-js .jl-pane.on{opacity:1;visibility:visible;transform:none;transition:opacity .7s var(--ease) .12s,transform .9s var(--ease-o) .12s,visibility 0s}@media(min-width:760px){.w-joint-library .jl-pane{grid-template-columns:minmax(0,1.32fr) minmax(0,.88fr);gap:clamp(32px,5vw,96px)}}.w-joint-library .jl-art{position:relative;margin:0;aspect-ratio:4/3;min-width:0;background:radial-gradient(120% 110% at 18% 0%,#FFFFFF 0%,#F6F7F8 55%,#EEF0F2 100%);border:1px solid rgba(56,60,66,.1)}.w-joint-library .jl-art::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:1px;background:var(--sheen)}.w-joint-library .jl-svg{position:absolute;inset:6% 7%;width:86%;height:88%;color:var(--graphite)}.w-joint-library .jl-n{font:500 11.5px/1 var(--sans);letter-spacing:.22em;color:var(--slate)}.w-joint-library .jl-h{margin-top:14px;font:300 clamp(34px,3.2vw,48px)/1.05 var(--serif);color:var(--graphite)}.w-joint-library .jl-d{margin-top:16px;max-width:30em;font:300 clamp(18px,1.4vw,20px)/1.65 var(--serif);color:var(--text)}.w-joint-library .jl-play{display:none}.w-joint-library .jl-js .jl-play{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:22px;padding:10px 0 6px;font:500 12.5px/1 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--graphite);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .5s var(--ease-o)}.w-joint-library .jl-play-a{display:none}.w-joint-library .is-apart .jl-play-a{display:inline}.w-joint-library .is-apart .jl-play-b{display:none}.w-joint-library .jl-svg path{stroke-width:var(--sw,1.6);stroke-dasharray:1 2;stroke-dashoffset:calc((1 - clamp(0,calc(var(--s) + 1),1)) * 1.05);fill-opacity:clamp(0,calc(var(--s) + 1),1);transition:stroke-dashoffset 1.3s var(--ease),fill-opacity .8s var(--ease) .35s}.w-joint-library .k-face{fill:#FFFFFF}.w-joint-library .k-grain{fill:#DDE0E4}.w-joint-library .k-shade{fill:#C9CDD3}.w-joint-library .k-ln{fill:none}.w-joint-library .jlp-mov{--out:clamp(0, calc(1 - var(--s)), 1);transform:translate(calc(var(--tx) * var(--out)),calc(var(--ty) * var(--out)));transition:transform 1.45s var(--ease-o)}.w-joint-library .jll{opacity:var(--out);transition:opacity .3s var(--ease) 1.15s}.w-joint-library [data-dir=b] .jll{transition-delay:0s}.w-joint-library .jl-now,.w-joint-library .jl-now *{transition:none!important}@media(max-width:699px){.w-joint-library .jl-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);border-bottom:0}.w-joint-library .jl-tab{justify-content:center;min-height:56px;padding:10px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;font-size:19px}.w-joint-library .jl-tab::after{left:-1px;right:-1px;height:2px;bottom:-1px}.w-joint-library .jl-arrow{width:44px;height:44px}}@media(pointer:coarse){.w-joint-library .jl-prompt,.w-joint-library .jl-n{font-size:12px}}@media(pointer:coarse){.w-joint-library .jl-prompt,.w-joint-library .jl-n{font-size:12px}}