@font-face{font-family:"Sneak";src:url("../../assets/fonts/Sneak-Light.woff") format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Sneak";src:url("../../assets/fonts/Sneak-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Sneak";src:url("../../assets/fonts/Sneak-Medium.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  --paper:#fff;--ink:#0a0a0a;--muted:#777;--line:rgba(10,10,10,.14);
  --neon:#d8ff00;--blue:#3b5bd9;--yellow:#f5c518;--red:#e0492a;
  --cell:14px;--gutter:56px;--maxw:1176px;--rail:224px;
  --mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;overscroll-behavior:none}
body{margin:0;overflow-x:hidden;overscroll-behavior:none;background:var(--paper);color:var(--ink);cursor:auto;font-family:"Sneak","Helvetica Neue",Arial,sans-serif;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}
button,a{font:inherit;color:inherit}
canvas{display:block}
#library-root{position:relative;z-index:2}
.fx-component{position:relative;border-top:1px solid var(--line);background:transparent}
.ed{min-height:100vh;display:grid;align-items:center;padding:calc(var(--cell)*7) var(--gutter)}
.ed .wrap,.ch{width:100%;max-width:var(--maxw);margin:auto}
[data-particle-arrow]{position:relative;width:min(450px,80vw);min-height:98px;margin:0;color:transparent;font-size:44px;line-height:1}
[data-particle-arrow]::after{content:"+";position:absolute;left:50%;top:50%;display:grid;place-items:center;width:22px;height:22px;transform:translate(-50%,-50%);border:1px solid rgba(10,10,10,.32);background:rgba(247,247,245,.86);color:var(--ink);font:12px/1 var(--mono)}
.intro{position:relative;height:0}
.proc{min-height:125vh;display:grid;align-items:center;padding:calc(var(--cell)*7) var(--gutter)}
.proc .wrap{width:100%;max-width:var(--maxw);margin:auto}
.proc .ph{min-height:150px}
.caro{min-height:95vh;display:grid;align-items:center;padding:calc(var(--cell)*7) var(--gutter)}
.cta{min-height:100vh;display:grid;align-items:center;padding:calc(var(--cell)*10) var(--gutter);text-align:center}
@media(max-width:720px){
  :root{--gutter:28px;--rail:0px}
  .ed{min-height:92vh;padding:calc(var(--cell)*5) var(--gutter)}
  .proc{min-height:112vh;padding:calc(var(--cell)*4) var(--gutter)}
  .proc#process,.proc#protocol-parts{padding-top:calc(var(--cell)*12)}
  .proc .ph{min-height:110px}
  .caro{min-height:92vh;padding:calc(var(--cell)*4) var(--gutter)}
}