@import url(https://unpkg.com/normalize.css) layer(normalize);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Departure Mono;src:url(https://assets.codepen.io/605876/DepartureMono-Regular.woff)}@layer normalize, base, demo;@layer demo{header,main{--font-level:3.5;display:grid;min-height:100vh;place-items:center}footer,header,main{font-family:Departure Mono,monospace;text-transform:uppercase}footer{padding:1rem}[data-debug=true] [data-char]{outline:2px dashed hotpink;overflow:visible}[data-debug=true] h1{position:fixed;top:50%;translate:0 -50%}[data-debug=true] :where(header,footer,p){opacity:0}.encrypted{--step-start:calc(var(--start, 0)*1%);--step-end:calc(var(--end, -0.2)*1%);view-timeline:--heading;max-width:calc(100vw - 2rem);width:30ch}p{line-height:1;margin:0;opacity:.8}[data-char]{display:inline-block;height:1lh;overflow:hidden;position:relative;width:1ch}[data-char] span{animation-timeline:--heading;animation-range:contain calc(var(--char-index)*var(--step-start)) calc(50% + var(--char-index)*var(--step-end));animation:track steps(10) both;animation:track both steps(var(--track,10));bottom:0;left:50%;position:absolute;translate:-50% 0;white-space:break-spaces;width:1ch;word-break:break-word}.word{white-space:nowrap}h1{line-height:1;margin:0}@keyframes track{to{translate:-50% calc(100% - 1lh)}}}@layer base{:root{--font-size-min:16;--font-size-max:20;--font-ratio-min:1.2;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500}html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}:where(.fluid *),:where(.fluid){--fluid-min:calc(var(--font-size-min)*pow(var(--font-ratio-min), var(--font-level, 0)));--fluid-max:calc(var(--font-size-max)*pow(var(--font-ratio-max), var(--font-level, 0)));--fluid-preferred:calc((var(--fluid-max) - var(--fluid-min))/(var(--font-width-max) - var(--font-width-min)));--fluid-type:clamp((var(--fluid-min)/16) * 1rem,((var(--fluid-min)/16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min))/16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit,100vi)),(var(--fluid-max)/16) * 1rem);font-size:var(--fluid-type)}*,:after,:before{box-sizing:border-box}body{display:grid;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;min-height:100vh;place-items:center}body:before{--size:45px;--line:color-mix(in lch,canvasText,#0000 70%);background:linear-gradient(90deg,var(--line) 1px,#0000 1px var(--size)) 50% 50% /var(--size) var(--size),linear-gradient(var(--line) 1px,#0000 1px var(--size)) 50% 50% /var(--size) var(--size);content:"";height:100vh;-webkit-mask:linear-gradient(-20deg,#0000 50%,#fff);mask:linear-gradient(-20deg,#0000 50%,#fff);pointer-events:none;position:fixed;top:0;transform-style:flat;width:100vw;z-index:-1}.logo-link{aspect-ratio:1;color:initial;display:grid;left:1rem;opacity:.8;place-items:center;position:fixed;top:1rem;width:48px}:where(.x-link,.logo-link):is(:hover,:focus-visible){opacity:1}.logo-link svg{width:75%}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}
/*# sourceMappingURL=main.756acced.css.map*/