.ripple-distortion{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.ripple-distortion canvas{display:block;width:100%;height:100%}.ripple-distortion--overlay{background:transparent}.warp-text{position:relative;display:block;width:100%;min-height:220px;overflow:hidden;isolation:isolate;border-radius:inherit}.warp-text canvas{position:absolute;inset:0;display:block;width:100%;height:100%}:root{background:#000;color:#f4f1e9;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root,.demo{width:100%;height:100%;min-width:320px;min-height:480px;margin:0;overflow:hidden}button{font:inherit}.demo{position:relative;isolation:isolate;background:#000}.page-carousel{position:absolute;inset:0;z-index:1;overflow:hidden;outline:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.page-carousel:active{cursor:grabbing}.page-track{display:flex;width:max-content;height:100%;transition:transform .72s cubic-bezier(.22,1,.36,1);will-change:transform}.page{position:relative;flex:0 0 100vw;width:100vw;height:100%;overflow:hidden;border-right:1px solid rgba(255,255,255,.14);background:#000}.page__video{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.page__ripple{position:absolute;inset:0;z-index:2;pointer-events:none}.page:after{position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,#0205051a,#02050585);content:"";pointer-events:none}.page--2:after{background:linear-gradient(120deg,#08171c14,#07101494)}.page--3:after{background:linear-gradient(120deg,#180c0814,#13080599)}.page__title-warp{position:absolute;inset:0;z-index:3;width:100%;height:100%;min-height:0}.page-loader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#000;opacity:1;visibility:visible;transition:opacity .32s ease,visibility 0s linear .32s}.page-loader--hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loader__label{color:#ffffffc7;font-size:10px;font-weight:600;letter-spacing:.24em}.page-loader__track{position:relative;width:112px;height:1px;overflow:hidden;background:#ffffff2e}.page-loader__track:after{position:absolute;inset:0;background:#fff;content:"";transform:translate(-100%);animation:loader-sweep .9s ease-in-out infinite}@keyframes loader-sweep{50%{transform:translate(0)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.page-track{transition-duration:1ms}.page-loader__track:after{animation:none;transform:translate(0)}}