/* Forest and sage paper planes follow the content architecture, never cover it. */
.scroll-scene{position:relative;isolation:isolate}
.scroll-decoration{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none}
.scroll-decoration>span{position:absolute;display:block;pointer-events:none}
.scroll-plane{background:#e2ebe2;width:32%;height:60%;right:-20px;top:20%}
.scroll-outline{border:1px solid #9bb3a3;width:20%;height:45%;right:16px;top:25%}
.scroll-rule{height:1px;width:100%;left:0;bottom:0;background:var(--green);transform-origin:left center;opacity:.6}
.scroll-scene--arrival .scroll-plane{width:44%;height:62%;right:-16px;top:22%;background:#c4d7c7}
.scroll-scene--arrival .scroll-outline{width:46%;height:66%;right:4px;top:20%;border-color:var(--green)}
.scroll-scene--arrival .scroll-rule{display:none}
.hero-editorial-photo{position:relative}
.scroll-scene--programs{padding-left:24px}
.scroll-scene--programs .scroll-plane{width:14%;height:100%;top:0;left:-24px;right:auto;background:#ecf1eb}
.scroll-scene--programs .scroll-outline{display:none}
.scroll-scene--programs .scroll-rule{width:2px;height:100%;left:-12px;top:0;bottom:auto;transform-origin:center top;opacity:.8}
.scroll-scene--community .scroll-decoration{z-index:0;overflow:hidden}
.scroll-scene--community .scroll-plane{background:#24563b;width:43%;height:82%;top:12%;right:-18px}
.scroll-scene--community .scroll-outline{border-color:#8eb69b;width:32%;height:72%;top:17%;right:20px;opacity:.35}
.scroll-scene--community .scroll-rule{display:none}
.scroll-scene--community .belong-copy{z-index:1}
.scroll-scene--community .community-frame{z-index:1}
.scroll-scene--participate .scroll-plane{width:28%;height:70%;right:-20px;top:25%;background:#eaf0e7}
.scroll-scene--participate .scroll-outline{display:none}
.scroll-scene--people .scroll-plane,.scroll-scene--people .scroll-outline{display:none}
.scroll-scene--people .scroll-rule{left:-18px;top:36px;bottom:20px;width:1px;height:calc(100% - 56px);transform-origin:center top;opacity:.7}
.scroll-scene--story .scroll-plane{left:-20px;right:auto;width:25%;height:72%;top:14%;background:#edf2eb}
.scroll-scene--story .scroll-outline{display:none}
.scroll-scene--story .scroll-rule{width:1px;height:66%;left:calc(45% - 20px);top:17%;bottom:auto;transform-origin:center top;opacity:.3}
.scroll-scene--mission .scroll-plane{width:21%;height:68%;top:15%;right:-12px;background:#eaf0e7}
.scroll-scene--mission .scroll-outline{display:none}
.scroll-scene--framework .scroll-decoration{overflow:hidden}
.scroll-scene--framework .scroll-plane{background:#d7e4d6;width:26%;height:86%;right:-40px;top:10%}
.scroll-scene--framework .scroll-outline{width:22%;height:65%;right:8%;top:18%;border-color:#a5bba7}
.scroll-scene--framework .scroll-rule{width:calc(100% - 80px);left:40px;bottom:32px}
.scroll-scene--pathway .scroll-plane{width:70%;height:42%;left:15%;top:44%;right:auto;background:#e4ece0}
.scroll-scene--pathway .scroll-outline{display:none}
.scroll-scene--pathway .scroll-rule{bottom:38px;opacity:.35}
.pathway-marker{display:block;width:1.6em;max-width:100%;height:2px;background:currentColor;margin-top:.2em;transform-origin:left center;opacity:.7}
.scroll-scene--program .scroll-plane{width:44%;height:62%;left:-14px;right:auto;top:20%;background:#dfe9df}
.scroll-scene--program:nth-child(even) .scroll-plane{left:auto;right:-14px}
.scroll-scene--program .scroll-outline{width:42%;height:58%;left:8px;right:auto;top:22%;border-color:#aec4b2}
.scroll-scene--program:nth-child(even) .scroll-outline{left:auto;right:8px}
.scroll-scene--program .scroll-rule{bottom:12px;opacity:.3}
.scroll-scene--practice .scroll-plane{width:24%;height:26%;left:-20px;right:auto;top:8%;background:#e8efe5}
.scroll-scene--practice .scroll-outline{width:18%;height:20%;left:-5px;right:auto;top:11%}
.scroll-scene--practice .scroll-rule{left:calc(27% - 18px);width:1px;height:80%;top:10%;bottom:auto;transform-origin:center top;opacity:.25}
.scroll-program--be .scroll-outline{border-block:1px solid #9bb3a3;border-inline:0;height:15%;top:16%}
.scroll-program--bfit .scroll-outline{width:10%;height:28%;border-block:0;left:3%}
.scroll-program--steam .scroll-plane{width:21%;height:16%;top:16%;left:-8px}
.scroll-program--steam .scroll-outline{width:15%;height:12%;top:22%;left:28px}
.scroll-program--bwit .scroll-plane{width:20%;height:22%;top:13%}
.scroll-program--bwit .scroll-outline{width:20%;height:22%;top:15%;left:10px}
.scroll-scene--collective .scroll-plane{left:-14px;right:auto;width:44%;height:60%;top:20%}
.scroll-scene--collective .scroll-outline{display:none}
.scroll-scene--choices .scroll-plane,.scroll-scene--choices .scroll-outline{display:none}
.scroll-scene--partnership .scroll-plane{background:#dce7d8;width:26%;height:70%;right:4%;top:15%}
.scroll-scene--partnership .scroll-outline{display:none}
.scroll-scene--impact .scroll-plane{width:29%;height:65%;top:20%;right:-10px;background:#e8eee4}
.scroll-scene--impact .scroll-outline{display:none}
.scroll-scene--evidence .scroll-plane,.scroll-scene--gathering .scroll-plane{width:45%;height:68%;left:-12px;right:auto;top:16%}
.scroll-scene--evidence .scroll-outline,.scroll-scene--gathering .scroll-outline{width:44%;height:64%;left:10px;right:auto;top:18%}
.scroll-scene--contact .scroll-plane,.scroll-scene--donate .scroll-plane{left:-12px;right:auto;width:28%;height:64%;top:16%;background:#e2eadd}
.scroll-scene--contact .scroll-outline,.scroll-scene--donate .scroll-outline{left:12px;right:auto;width:25%;height:60%;top:18%}
.scroll-scene--contact .scroll-rule{width:1px;height:65%;left:calc(45% - 20px);top:18%;bottom:auto;transform-origin:center top;opacity:.3}
.scroll-scene--donate .scroll-rule{display:none}
.scroll-scene--voice .scroll-plane{width:24%;height:82%;right:-12px;top:5%;background:#e8eee2}
.scroll-scene--voice .scroll-outline{display:none}
.scroll-scene--board .scroll-plane{width:35%;height:65%;right:-12px;top:25%;background:#e8eee4}
.scroll-scene--board .scroll-outline{display:none}
.scroll-scene--introduction .scroll-plane{width:16%;height:48%;right:-12px;top:25%;background:#eaf0e7}
.scroll-scene--introduction .scroll-outline{width:12%;height:36%;right:8px;top:31%;border-color:#b7c8ba}
.scroll-scene--chapter .scroll-decoration{z-index:1}
.scroll-scene--chapter .scroll-plane,.scroll-scene--chapter .scroll-outline{display:none}
.scroll-scene--chapter .scroll-rule{bottom:24px;left:40px;width:calc(100% - 80px);background:#dfedde;opacity:.45}
.scroll-scene--registration .scroll-plane,.scroll-scene--reading .scroll-plane{display:none}
.scroll-scene--registration .scroll-outline{width:90%;height:48%;right:-8px;top:50%;border-color:#c3d2c0}
.scroll-scene--registration .scroll-rule{display:none}
.registration-intro.scroll-scene{position:sticky}
.scroll-scene--reading .scroll-outline{width:12%;height:34%;right:8px;top:38%;border-color:#c3d2c0}
.scroll-scene--reading .scroll-rule{opacity:.3}
/* Full-width surfaces share the paper character without repeating the footer artwork. */
.scroll-scene--arrival .scroll-plane{width:100vw;left:calc(50% - 50vw);right:auto;top:26%;height:48%;background:#e4ece0}
.scroll-scene--programs .scroll-plane{width:100vw;left:calc(50% - 50vw);right:auto;background:#eef3eb}
.scroll-scene--participate .scroll-plane{width:100vw;left:calc(50% - 50vw);right:auto;top:12%;height:76%}
.scroll-scene--community .scroll-plane{width:100%;right:0;height:52%;top:44%}
.site-footer .motion-scene{inset:-2%}
.site-footer .motion-scene .scene-ribbon{width:100%;height:auto;max-width:none;inset:auto 0 0;object-fit:contain;object-position:center bottom;opacity:.14}
html.motion-paused .scroll-decoration>span,html.motion-paused .pathway-marker{transform:none!important}
@media(max-width:767px){.registration-intro.scroll-scene{position:relative}}
@media(max-width:900px){.scroll-scene--arrival .scroll-plane{width:94%;height:30%;top:auto;bottom:30px;right:-8px}.scroll-scene--arrival .scroll-outline{width:94%;height:30%;top:auto;bottom:40px;right:8px}.scroll-scene--community .scroll-plane{width:90%;height:30%;top:auto;bottom:0}.scroll-scene--community .scroll-outline{width:86%;height:28%;top:auto;bottom:10px}.scroll-scene--contact .scroll-rule,.scroll-scene--practice .scroll-rule,.scroll-scene--story .scroll-rule{display:none}}
@media(max-width:600px){.scroll-plane{right:-8px}.scroll-outline{right:4px}.scroll-scene--programs{padding-left:16px}.scroll-scene--programs .scroll-plane{left:-8px;width:20%}.scroll-scene--programs .scroll-rule{left:-2px;width:1px}.scroll-scene--people .scroll-rule{left:-10px}.scroll-scene--program .scroll-plane,.scroll-scene--evidence .scroll-plane,.scroll-scene--gathering .scroll-plane,.scroll-scene--collective .scroll-plane{width:94%;height:30%;top:9%;left:-8px;right:auto}.scroll-scene--program:nth-child(even) .scroll-plane{left:-8px;right:auto}.scroll-scene--program .scroll-outline,.scroll-scene--evidence .scroll-outline,.scroll-scene--gathering .scroll-outline{display:none}.scroll-scene--practice .scroll-plane,.scroll-scene--practice .scroll-outline{display:none}.scroll-scene--introduction .scroll-plane{width:22%;height:34%;right:-8px;top:48%}.scroll-scene--introduction .scroll-outline{display:none}.scroll-scene--framework .scroll-rule{left:20px;width:calc(100% - 40px)}.scroll-scene--chapter .scroll-rule{left:20px;width:calc(100% - 40px)}.scroll-scene--registration .scroll-outline{display:none}.scroll-scene--contact .scroll-plane,.scroll-scene--donate .scroll-plane{width:92%;height:32%;left:-8px;top:4%}.scroll-scene--contact .scroll-outline,.scroll-scene--donate .scroll-outline{display:none}}
.scroll-scene--arrival .scroll-plane,.scroll-scene--programs .scroll-plane,.scroll-scene--participate .scroll-plane{width:100vw;left:calc(50% - 50vw);right:auto}
.scroll-scene--community .scroll-plane{width:100%;right:0}
.scroll-scene--introduction .scroll-plane,.scroll-scene--story .scroll-plane,.scroll-scene--mission .scroll-plane,.scroll-scene--partnership .scroll-plane,.scroll-scene--impact .scroll-plane,.scroll-scene--voice .scroll-plane,.scroll-scene--board .scroll-plane{width:100vw;left:calc(50% - 50vw);right:auto}
.scroll-scene--introduction .scroll-outline{display:none}
@media(prefers-reduced-motion:reduce){html:not(.motion-active) .scroll-decoration>span,html:not(.motion-active) .pathway-marker{transform:none!important}}