:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-focus .swiper-slide,.swiper-focus .swiper-slide-transform{transform-origin:50%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial)}.swiper-focus .swiper-slide-transform{width:100%;height:100%}@layer demo{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#faf7f0;--ink:#272a23;--muted:#696a5f;--accent:#ee732f;--accent-ink:#a94616;--accent-soft:#fbe4d1;--line:#e1dbce;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--sans:"Avenir Next", Avenir, "Trebuchet MS", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--sans);font-synthesis:none;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:radial-gradient(at 100% 0,#f7dfc74d,#0000 42%),radial-gradient(#8675530a .7px,#0000 .7px) 0 0/5px 5px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a,button{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-ink);outline-offset:5px}::selection{background:var(--accent-soft);color:var(--ink)}h1,h2,h3,p{margin-top:0}code{font-family:var(--mono);font-size:.88em}.page-shell{width:min(1320px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:24px;min-height:92px;display:flex}.brand{flex-shrink:0;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{align-items:center;gap:3px;display:inline-flex}.brand-mark i{background:var(--accent);border-radius:2px;width:8.5px;height:17px;display:block}.brand-mark i:nth-child(2){width:10px;height:20px}.wordmark{font-family:var(--serif);letter-spacing:-2.5px;font-size:40px;font-weight:700;line-height:1}.wordmark>span{color:var(--accent)}.site-header nav{align-items:center;gap:24px;margin-left:auto;font-size:11px;display:flex}.site-header nav a{padding-block:12px;text-decoration:none}.site-header nav a:hover{color:var(--accent-ink)}.header-actions{align-items:center;gap:22px;display:flex}.language-switch{align-items:center;gap:2px;display:flex}.language-switch button{font-family:var(--mono);color:var(--muted);background:0 0;border:0;border-radius:4px;padding:6px;font-size:10px}.language-switch button[aria-pressed=true]{color:var(--ink);background:#eae5d9}.support-button{border:1px solid var(--line);white-space:nowrap;background:#fffaf4;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 14px;font-size:11px;text-decoration:none;transition:background .16s,border-color .16s;display:inline-flex}.support-button:hover{background:var(--accent-soft);border-color:#e7c0a0}.support-button svg{width:17px;height:17px;stroke:var(--accent-ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:50px;padding:48px 0 56px;display:grid}.hero-heading{min-width:0}.eyebrow{font-family:var(--mono);letter-spacing:1.15px;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-size:9px;line-height:1.6;display:flex}.eyebrow-line{background:var(--accent);flex-shrink:0;width:21px;height:2px;display:inline-block}h1{font-family:var(--serif);letter-spacing:-5.5px;margin-bottom:0;font-size:clamp(76px,7.2vw,110px);font-weight:400;line-height:.93}h1 em,h2 em{color:var(--accent-ink);font-weight:400}.hero-aside{justify-self:end;max-width:365px;padding-top:22px}.intro{letter-spacing:-.4px;margin-bottom:15px;font-size:21px;line-height:1.55}.description{color:var(--muted);margin-bottom:24px;font-size:12px;line-height:1.85}.hero-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:22px;padding-bottom:5px;font-size:11px;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--accent-ink);border-color:var(--accent-ink)}.module-label{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:9px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.section-heading .eyebrow{color:var(--muted);margin-bottom:7px}h2{font-family:var(--serif);letter-spacing:-1.2px;margin-bottom:0;font-size:33px;font-weight:400;line-height:1.15}.presets{border:1px solid var(--line);border-radius:8px;gap:5px;padding:4px;display:flex}.presets button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:7px 12px;font-size:10px;transition:color .15s,background .15s;display:flex}.presets button:hover{color:var(--ink);background:#ebe6da}.presets button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.preset-mark{border:1px solid;border-radius:2px;width:10px;height:10px;display:inline-block}.preset-mark--soft{opacity:.6}.preset-mark--balanced{background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.preset-mark--bold{background:currentColor}.stage{background:radial-gradient(at 50% 20%,#fffdf6,#eee8dc 85%);border:1px solid #e1d7c6;border-radius:18px;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;background-image:radial-gradient(#a18d691e .75px,#0000 .75px);background-size:18px 18px;position:absolute;inset:0}.stage-topline,.stage-bottomline{z-index:1;justify-content:space-between;align-items:center;padding:23px 28px;display:flex;position:relative}.stage-topline{font-family:var(--mono);letter-spacing:.4px;color:var(--muted);font-size:9px}.live-label{background:#faf7f0b3;border:1px solid #dfd6c6;border-radius:5px;align-items:center;gap:7px;padding:6px 9px;display:inline-flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.carousel-viewport{height:346px;position:relative}.stage .swiper{width:calc(100% - 116px);height:100%;overflow:visible}.stage .swiper-slide{height:100%}.poster{background:var(--poster-paper);width:100%;height:100%;color:var(--poster-ink);transform-origin:50%;border-radius:9px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.poster--clay{--poster-paper:#e47743;--poster-ink:#fff1d9;--art-primary:#f7d49b;--art-secondary:#a6472d;--art-tertiary:#d95632}.poster--gold{--poster-paper:#eec975;--poster-ink:#644731;--art-primary:#b95e37;--art-secondary:#fff0c8;--art-tertiary:#d78b43}.poster--teal{--poster-paper:#326d67;--poster-ink:#e2e9d0;--art-primary:#b6c5a1;--art-secondary:#174b46;--art-tertiary:#e0dca9}.poster--rust{--poster-paper:#974732;--poster-ink:#f6d6ac;--art-primary:#dc9560;--art-secondary:#683628;--art-tertiary:#efbc83}.poster--ink{--poster-paper:#343f4a;--poster-ink:#f0e5c9;--art-primary:#c5b894;--art-secondary:#232f37;--art-tertiary:#e5c9a0}.poster--rose{--poster-paper:#dfa894;--poster-ink:#783d31;--art-primary:#ab5840;--art-secondary:#f6d1b6;--art-tertiary:#d17e60}.poster--olive{--poster-paper:#77805b;--poster-ink:#f6e3b4;--art-primary:#d4bd85;--art-secondary:#445335;--art-tertiary:#a5ac79}.poster--blue{--poster-paper:#829fa8;--poster-ink:#263e4c;--art-primary:#476e80;--art-secondary:#e0e1c9;--art-tertiary:#607d90}.poster--sand{--poster-paper:#d7bd92;--poster-ink:#624a32;--art-primary:#f5e1b8;--art-secondary:#ac8458;--art-tertiary:#86623e}.poster-topline{z-index:1;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:8px;display:flex;position:relative}.poster-copy{z-index:1;position:relative}.poster-copy h3{font-family:var(--serif);letter-spacing:-1.3px;margin:0 0 6px;font-size:clamp(29px,3vw,42px);font-weight:400;line-height:1}.poster-copy p{opacity:.85;margin:0;font-size:9px;line-height:1.5}.art{position:absolute;inset:47px 23px 88px}.art span{display:block;position:absolute}.art--arch .art-one{background:var(--art-primary);border-radius:50% 50% 0 0;inset:0 6% 0 12%}.art--arch .art-two{background:var(--art-secondary);border-radius:50% 50% 0 0;inset:26% 23% 0 30%}.art--arch .art-three{aspect-ratio:1;background:var(--art-tertiary);mix-blend-mode:multiply;border-radius:50%;width:55%;bottom:-9%;left:0}.art--rays{aspect-ratio:1;background:repeating-conic-gradient(from -12deg, var(--art-primary) 0deg 15deg, transparent 15deg 30deg);border-radius:50%;max-height:100%;margin:auto;inset:62px 18px 100px}.art--rays .art-one{background:var(--art-secondary);border-radius:50%;inset:23%}.art--rays .art-two{background:var(--art-tertiary);border-radius:50%;width:30%;height:30%;top:35%;left:35%}.art--orbit{inset:55px 10px 95px}.art--orbit .art-one{border:1px solid var(--art-primary);border-radius:50%;inset:0 1%;transform:rotate(-35deg)}.art--orbit .art-two{border:25px solid var(--art-primary);border-radius:50%;inset:8% 14%;transform:rotate(-35deg)}.art--orbit .art-three{aspect-ratio:1;background:var(--art-tertiary);width:36%;box-shadow:-46px 72px 0 -12px var(--art-secondary);border-radius:50%;top:3%;right:1%}.stage-bottomline{min-height:92px;padding-top:25px;padding-bottom:24px}.slide-position{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:10px;display:flex}#active-slide{color:var(--ink)}.position-separator{background:#b9b2a3;width:23px;height:1px}#active-title{font-family:var(--sans);border-left:1px solid #d6cebf;margin-left:5px;padding-left:13px;font-size:11px}.carousel-navigation{gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.arrow-button{background:#faf7f0a3;border:1px solid #ccc3b2;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:11px;transition:background .16s,border-color .16s,color .16s;display:flex}.arrow-button:hover{color:var(--paper);border-color:var(--ink);background:var(--ink)}.arrow-button svg{stroke:currentColor;stroke-width:1.4px;width:100%;height:100%}.arrow-button:disabled{opacity:.35;cursor:default}.gap-measurement{font-family:var(--mono);color:var(--muted);align-items:center;gap:12px;font-size:9px;display:flex}.gap-measurement strong{min-width:65px;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;background:#fff8eb;border:1px solid #d4c9b5;border-radius:5px;padding:8px 10px;font-size:10px;font-weight:400}.slide-progress-track{background:#dfd5c4;height:3px;position:relative}#slide-progress{background:var(--accent);width:11.111%;height:100%;transition:width .25s;display:block}.stage[data-direction=vertical] .carousel-viewport{height:520px}.stage[data-direction=vertical] .swiper{width:min(390px,100% - 70px)}.stage[data-direction=vertical] .poster{padding:19px 22px}.stage[data-direction=vertical] .poster-copy h3{font-size:30px}.stage[data-direction=vertical] .art{opacity:.85;inset:22px 15px 22px 49%}.stage[data-direction=vertical] .poster-topline{max-width:44%;font-size:7px}.stage[data-direction=vertical] .poster-copy{max-width:58%}.stage[data-direction=vertical] .arrow-button svg{transform:rotate(90deg)}.settings-panel{border:1px solid var(--line);background:#fffdf770;border-radius:12px;margin-top:16px;padding:20px 24px 22px}.settings-heading{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:11px;display:flex}.reset-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:2px 0;font-size:10px;display:inline-flex}.reset-button:hover{color:var(--accent-ink)}.reset-button svg{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.controls{grid-template-columns:1fr 1fr 1.18fr .9fr;display:grid}.controls>*{border-right:1px solid var(--line);min-width:0;padding-inline:24px}.controls>:first-child{padding-left:0}.controls>:last-child{border-right:0;padding-right:0}.control-heading{justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;display:flex}.control-heading output{color:var(--accent-ink);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) var(--range-progress,50%), #ded7ca var(--range-progress,50%));cursor:pointer;border-radius:3px;width:100%;height:4px;margin:19px 0 12px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--paper);background:var(--accent-ink);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent-ink);border-radius:50%}input[type=range]::-moz-range-thumb{border:3px solid var(--paper);background:var(--accent-ink);width:8px;height:8px;box-shadow:0 0 0 1px var(--accent-ink);border-radius:50%}.range-labels{color:var(--muted);font-family:var(--mono);justify-content:space-between;font-size:8px;display:flex}.direction-control{border:0;border-right:1px solid var(--line);margin:0}.direction-control legend{padding:0;font-size:11px}.segmented-control{background:#eee9de;border-radius:6px;margin-top:10px;padding:3px;display:flex}.segmented-control label{cursor:pointer;flex:1;position:relative}.segmented-control input{opacity:0;width:1px;height:1px;position:absolute}.segmented-control span{text-align:center;color:var(--muted);border-radius:4px;padding:7px 8px;font-size:10px;transition:background .16s,color .16s;display:block}.segmented-control input:checked+span{color:var(--ink);background:#fffdf7;box-shadow:0 1px 3px #25271f10}.segmented-control input:focus-visible+span{outline:2px solid var(--accent-ink);outline-offset:2px}.switch-label{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.switch{flex-shrink:0;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-track{pointer-events:none;background:#d8d1c3;border-radius:12px;width:32px;height:18px;transition:background .16s}.switch-track:before{content:"";background:#fffdf7;border-radius:50%;width:12px;height:12px;margin:3px;transition:transform .16s;display:block}.switch input:checked+.switch-track{background:var(--accent-ink)}.switch input:checked+.switch-track:before{transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent-ink);outline-offset:3px}.switch input:disabled{cursor:not-allowed}.switch input:disabled+.switch-track{opacity:.4}.rtl-control p{color:var(--muted);margin:11px 0 0;font-size:9px;line-height:1.65}.playground-footnote{color:var(--muted);align-items:baseline;gap:8px;margin:14px 0 0;font-size:10px;line-height:1.7;display:flex}.footnote-mark{color:var(--accent-ink);font-family:var(--serif);font-size:17px}.integration{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:88px;margin-top:54px;padding:65px 0;display:grid}.integration-copy{max-width:390px}.integration-copy .eyebrow{color:var(--muted);margin-bottom:20px}.integration h2{letter-spacing:-2.2px;margin-bottom:22px;font-size:54px}.integration-copy>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.9}.parameter-list{margin:22px 0}.parameter-list>div{border-top:1px solid var(--line);padding-block:13px}.parameter-list dt{font-family:var(--mono);margin-bottom:4px;font-size:11px}.parameter-list dd{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.markup-note{border-top:1px solid var(--line);padding-top:14px}.markup-note code{color:var(--ink);background:#ece6da;border-radius:3px;margin-top:4px;padding:1px 5px;display:inline-block}.code-panel{color:#e9e5d9;background:#272d29;border:1px solid #1c231e;border-radius:13px;align-self:start;min-width:0;overflow:hidden}.code-panel-heading{color:#c0c2b5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:15px;min-height:60px;padding:16px 23px;font-size:10px;display:flex}.code-file{align-items:center;gap:10px;display:flex}.file-indicator{color:#f2bd71;width:24px;height:24px;font-family:var(--mono);background:#f2bd7130;border-radius:4px;place-items:center;font-size:9px;display:inline-grid}.copy-button{color:#f0ebdd;white-space:nowrap;background:0 0;border:1px solid #747c6e;border-radius:5px;padding:7px 10px;font-size:10px}.copy-button:hover{background:#ffffff0d}.code-panel pre{tab-size:2;margin:0;padding:24px;font-size:12px;line-height:1.8;overflow-x:auto}.code-panel code{color:#d8dfb8}.code-panel-footer{color:#bcc3b2;border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:8px;padding:15px 23px;font-size:9px;display:flex}.code-panel-footer .status-dot{background:#accd8d}#copy-status{color:#e3edc8;margin-left:auto}.site-footer{border-top:1px solid var(--line);align-items:center;gap:25px;padding:28px 0 33px;display:flex}.footer-brand .wordmark{letter-spacing:-1.7px;font-size:31px}.footer-brand .brand-mark{transform-origin:100%;transform:scale(.85)}.footer-copy{flex-direction:column;gap:4px;font-size:10px;display:flex}.footer-copy a{text-decoration:none}.footer-copy a:hover{color:var(--accent-ink)}.footer-copy span{color:var(--muted);font-size:9px}.footer-support{border-bottom:1px solid var(--line);align-items:center;gap:22px;margin-left:auto;padding-bottom:4px;font-size:11px;text-decoration:none;display:flex}.footer-support:hover{color:var(--accent-ink);border-color:var(--accent-ink)}@media (prefers-reduced-motion:no-preference){.hero>*,.section-heading,.stage{animation:.62s both arrive}.hero-aside{animation-delay:65ms}.section-heading{animation-delay:.1s}.stage{animation-delay:.15s}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media (width>=1500px){.carousel-viewport{height:388px}.poster{padding:27px}.art{inset:52px 27px 97px}}@media (width<=1120px){.page-shell{width:calc(100% - 64px)}.site-header{gap:18px}.site-header nav{gap:20px}.header-actions{gap:16px}.hero{grid-template-columns:1.15fr .85fr;gap:34px}h1{letter-spacing:-4.5px;font-size:85px}.intro{font-size:19px}.controls>*{padding-inline:17px}.segmented-control span{padding-inline:5px;font-size:9px}.integration{gap:40px}.code-panel pre{padding:21px 18px;font-size:11px}}@media (width<=800px){.page-shell{width:calc(100% - 40px)}.site-header{gap:14px;min-height:78px}.site-header nav{gap:16px;font-size:10px}.support-button{padding-inline:10px;font-size:10px}.hero{gap:30px;padding:39px 0 43px}h1{letter-spacing:-3.5px;font-size:71px}.hero .eyebrow{letter-spacing:.6px;font-size:8px}.hero-aside{padding-top:16px}.intro{font-size:17px}.description{font-size:11px}.module-label{display:none}h2{font-size:29px}.presets button{padding-inline:9px;font-size:9px}.controls{grid-template-columns:1fr 1fr;gap:22px 0}.controls>:nth-child(2){border-right:0;padding-right:0}.controls>:nth-child(3){padding-left:0}.controls>:nth-child(4){padding-left:17px}.segmented-control span{font-size:10px}.integration{gap:27px;margin-top:38px;padding-block:48px}.integration h2{font-size:44px}.code-panel pre{padding:19px 15px;font-size:10px}.code-panel-heading,.code-panel-footer{padding-inline:15px}.code-panel-heading{gap:8px;font-size:9px}}@media (width<=600px){.page-shell{width:calc(100% - 32px)}.site-header{justify-content:space-between;gap:10px;min-height:72px}.wordmark{font-size:35px}.brand{gap:8px}.brand-mark{gap:2px}.site-header nav{display:none}.header-actions{gap:10px}.support-button{width:34px;min-height:34px;padding:7px}.support-button>span{display:none}.hero{padding:34px 0 37px;display:block}h1{letter-spacing:-3.8px;font-size:clamp(64px,17vw,91px)}.hero .eyebrow{letter-spacing:.65px;margin-bottom:18px;font-size:8px}.hero-aside{max-width:none;margin-top:23px;padding-top:0}.intro{max-width:340px;margin-bottom:10px;font-size:17px;line-height:1.5}.description{max-width:360px;margin-bottom:18px;font-size:11px}.module-label{display:inline}.section-heading{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:16px}h2{letter-spacing:-1px;font-size:30px}.section-heading .eyebrow{font-size:8px}.presets{align-self:stretch;gap:4px}.presets button{flex:1;justify-content:center;padding:7px 8px;font-size:10px}.stage{border-radius:12px}.stage-topline{letter-spacing:0;padding:17px 15px 19px;font-size:8px}.live-label{gap:5px;padding:5px 7px}.drag-hint{text-align:right;max-width:135px;font-size:8px}.carousel-viewport{height:306px}.stage .swiper{width:calc(100% - 32px)}.poster{border-radius:7px;padding:18px}.poster-copy h3{font-size:33px}.poster-copy p{font-size:8px}.poster-topline{font-size:7px}.art{inset:44px 18px 78px}.art--rays{inset:49px 15px 84px}.art--orbit{inset:47px 11px 85px}.stage-bottomline{min-height:82px;padding:22px 15px}.slide-position{gap:7px;font-size:9px}.position-separator{width:15px}#active-title{display:none}.arrow-button{width:35px;height:35px;padding:9px}.carousel-navigation{gap:6px}.gap-measurement{flex-direction:column;align-items:flex-end;gap:3px;font-size:8px}.gap-measurement strong{background:0 0;border:0;min-width:auto;padding:0;font-size:10px}.stage[data-direction=vertical] .carousel-viewport{height:478px}.stage[data-direction=vertical] .swiper{width:calc(100% - 40px)}.stage[data-direction=vertical] .poster{padding:17px}.stage[data-direction=vertical] .poster-topline{font-size:6px}.stage[data-direction=vertical] .poster-copy h3{font-size:28px}.stage[data-direction=vertical] .poster-copy p{font-size:8px}.settings-panel{border-radius:10px;padding:17px 15px 20px}.settings-heading{margin-bottom:19px}.control-heading,.direction-control legend,.switch-label{font-size:10px}.control-heading output{font-size:11px}.controls>*{padding-inline:13px}.controls>:nth-child(4){padding-left:13px}.segmented-control span{padding:8px 4px;font-size:9px}.rtl-control p{font-size:8px}.playground-footnote{margin-top:11px;font-size:9px}.integration{margin-top:30px;padding-block:38px;display:block}.integration-copy{max-width:none}.integration h2{font-size:45px}.integration-copy>p:not(.eyebrow){max-width:390px}.code-panel{border-radius:10px;margin-top:25px}.code-panel pre{padding:21px 17px;font-size:11px}.code-panel-heading{font-size:10px}.site-footer{flex-wrap:wrap;gap:16px;padding:24px 0}.footer-copy{font-size:10px}.footer-copy span{max-width:180px;font-size:8px}.footer-support{margin-top:4px;margin-left:0;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important}}.slides-view-control{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding-bottom:20px;display:flex}.slides-view-copy label{color:var(--ink);font-size:12px;font-weight:600;display:block}.slides-view-copy p{max-width:58ch;color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.5}#slides-per-view{border:1px solid var(--line);background:var(--paper);min-height:42px;color:var(--accent-ink);font:inherit;cursor:pointer;border-radius:8px;flex:0 0 112px;padding:9px 14px;font-size:13px;font-weight:600}#slides-per-view:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=600px){.slides-view-control{gap:16px;margin-bottom:18px;padding-bottom:17px}#slides-per-view{flex-basis:82px;padding-inline:10px}.slides-view-copy label{font-size:11px}.slides-view-copy p{font-size:10px}}}.stage--focus{box-shadow:none;background:0 0;border:0;overflow:visible}.stage--focus .stage-topline,.stage--focus .slide-progress-track{display:none}.stage--focus .carousel-viewport{position:relative;overflow:hidden}.stage--focus[data-direction=horizontal] .carousel-viewport{height:368px;padding:12px 0}.stage--focus[data-direction=horizontal] .swiper{width:100%;height:344px}.stage--focus[data-direction=horizontal] .swiper-wrapper{align-items:center}.stage--focus[data-direction=horizontal] .swiper-slide{width:min(72vw,286px);height:344px}.stage--focus[data-direction=horizontal] .carousel-viewport:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg, var(--paper) 0, transparent 4%, transparent 96%, var(--paper) 100%);position:absolute;inset:0}.stage--focus .stage-bottomline{min-height:70px;padding:14px 0}.stage--focus .focus-poster{box-sizing:border-box;isolation:isolate;color:#29251e;border-radius:9px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:7.7%;font-family:Trebuchet MS,Helvetica Neue,sans-serif;display:flex;position:relative;overflow:hidden;container-type:size}.stage--focus .focus-poster:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff05 3px);border:1px solid #26231e12;position:absolute;inset:0}.stage--focus .poster-meta{z-index:2;letter-spacing:1px;justify-content:space-between;gap:10px;font-size:min(3.3cqi,4cqb,8px);font-weight:700;line-height:1.4;display:flex;position:relative}.stage--focus .poster-meta>:last-child{white-space:nowrap}.stage--focus .poster-art{width:83.2%;height:52.6%;position:absolute;top:15%;left:8.4%;overflow:hidden}.stage--focus .poster-caption{z-index:2;justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:relative}.stage--focus .poster-caption h3{letter-spacing:-1.8px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:min(19.5cqi,18cqb,47px);font-weight:400;line-height:.88}.stage--focus .poster-caption h3 em{font-weight:400}.stage--focus .poster-caption>span{letter-spacing:.7px;text-align:right;text-transform:uppercase;max-width:32%;padding-bottom:3px;font-size:min(2.9cqi,3.5cqb,7px);line-height:1.5}.stage--focus .poster-earth{background:#d5bda6}.stage--focus .poster-point{background:#e9c654}.stage--focus .poster-orbit{background:#ee732f}.stage--focus .poster-slow{background:#a8b39b}.stage--focus .poster-wave{color:#f3ecdb;background:#334653}.stage--focus .poster-wave .poster-art{color:#bacdd0}.stage--focus .poster-tone-rose{background:#e2b2a2}.stage--focus .poster-tone-olive{background:#b7b796}.stage--focus .poster-tone-blue{background:#a9c4c8}.stage--focus .poster-tone-sand{color:#29251e;background:#d9c5a1}.stage--focus .poster-tone-sand .poster-art{color:#88664f}.stage--focus[data-direction=vertical] .focus-poster{padding:min(5%,18px)}@media (width<=440px){.stage--focus[data-direction=horizontal] .carousel-viewport{height:350px}.stage--focus[data-direction=horizontal] .swiper,.stage--focus[data-direction=horizontal] .swiper-slide{height:326px}}