.scroll-container{height:900vh;position:relative}.scroll-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.clock-layer{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:3rem;display:flex;position:absolute;inset:0}.pre-reveal-text{text-align:center;color:var(--primary-colour);text-transform:uppercase;letter-spacing:.02em;font-size:2rem;font-weight:800}.pre-reveal-accent{color:var(--secondary-colour)}.scroll-clock-wrapper{width:50%;max-width:50rem}.builder-overlay{z-index:10;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.builder-overlay.visible{opacity:1;pointer-events:auto}.builder-overlay .camel-builder{width:100%;max-width:120rem}body.scroll-anim-active{scrollbar-width:none}body.scroll-anim-active::-webkit-scrollbar{display:none}.scroll-container.locked{height:auto}.scroll-container.locked .scroll-sticky{height:auto;position:static;overflow:visible}.scroll-container.locked .clock-layer{display:none}.scroll-container.locked .builder-overlay{opacity:1;pointer-events:auto;justify-content:center;align-items:flex-start;padding:12rem 2rem 2rem;position:relative;inset:auto}.scroll-container.locked .builder-overlay .canvas-wrapper,.scroll-container.locked .builder-overlay .camel-builder-form{opacity:1}.scroll-container.locked .scroll-clock-wrapper{display:none}@media (max-width:768px){.scroll-container{height:780vh}.scroll-clock-wrapper{width:70%}.scroll-container.locked .builder-overlay{padding-top:10rem}}@media (max-width:480px){.scroll-container{height:700vh}.scroll-clock-wrapper{width:85%}.scroll-container.locked .builder-overlay{padding-top:9rem}}.scroll-guide{z-index:60;width:4.6rem;height:4.6rem;color:var(--fg-colour);opacity:.5;background:0 0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:none;position:fixed;top:50%;right:3rem;transform:translateY(-50%)}.scroll-guide:hover{opacity:1;box-shadow:8px 8px 0px var(--border-colour);transform:translateY(-50%)}.scroll-guide svg{width:2.2rem;height:2.2rem}@media (min-width:900px) and (min-height:660px){.scroll-guide{display:flex}}