.cards-tornado{cursor:grab;touch-action:none;z-index:0;pointer-events:none;background:#000;width:100%;height:100dvh;position:fixed;inset:0;overflow:clip}.cards-tornado__collection{width:100%;height:100%;position:relative}.cards-tornado__list{perspective:75em;width:100%;height:100%;transform-style:preserve-3d;font-size:clamp(.5em,.75vw,1.5em);position:relative}.cards-tornado__item{transform-style:preserve-3d;backface-visibility:visible;will-change:transform, filter;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-card{--card-width:18em;aspect-ratio:4/5;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius);width:var(--card-width);background-color:#222;position:relative}.cover-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}.tornado-scroll{--tornado-gutter:var(--space-2);z-index:1;min-height:calc(300vh - 2 * var(--tornado-gutter));pointer-events:none;position:relative}.tornado-scroll__spacer{height:calc(100vh - var(--tornado-gutter));height:calc(100dvh - var(--tornado-gutter));pointer-events:none}.tornado-scroll__content{box-sizing:border-box;height:100dvh;margin-left:var(--tornado-gutter);margin-right:var(--tornado-gutter);border-radius:var(--radius);color:#000;pointer-events:auto;font:500 var(--type-p) / var(--type-p-lh) var(--font-sans);letter-spacing:var(--type-p-ls);background:#fff;position:relative;overflow:hidden}.tornado-scroll__content-inner{z-index:1;box-sizing:border-box;height:100%;padding:var(--space-3);scrollbar-width:none;-ms-overflow-style:none;position:relative;overflow:auto}.tornado-scroll__content-inner::-webkit-scrollbar{display:none}.tornado-scroll__content h1{margin:0 0 var(--space-1);color:#000}.tornado-scroll__content p{margin:0 0 var(--space-1);color:#000;max-width:42rem}