@import url('/concepts/votes.css');@font-face{font-family:Manrope;src:url('/fonts/manrope-regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope-bold.ttf');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;font:15px/1.6 Manrope,Arial,sans-serif;--bg:#e7ebf4;--ink:#233054;--quiet:#617291;background:var(--bg);color:var(--ink)}body[data-effect=ribbons]{--bg:#142b49;--ink:#f1e4da;--quiet:#bdc8d6}body[data-effect=letterform]{--bg:#fae74f;--ink:#342e30;--quiet:#6f6342}body[data-effect=passage]{--bg:#eadbd1;--ink:#423347;--quiet:#806e80}body[data-effect=matter]{--bg:#172c28;--ink:#e6ecd9;--quiet:#a4bdad}a{color:inherit;text-decoration:none}.experiment-header{position:fixed;left:0;right:0;top:0;z-index:10;padding:24px 4vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;background:linear-gradient(var(--bg),transparent)}button{font:inherit;cursor:pointer}.experiment-header button{border:1px solid currentColor;background:var(--bg);color:inherit;border-radius:3px;padding:7px 13px;font-size:11px}.scroll-track{height:450svh}.stage{height:100svh;position:sticky;top:0;overflow:hidden}canvas{width:100%;height:100%;display:block}.chapter-copy{position:absolute;inset:0;pointer-events:none}.chapter{position:absolute;left:6vw;bottom:17vh;max-width:430px;opacity:0;transform:translateY(12px)}.chapter:first-child{opacity:1}.chapter h1{font-size:clamp(32px,4.4vw,66px);line-height:1.05;letter-spacing:-.055em;font-weight:400;margin:0 0 24px}.chapter p{font-size:13px;color:var(--quiet);max-width:32ch;margin:0}.scroll-cue{position:absolute;bottom:38px;left:6vw;font-size:11px;display:flex;gap:40px}.progress{position:absolute;bottom:0;height:3px;background:#ffffff18;width:100%}.progress i{display:block;height:100%;background:var(--ink);width:0}.experiment-end{position:relative;min-height:65svh;background:var(--bg);padding:80px 8vw;z-index:2}.experiment-end h2{font-size:44px;letter-spacing:-.045em;font-weight:400;margin:15px 0}.experiment-end>p{max-width:46ch;color:var(--quiet)}.end-label{font-size:12px}.experiment-end .vote{margin:30px 0}.experiment-end .vote button{font-size:14px;padding:12px 24px}.end-links{display:flex;gap:40px;margin-top:45px;font-size:13px}.type-art{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:1vw;pointer-events:none}.type-art span{font-size:clamp(80px,23vw,360px);line-height:1;font-weight:700;letter-spacing:-.08em;will-change:transform}body[data-effect=letterform] .chapter{max-width:none;bottom:15vh}body[data-effect=letterform] .chapter h1{font-size:clamp(28px,3vw,45px)}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.is-still .scroll-track{height:100svh}.is-still .chapter:not(:first-child){display:none}.is-still .scroll-cue{display:none}@media(max-width:750px){.experiment-header{padding:18px 22px;font-size:10px}.experiment-header>span{display:none}.chapter{left:24px;right:24px;bottom:14vh;max-width:320px}.chapter h1{font-size:37px}.chapter p{font-size:12px}.scroll-cue{left:24px;bottom:25px}.experiment-end{padding:60px 24px}.experiment-end h2{font-size:34px}.end-links{flex-direction:column;gap:20px}.type-art{align-items:start;padding-top:29vh}.type-art span{font-size:24vw}body[data-effect=letterform] .chapter{bottom:21vh}}
.stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 94%,transparent),transparent 55%)}.chapter-copy,.scroll-cue,.progress{z-index:2}body[data-effect=letterform] .stage::after{display:none}.type-art{z-index:1}body[data-effect=passage] .chapter h1{color:#f2e8e2}body[data-effect=passage] .chapter p,body[data-effect=passage] .scroll-cue{color:#e3d8e4}body[data-effect=passage] .stage::after{background:linear-gradient(90deg,#392b49b0,transparent 65%)}@media(max-width:750px){.stage::after{background:linear-gradient(0deg,var(--bg),transparent 65%)}body[data-effect=passage] .stage::after{background:linear-gradient(0deg,#392b49,transparent 70%)}}
body[data-effect=fold]{--bg:#e8d9cb;--ink:#4d3c33;--quiet:#836c5e}body[data-effect=liquid]{--bg:#2b2240;--ink:#efe1f3;--quiet:#bda9ce}body[data-effect=interference]{--bg:#f0eee6;--ink:#313c46;--quiet:#727575}body[data-effect=eclipse]{--bg:#222c42;--ink:#f6ebd3;--quiet:#b2b9cd}body[data-effect=terrain]{--bg:#e2ebe4;--ink:#2c5142;--quiet:#6f8c7c}body[data-effect=bloom]{--bg:#e3dce9;--ink:#493a5a;--quiet:#86768f}body[data-effect=watercolor]{--bg:#f5f0e6;--ink:#3e4948;--quiet:#7e8980}body[data-effect=continuous]{--bg:#f1ebdf;--ink:#55493c;--quiet:#8d7d6b}body[data-effect=watercolor] .stage::after,body[data-effect=continuous] .stage::after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 85%,transparent),transparent 60%)}
body[data-effect=possibilities]{--bg:#e7eee6;--ink:#284b38;--quiet:#6e8576}body[data-effect=optical]{--bg:#eae9f7;--ink:#353553;--quiet:#777395}body[data-effect=emergence]{--bg:#ede3d2;--ink:#50442f;--quiet:#8b7758}body[data-effect=geometry]{--bg:#e0e9f2;--ink:#294b65;--quiet:#6d879c}.chapter{will-change:opacity,transform}.stage{isolation:isolate}body[data-effect=watercolor] .stage::after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 85%,transparent),transparent 53%)}
body[data-effect=paperplane]{--bg:#dde7f1;--ink:#36506b;--quiet:#6d859a}body[data-effect=koi]{--bg:#183d36;--ink:#e5e8ce;--quiet:#a6c2b1}body[data-effect=cosmos]{--bg:#1c1b32;--ink:#ece1ef;--quiet:#aca2c3}body[data-effect=ghost]{--bg:#162831;--ink:#d4dfd7;--quiet:#8da9ad}body[data-effect=cosmos] .stage::after{background:linear-gradient(90deg,#1c1b32d9,transparent 55%)}