*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:clamp(1rem,1.1vw,1.1rem);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,p,figure,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:fixed;left:1rem;top:-4rem;z-index:60;background:var(--text);color:var(--bg);padding:.6rem 1rem;border-radius:6px}.skip:focus{top:1rem}.demo-bar{position:relative;z-index:50;background:#111;color:#eee;font:500 .8rem/1.4 system-ui,sans-serif;text-align:center;padding:.5rem 1rem}.demo-bar a{text-decoration:underline}.wrap{max-width:1320px;margin-inline:auto;padding-inline:clamp(1rem,4.5vw,3.5rem)}.mask{overflow:hidden;display:block}[data-reveal]{will-change:transform,opacity}.is-disabled{cursor:not-allowed;opacity:.75}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}