@layer wtc-gordito-carousel{:where([data-wtcg-carousel]){--wtcg-slides: 1;--wtcg-scroll: 1;--wtcg-slide-size: auto;--wtcg-slide-gap: 0px;--wtcg-center-padding: 0px;--wtcg-pagination-gap: .5rem;position:relative;display:block;box-sizing:border-box;touch-action:pan-y;-webkit-tap-highlight-color:transparent}:where([data-wtcg-list]){position:relative;display:block;margin:0;padding:0}:where([data-wtcg-carousel][data-wtcg-center] [data-wtcg-list]){padding-inline:var(--wtcg-center-padding)}:where([data-wtcg-track]){display:flex;gap:var(--wtcg-slide-gap);margin:0 auto;padding:0;position:relative;transition:transform .3s ease;width:max-content}:where([data-wtcg-carousel][data-wtcg-instant] [data-wtcg-track],[data-wtcg-carousel][data-wtcg-dragging] [data-wtcg-track]){transition:none}:where([data-wtcg-carousel][data-wtcg-draggable] [data-wtcg-list]){cursor:grab;-webkit-user-select:none;user-select:none}:where([data-wtcg-carousel][data-wtcg-dragging] [data-wtcg-list]){cursor:grabbing}:where([data-wtcg-slide]){display:none;flex:0 0 auto;width:var(--wtcg-slide-size);box-sizing:border-box;min-width:0;min-height:1px;margin:0}:where([data-wtcg-carousel][data-wtcg-initialized] [data-wtcg-slide]){display:block}:where([data-wtcg-pagination]){display:flex;gap:var(--wtcg-pagination-gap);justify-content:center;list-style:none;margin:0;padding:0}:where([data-wtcg-page]){cursor:pointer}@media(prefers-reduced-motion:reduce){:where([data-wtcg-track]){transition:none}}}:root{--color-black: #101820;--color-black-10: #e4e4e5;--color-black-25: #c9c9cb;--color-black-50: #939497;--color-black-75: #5e5f61;--color-blue: #8599f8;--color-blue-10: #eef0fe;--color-blue-100: #081c81;--color-blue-25: #cbd3fc;--color-blue-75: #3958f3;--color-blue-50: #8599f8;--color-brown: #734400;--color-green: #8dc975;--color-green-10: #eff7eb;--color-green-100: #2e5120;--color-green-25: #d6eccd;--color-green-75: #498233;--color-grey-blue: #334251;--color-grey-blue-10: #e9eef4;--color-grey-blue-25: #becede;--color-grey-blue-50: #658bb1;--color-grey-blue-75: #526b83;--color-maroon: #7f0315;--color-orange: #f7a836;--color-pink: #fc6f83;--color-pink-10: #ffeaed;--color-pink-25: #fecbd3;--color-pink-50: #fc6f83;--color-purple: #c98bdb;--color-purple-10: #f0def5;--color-purple-100: #742a89;--color-purple-25: #e4c4ed;--color-purple-75: #a63cc3;--color-purple-50: #c98bdb;--color-red: #e40526;--color-skyblue: #9ad9e9;--color-teal: #144d5b;--color-teal-50: #9ad9e9;--color-teal-10: #e9f7fa;--color-teal-75: #2daccc;--color-teal-25: #cdecf4;--color-white: #fff;--color-yellow: #f8ea36;--color-yellow-10: #fefce2;--color-yellow-25: #fcf7af;--color-yellow-75: #f7a836;--ink: var(--color-black);--paper: var(--color-white);--muted: var(--color-grey-blue-75);--line: var(--color-black-25);--lime: var(--color-yellow);--orange: var(--color-pink-50);--mono: "DM Mono", monospace;--display: Massilia, "Arial Black", "Helvetica Neue", sans-serif;--body: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-white) url(/gordito-carousel/assets/images/backgrounds/wtc-bk-texture.png) repeat fixed;color:var(--color-black);font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback,sans-serif;font-weight:400;overflow-x:hidden}a{color:inherit}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{font:700 1.2rem var(--display);text-decoration:none;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:29px;height:29px;border-radius:50%;font:600 1rem var(--display)}nav{display:flex;align-items:center;gap:28px;font-size:.85rem}nav a{text-decoration:none;color:#536070}nav a:hover{color:var(--ink)}nav .github{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px}main{max-width:1240px;margin:auto}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:75px 28px 90px;gap:50px}.kicker,.eyebrow{font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#738092}.kicker:before{content:"✳";color:var(--orange);margin-right:10px}.hero h1{font:900 clamp(4.5rem,9vw,8.4rem)/.86 var(--display);letter-spacing:-.09em;margin:22px 0 30px}.hero h1 i,.gallery-head h2 i,.contract h2 i{font-style:normal;color:var(--orange)}.hero-lede{max-width:450px;font-size:1.1rem;line-height:1.6;color:#536070}.primary-cta{display:inline-flex;gap:38px;align-items:center;padding:15px 18px 15px 20px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;border-radius:3px}.primary-cta span{color:var(--lime);font-size:1.4rem}.hero-orbit{height:390px;position:relative;display:grid;place-items:center}.hero-carousel{--wtcg-slide-size: 286px;--wtcg-slide-gap: 18px;--wtcg-center-padding: 120px;position:relative;width:min(100%,500px);container-type:inline-size}.hero-carousel [data-wtcg-list]{overflow:hidden;padding-block:18px 28px;background:transparent}.hero-carousel [data-wtcg-track]{transition:transform .5s cubic-bezier(.22,1,.36,1)}.hero-carousel[data-wtcg-instant] [data-wtcg-track],.hero-carousel[data-wtcg-dragging] [data-wtcg-track],.hero-carousel[data-wtcg-dragging] .hero-slide,.hero-carousel[data-wtcg-instant] .hero-slide,.hero-carousel[data-wtcg-dragging] .hero-pagination [data-wtcg-page],.hero-carousel[data-wtcg-instant] .hero-pagination [data-wtcg-page]{transition:none}.hero-slide{width:286px;opacity:calc(1 - (min(var(--wtcg-slide-distance, 0),2)*.22));transform:rotate(calc(var(--wtcg-slide-offset, 0) * 7deg)) scale(calc(1 - (min(var(--wtcg-slide-distance, 0),2)*.07)));transition:opacity .28s ease,transform .5s cubic-bezier(.22,1,.36,1)}.hero-slide[data-wtcg-center]{opacity:1;transform:rotate(0) scale(1.05)}.orbit-card{width:286px;min-height:350px;padding:18px;border-radius:5px;font:500 .75rem var(--mono);box-shadow:20px 30px 50px #101a2e26;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:13px}.hero-carousel .orbit-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin-top:7px;filter:saturate(.75);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hero-carousel .orbit-card b{font:900 1.2rem var(--display)}.hero-carousel .orbit-card em{color:#a9b2c0;font-style:normal;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.hero-arrow{position:absolute;z-index:2;bottom:20px;width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;background:var(--lime);cursor:pointer}.hero-arrow:hover{transform:scale(1.08)}.hero-arrow.prev{left:8px}.hero-arrow.next{right:8px}.hero-pagination{position:absolute;right:0;bottom:29px;left:0}.hero-pagination ol{display:flex;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}.hero-pagination [data-wtcg-page]{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#8691a1;color:transparent;cursor:pointer}.hero-pagination [data-wtcg-page][data-wtcg-active]{width:25px;border-radius:8px;background:var(--orange)}.orbit-stamp{position:absolute;z-index:3;right:4%;bottom:0;background:var(--lime);width:100px;height:100px;border-radius:50%;display:grid;place-content:center;text-align:center;font:500 .65rem var(--mono);line-height:1.35;transform:rotate(12deg)}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 28px 57px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:36px}.principle-grid>div{border-top:3px solid var(--color-pink-50);padding-top:16px}.principle-grid>div:nth-child(2){border-color:var(--color-yellow)}.principle-grid>div:nth-child(3){border-color:var(--color-teal-50)}.principle-grid span{color:var(--orange);font:500 .75rem var(--mono)}.principle-grid h3{font:900 1.4rem var(--display);margin:12px 0 8px}.principle-grid p{color:var(--muted);max-width:240px;line-height:1.55;margin:0}.gallery-head{display:flex;justify-content:space-between;align-items:end;padding:150px 28px 72px;gap:40px}.gallery-head h2,.contract h2{font:900 clamp(3.4rem,6vw,6.2rem)/.88 var(--display);letter-spacing:-.08em;margin:20px 0 0}.gallery-head>p{color:var(--muted);max-width:330px;line-height:1.6;margin:0 0 7px}.demo{border-top:1px solid var(--line);padding:68px 28px 82px}.demo-full{width:100vw;max-width:none;margin-left:calc((1240px - 100vw)/2);padding-inline:max(28px,calc((100vw - 1184px)/2))}.demo-intro{display:grid;grid-template-columns:1.1fr 2fr 1fr;gap:28px;align-items:start;margin-bottom:31px}.eyebrow{padding-top:8px}.eyebrow span{color:var(--orange);margin-right:14px}.demo h2{font:900 clamp(2.2rem,4vw,4.4rem)/.92 var(--display);letter-spacing:-.075em;margin:0}.demo-intro>p{color:var(--muted);line-height:1.55;margin:5px 0 0}.option-pills{grid-column:2/-1;display:flex;gap:7px;flex-wrap:wrap;margin-top:-8px}.option-pills code{font:400 .65rem var(--mono);padding:6px 8px;border:1px solid var(--line);color:#657080;background:transparent}.demo-stage{--wtcg-slide-gap: 16px;--wtcg-pagination-gap: 7px;position:relative;container-type:inline-size;margin-top:30px}.demo-stage [data-wtcg-list]{overflow:hidden;background:transparent;border-radius:4px}.fan [data-wtcg-list],.card-carousel [data-wtcg-list],.interactive [data-wtcg-list]{outline:none}.demo-stage [data-wtcg-track]{transition:transform .5s cubic-bezier(.22,1,.36,1)}.demo-stage[data-wtcg-instant] [data-wtcg-track],.demo-stage[data-wtcg-dragging] [data-wtcg-track],.natural[data-wtcg-dragging] .photo-slide,.natural[data-wtcg-instant] .photo-slide,.natural[data-wtcg-dragging] [data-wtcg-slide],.natural[data-wtcg-instant] [data-wtcg-slide],.demo-stage[data-wtcg-dragging] .stage-arrow,.demo-stage[data-wtcg-instant] .stage-arrow,.demo-stage[data-wtcg-dragging] .controls [data-wtcg-page],.demo-stage[data-wtcg-instant] .controls [data-wtcg-page]{transition:none}.demo-stage [data-wtcg-slide]{min-height:0}.photo-slide{height:auto;margin:0;display:grid;grid-template-rows:1fr auto;background:#fff}.photo-slide img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.photo-slide figcaption{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 16px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.photo-slide figcaption span{font:500 .7rem var(--mono);color:var(--orange)}.photo-slide figcaption em{font-style:normal;color:#7c8692;font-size:.65rem}.basic [data-wtcg-list],.viewport [data-wtcg-list]{--wtcg-slides: 1;--wtcg-slide-size: 100cqw}.stage-arrow{position:absolute;top:calc(50% - 20px);z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:var(--lime);color:var(--ink);font-size:1.3rem;cursor:pointer;transition:transform .2s}.stage-arrow:hover{transform:scale(1.1)}.stage-arrow.prev{left:15px}.stage-arrow.next{right:15px}.controls{padding-top:15px}.controls ol{display:flex;align-items:center;justify-content:center;gap:var(--wtcg-pagination-gap);list-style:none;margin:0;padding:0}.controls [data-wtcg-page]{border:0;background:#c3c0b7;color:transparent;width:8px;height:8px;border-radius:10px;padding:0;cursor:pointer;transition:width .25s,background .25s}.controls [data-wtcg-page][data-wtcg-active]{width:32px;background:var(--orange)}.controls [data-wtcg-prev],.controls [data-wtcg-next]{border:1px solid var(--ink);background:transparent;padding:7px 11px;font-size:.72rem;cursor:pointer}.natural{padding-inline:0}.natural{--wtcg-center-padding: 7vw}.natural [data-wtcg-list]{--wtcg-slides: 3;--wtcg-slide-size: auto}.natural .photo-slide{width:100%;max-width:28rem;height:auto}.natural [data-wtcg-slide]{opacity:.45;transition:opacity .3s}.natural [data-wtcg-slide][data-wtcg-active]{opacity:1}.responsive [data-wtcg-list]{--wtcg-slides: 1;--wtcg-slide-size: 100cqw}.responsive .photo-slide{height:auto}.viewport{--wtcg-slide-gap: 22px;padding-inline:0}.viewport .photo-slide{height:auto}.fan{--wtcg-slide-gap: 0px;--wtcg-center-padding: 8vw;--hand-card-width: min(65vw, 20rem);--hand-count: 8;--hand-slot-gap: 20vw;--hand-slot: calc(var(--wtcg-slide-offset, 0) + (var(--hand-count) - 1) / 2);--hand-distance: min(var(--wtcg-slide-distance, 0), 3);--hand-x: calc((var(--hand-slot) - (var(--hand-count) - 1) / 2) * var(--hand-slot-gap))}.fan [data-wtcg-list]{--wtcg-slides: 3;--wtcg-slide-size: var(--hand-card-width);padding-block:45px 70px;overflow:visible}.fan [data-wtcg-track]{transition:transform .52s cubic-bezier(.22,1,.36,1)}.fan .photo-slide{height:auto;transform:translate(var(--hand-x)) translateY(calc(var(--hand-distance) * 12px)) rotate(calc(var(--wtcg-slide-offset, 0) * 8deg));opacity:calc(1 - var(--hand-distance) * .16);transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .52s ease}.fan[data-wtcg-dragging] [data-wtcg-track],.fan[data-wtcg-instant] [data-wtcg-track],.fan[data-wtcg-dragging] .photo-slide,.fan[data-wtcg-instant] .photo-slide{transition:none}.card-carousel{--wtcg-slide-gap: 10px;--wtcg-center-padding: 8vw;--card-width: min(65vw, 20rem);--hand-count: 8;--hand-slot-gap: 20vw;--hand-slot: calc(var(--wtcg-slide-offset, 0) + (var(--hand-count) - 1) / 2);--hand-distance: min(var(--wtcg-slide-distance, 0), 4);--hand-x: calc((var(--hand-slot) - (var(--hand-count) - 1) / 2) * var(--hand-slot-gap));--card-depth: .07}.card-carousel [data-wtcg-list]{--wtcg-slides: 1;--wtcg-slide-size: var(--card-width);padding-block:55px 90px;overflow:hidden}.card-carousel [data-wtcg-track]{transition:transform .5s cubic-bezier(.22,1,.36,1)}.card-carousel .photo-slide{height:auto;position:relative;border:1px solid var(--color-black-25);border-radius:8px;box-shadow:0 22px 32px #1018202b;transform:translate(calc(var(--wtcg-slide-offset, 0) * -1 * var(--card-width))) translateY(calc(min(var(--wtcg-slide-distance, 0),4)*7px)) rotate(calc(var(--wtcg-slide-offset, 0) * 2deg)) scale(calc(1 - min(var(--wtcg-slide-distance, 0),4) * var(--card-depth)));opacity:calc(1 - (min(var(--wtcg-slide-distance, 0),4)*.12));z-index:calc(50 - var(--wtcg-slide-distance, 0));transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s ease}.card-carousel[data-wtcg-dragging] [data-wtcg-track],.card-carousel[data-wtcg-instant] [data-wtcg-track],.card-carousel[data-wtcg-dragging] .photo-slide,.card-carousel[data-wtcg-instant] .photo-slide{transition:none}.interactive [data-wtcg-list]{--wtcg-slides: 2;--wtcg-scroll: 2;--wtcg-slide-size: calc((100cqw - var(--wtcg-slide-gap)) / 2);overflow:visible}.story-slide{display:grid;grid-template-columns:1fr;background:var(--ink);color:#fff;min-height:320px}.story-slide>div{padding:38px;display:flex;flex-direction:column;justify-content:center;gap:13px}.story-slide small{font:500 .68rem var(--mono);color:var(--lime);text-transform:uppercase}.story-slide h3{font:900 clamp(2rem,4vw,4rem)/.9 var(--display);margin:0;letter-spacing:-.07em}.story-slide p{color:#c6ccda;line-height:1.5;margin:0}.slide-actions{display:flex;gap:9px;margin-top:10px}.slide-actions a,.slide-actions button{padding:9px 14px;border:1px solid #758095;border-radius:2px;background:transparent;color:#fff;text-decoration:none;font-size:.75rem}.snippets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:38px}.snippet{min-width:0;background:#172239;color:#d8dfeb;border-radius:3px;overflow:hidden}.snippet-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #344158;color:var(--lime);font:500 .65rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.snippet-lang{color:#7e8a9f;margin-right:auto}.copy-button{border:1px solid #58677e;background:transparent;color:#fff;padding:4px 8px;font:400 .62rem var(--mono);cursor:pointer;border-radius:2px}.copy-button:hover{border-color:var(--lime);color:var(--lime)}pre{font:400 .7rem/1.6 var(--mono);white-space:pre-wrap;overflow:auto;padding:14px;margin:0;min-height:117px;color:#d4dae4}.contract{margin:80px 28px 110px;padding:65px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.contract-list p{border-bottom:1px solid var(--line);padding:17px 0;margin:0;display:flex;flex-direction:column;gap:9px}.contract-list p:nth-child(2) code{color:var(--color-teal)}.contract-list p:nth-child(3) code{color:var(--color-green-100)}.contract-list p:nth-child(3){border-color:var(--color-green)}.contract-list code{font:500 .8rem var(--mono);color:var(--orange)}.contract-list span{color:var(--muted);font-size:.9rem}footer{max-width:1184px;margin:auto;border-top:1px solid var(--line);padding:27px 0 45px;display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}.gallery-head{padding-block:90px 35px}.gallery-head>div:empty{display:none}.demo-intro{grid-template-columns:1.3fr 2fr}.demo-intro .eyebrow{color:var(--orange)}.demo-jump{justify-content:center}.demo-jump .primary-cta,.demo-jump .secondary-cta{min-height:54px;justify-content:space-between}.snippet{background:#252b2c}.snippet-head{border-color:#465052}.source-code{background:#252b2c;border-color:#465052}.source-panel,.source-area{border-color:#465052}.source-area{background:#171c1d}.docs code{background:transparent;color:var(--ink)}.docs .snippet pre code,.docs .source-area pre code{color:#f1f3ee;background:transparent}.docs .snippet-head,.docs .snippet-head span,.docs .source-area-head,.docs .source-area-head span{color:#f1f3ee}.docs .snippet-head .snippet-lang{color:#c7d0cc}.docs .snippet pre,.docs .source-area pre{color:#f1f3ee}.snippet .token.comment,.source-area .token.comment{color:#8fa49a}.snippet .token.tag,.snippet .token.punctuation,.source-area .token.tag,.source-area .token.punctuation{color:#7dd3c7}.snippet .token.attr-name,.source-area .token.attr-name{color:#83b8ff}.snippet .token.attr-value,.snippet .token.string,.source-area .token.attr-value,.source-area .token.string{color:#f2c879}.snippet .token.keyword,.snippet .token.boolean,.source-area .token.keyword,.source-area .token.boolean{color:#c8a7ff}.snippet .token.property,.snippet .token.selector,.snippet .token.function,.source-area .token.property,.source-area .token.selector,.source-area .token.function{color:#83b8ff}.snippet .token.number,.snippet .token.operator,.source-area .token.number,.source-area .token.operator{color:#f29b9b}.docs th{background:#252b2c}@container (min-width:42rem){.responsive [data-wtcg-list]{--wtcg-slides: 2;--wtcg-slide-size: calc((100cqw - var(--wtcg-slide-gap)) / 2)}.interactive [data-wtcg-list]{--wtcg-slides: 3;--wtcg-slide-size: calc((100cqw - var(--wtcg-slide-gap) * 2) / 3)}}@container (min-width:64rem){.responsive [data-wtcg-list]{--wtcg-slides: 4;--wtcg-slide-size: calc((100cqw - var(--wtcg-slide-gap) * 3) / 4)}}@media(max-width:800px){.topbar{padding:0 16px}nav{gap:12px}nav a:not(.github){display:none}.hero{grid-template-columns:1fr;padding:70px 20px 90px;min-height:0}.hero h1{font-size:clamp(4rem,18vw,7rem)}.hero-orbit{height:360px;margin-top:10px}.principles,.gallery-head,.demo{padding-inline:20px}.principle-grid{grid-template-columns:1fr;gap:27px}.gallery-head{display:block;padding-top:90px}.gallery-head>p{margin-top:28px}.demo-intro{display:block}.demo-intro>p{margin-top:18px}.option-pills{margin-top:18px}.demo-stage{margin-top:0}.stage-arrow{top:auto;bottom:55px}.stage-arrow.prev{left:8px}.stage-arrow.next{right:8px}.photo-slide{height:auto}.natural .photo-slide{width:calc(100vw - 40px);height:auto}.demo-full{width:auto;margin-left:0;padding-inline:20px}.fan [data-wtcg-list],.card-carousel [data-wtcg-list]{--wtcg-slides: 1;--wtcg-slide-size: 100cqw;padding-block:20px 55px}.fan .photo-slide,.card-carousel .photo-slide{width:calc(100vw - 40px);height:auto;transform:none;opacity:1}.interactive [data-wtcg-list]{--wtcg-slides: 1;--wtcg-slide-size: 100cqw}.story-slide{grid-template-columns:1fr}.story-slide img{height:auto}.story-slide>div{padding:25px}.snippets{grid-template-columns:1fr;margin-top:28px}.contract{margin-inline:20px;grid-template-columns:1fr;gap:30px;margin-bottom:70px}footer{margin-inline:20px}.hero-orbit{transform:scale(.85)}}.demo-basic .demo-stage{max-width:760px;margin-inline:auto}.demo-basic .demo-stage [data-wtcg-list]{border:1px solid var(--line)}.demo-natural .demo-stage{--wtcg-center-padding: 8vw}.demo-natural .photo-slide{width:100%;max-width:28rem}.focus-center{container-type:inline-size;--focus-slide-width: clamp(240px, 31cqw, 380px);--focus-gap: 25px;--focus-active-scale: 1.1;--focus-rest-scale: .9;--wtcg-slide-gap: var(--focus-gap);--wtcg-center-padding: 5vw}.focus-center [data-wtcg-list]{--wtcg-slides: 3;--wtcg-slide-size: var(--focus-slide-width);padding-block:55px;overflow:visible}.focus-center [data-wtcg-slide]{width:var(--focus-slide-width);--focus-distance: min(var(--wtcg-slide-distance, 0), 1);--focus-direction: clamp(-1, var(--wtcg-slide-offset, 0), 1);transform:translate(calc(var(--wtcg-slide-offset, 0) * (var(--focus-rest-scale) - 1) * var(--focus-slide-width) + var(--focus-direction) * (var(--focus-active-scale) - var(--focus-rest-scale)) * var(--focus-slide-width) / 2));transition:transform .3s ease}.focus-center .photo-slide{width:100%;opacity:calc(1 - var(--focus-distance) * .25);transform:scale(calc(var(--focus-active-scale) - var(--focus-distance) * (var(--focus-active-scale) - var(--focus-rest-scale))));transform-origin:center;transition:opacity .3s ease,transform .3s ease}.focus-center [data-wtcg-track]{transition:transform .5s cubic-bezier(.22,1,.36,1)}.focus-center[data-wtcg-instant] [data-wtcg-track],.focus-center[data-wtcg-dragging] [data-wtcg-track],.focus-center[data-wtcg-dragging] [data-wtcg-slide],.focus-center[data-wtcg-instant] [data-wtcg-slide],.focus-center[data-wtcg-dragging] .photo-slide,.focus-center[data-wtcg-instant] .photo-slide{transition:none}.demo-responsive .demo-stage{container-type:inline-size;padding-bottom:8px}.demo-responsive .demo-stage [data-wtcg-list]{overflow:hidden;padding-block:2px 14px}.demo-responsive .photo-slide{border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.demo-viewport>.demo-stage{width:100vw;max-width:100vw;margin-inline-start:calc(50% - 50vw)}.demo-viewport .demo-stage [data-wtcg-list]{border-radius:0}.demo-card-carousel .photo-slide{border:1px solid var(--color-black-25);box-shadow:0 22px 32px #1018202b}.demo-interactive .demo-stage [data-wtcg-list]{background:var(--ink);overflow:visible}.demo-interactive .story-slide{min-height:340px}.demo-interactive .slide-actions a,.demo-interactive .slide-actions button{transition:background .2s,color .2s}.demo-interactive .slide-actions a:hover,.demo-interactive .slide-actions button:hover{background:var(--lime);color:var(--ink)}.feature-fan .fan .photo-slide{border:1px solid var(--line);box-shadow:0 24px 42px #10182038}.docs code{background:transparent!important}.docs .snippet-head,.docs .source-area-head{background:transparent}@media(max-width:800px){.demo-viewport>.demo-stage{width:100vw;margin-inline-start:calc(50% - 50vw)}.demo-natural [data-wtcg-slide] .photo-slide{width:calc(100vw - 40px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.demo-stage [data-wtcg-track],.hero-carousel [data-wtcg-track],.focus-center [data-wtcg-slide],.focus-center .photo-slide{transition:none}}.identity{padding:92px 28px 34px;max-width:850px}.identity h1{font:900 clamp(3.8rem,8vw,8rem)/.88 var(--display);letter-spacing:-.09em;margin:20px 0 24px}.identity h1 span{color:var(--orange);font-size:.6em;letter-spacing:0}.identity>p:last-child{max-width:650px;color:var(--muted);font-size:1.08rem;line-height:1.65}.feature-fan{padding:20px 28px 58px}.feature-fan .demo-stage{margin-top:0}.feature-fan .fan [data-wtcg-list]{min-height:460px}.demo-jump{display:flex;gap:12px;padding:0 28px 82px}.secondary-cta{display:inline-flex;gap:28px;align-items:center;padding:15px 18px 15px 20px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-weight:700;border-radius:3px}.secondary-cta span{color:var(--orange);font-size:1.4rem}.source-code{margin-top:30px;border:1px solid #344158;background:#172239;color:#fff}.source-code summary{cursor:pointer;list-style:none;padding:15px 18px;color:var(--lime);font:.72rem var(--mono);text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between}.source-code summary::-webkit-details-marker{display:none}.source-code[open] summary span{transform:rotate(45deg)}.source-panel{border-top:1px solid #344158;padding:14px}.source-tabs{display:flex;gap:6px;border-bottom:1px solid #344158}.source-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#9ba8bd;padding:10px 13px;cursor:pointer;font:.72rem var(--mono)}.source-tabs button[aria-selected=true]{color:var(--lime);border-color:var(--lime)}.source-area{margin-top:12px;background:#101820}.source-area-head{display:flex;justify-content:space-between;padding:9px 14px;color:#9ba8bd;font:.68rem var(--mono);border-bottom:1px solid #344158}.source-area pre{min-height:150px}.docs{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;border-top:1px solid var(--line);padding:110px 28px 80px}.docs-nav{position:sticky;top:25px;align-self:start;display:grid;gap:10px}.docs-nav a{color:var(--muted);text-decoration:none;font-size:.84rem}.docs-nav a:hover{color:var(--ink)}.docs-body{min-width:0}.docs-body>section{border-bottom:1px solid var(--line);padding:0 0 70px;margin-bottom:70px;scroll-margin-top:30px}.docs h2{font:900 clamp(2.6rem,5vw,5rem)/.9 var(--display);letter-spacing:-.08em;margin:18px 0 24px}.docs h3{font:900 1.55rem var(--display);margin:36px 0 13px}.docs p,.docs li{color:var(--muted);line-height:1.7}.docs ul{padding-left:1.25rem}.docs li{margin:7px 0}.docs code{color:var(--ink);background:transparent;padding:2px 4px;font:.82em var(--mono)}.docs .snippet{margin:25px 0}.table-wrap{overflow-x:auto;margin:24px 0}.docs table{width:100%;border-collapse:collapse;min-width:560px;text-align:left;font-size:.84rem}.docs th{background:var(--ink);color:var(--lime);font:.68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.docs th,.docs td{padding:13px 14px;border:1px solid var(--line);vertical-align:top}.docs td{color:var(--muted);line-height:1.5}.docs td code{white-space:nowrap}.warning{border-left:4px solid var(--orange);padding:14px 18px;background:var(--color-pink-10)}.docs-body .snippet pre{min-height:0}@media(max-width:800px){.identity{padding:65px 20px 25px}.feature-fan{padding-inline:20px}.feature-fan .fan [data-wtcg-list]{min-height:330px}.demo-jump{padding-inline:20px;flex-direction:column;align-items:stretch}.primary-cta,.secondary-cta{justify-content:space-between}.docs{display:block;padding-inline:20px}.docs-nav{position:static;margin-bottom:55px;border-bottom:1px solid var(--line);padding-bottom:25px;grid-template-columns:repeat(2,1fr)}}