*{box-sizing:border-box}html{scroll-behavior:auto;overscroll-behavior:none}body{overscroll-behavior:none;color:#f2f0e6;-webkit-font-smoothing:antialiased;background:#ea603a;margin:0;font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif;overflow-y:hidden}button,input{font:inherit}.experience{width:var(--scroll-length);touch-action:pan-x;min-width:100vw;height:100dvh}.studio{background:var(--background,#ea603a);width:100vw;height:100dvh;position:sticky;top:0;left:0;overflow:hidden}.canvas-wrap{position:absolute;inset:0}.topbar{z-index:3;border-bottom:1px solid #f2f0e661;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:24px 30px;display:grid;position:absolute;top:0;left:0}.topbar p{letter-spacing:.12em;text-transform:uppercase;margin:0;font:500 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.brand{width:fit-content;color:inherit;letter-spacing:-.08em;font-size:25px;font-weight:800;text-decoration:none}.brand span{vertical-align:top;margin-left:3px;font:500 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.source-link{color:inherit;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f2f0e6b3;padding-bottom:5px;font:500 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none}.topbar__links{justify-self:end;align-items:center;gap:22px;display:flex}.topbar__links button{color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;border-bottom:1px solid #f2f0e6b3;padding:0 0 5px;font:500 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.controls{z-index:4;width:min(310px,28vw);position:absolute;top:50%;right:30px;transform:translateY(-46%)}.intro .eyebrow{letter-spacing:.16em;text-transform:uppercase;font:500 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.intro h1{letter-spacing:-.065em;margin:16px 0 18px;font-size:clamp(35px,4.1vw,66px);line-height:.92}.intro p{opacity:.84;max-width:290px;margin:0 0 26px;font-size:13px;line-height:1.55}.dropzone{background:#151c220f;border:1px dashed #f2f0e6b3;padding:12px;transition:background .2s,border-color .2s,transform .2s}.dropzone.is-dragging{background:#f2f0e621;border-color:#f2f0e6;transform:translateY(-3px)}.dropzone.is-busy{opacity:.65}.dropzone input{opacity:0;pointer-events:none;position:absolute}.dropzone button{color:#f2f0e6;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0;font-size:13px;font-weight:700;display:flex}.dropzone small{opacity:.62;margin:8px 0 0 35px;font:400 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.dropzone__plus{width:25px;height:25px;color:var(--background,#ea603a);background:#f2f0e6;border-radius:50%;place-items:center;font-size:18px;font-weight:400;display:grid}.color-control{text-transform:uppercase;letter-spacing:.07em;grid-template-columns:1fr 24px auto;align-items:center;gap:10px;margin-top:17px;font:500 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.color-control input{cursor:pointer;background:0 0;border:1px solid #f2f0e699;border-radius:50%;width:24px;height:24px;padding:2px}.color-control input::-webkit-color-swatch{border:0;border-radius:50%}.color-control output{opacity:.65}.embed-panel{z-index:8;color:#151c22;background:#f2f0e6;width:min(410px,100vw - 36px);padding:20px;position:absolute;top:82px;right:30px;box-shadow:0 18px 60px #151c2233}.embed-panel p{margin:16px 0;font-size:12px;line-height:1.55}.embed-panel code{overflow-wrap:anywhere;color:#f2f0e6;background:#151c22;margin-top:14px;padding:13px;font:400 10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.embed-panel small{opacity:.66;margin-top:14px;font:400 9px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.embed-panel__field{gap:7px;display:grid}.embed-panel__field span{letter-spacing:.08em;text-transform:uppercase;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.embed-panel__field input{color:#151c22;background:#fffdf4;border:1px solid #151c224d;border-radius:0;outline:none;width:100%;padding:10px 11px;font:400 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.embed-panel__field input:focus{border-color:#ea603a;box-shadow:0 0 0 2px #ea603a2e}.embed-panel__field input[aria-invalid=true]{border-color:#b52d22}.embed-panel .embed-panel__validation{color:#9d241b;opacity:1;margin-top:6px}.embed-panel__header{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.embed-panel__header button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:22px;line-height:1}.embed-panel__copy{color:#f2f0e6;cursor:pointer;text-transform:uppercase;background:#ea603a;border:0;margin-top:10px;padding:10px 13px;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.embed-panel__copy:disabled{cursor:not-allowed;opacity:.45}.embed-status{z-index:9;color:#151c22;text-align:center;background:#f2f0e6;gap:5px;min-width:240px;max-width:calc(100vw - 36px);padding:13px 16px;font:500 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #151c2233}.embed-status strong{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.embed-status.is-error{border-top:3px solid #b52d22}.experience.is-embed .topbar,.experience.is-embed .controls{display:none}.experience.is-embed .meter{bottom:18px;left:22px;right:22px}.experience.is-embed .scroll-cue{bottom:44px;right:22px}.extracting{background:#f2f0e640;height:2px;margin-top:9px;overflow:hidden}.extracting span{background:#f2f0e6;height:100%;transition:width .15s;display:block}.error{margin:10px 0 0;font:500 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.local-note{text-transform:uppercase;letter-spacing:.06em;opacity:.72;align-items:center;gap:7px;margin:10px 0 0;font:500 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.local-note span{color:#9dea78;font-size:7px}.scroll-cue{z-index:3;letter-spacing:.14em;text-transform:uppercase;opacity:.8;align-items:center;gap:12px;font:500 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute;bottom:52px;right:30px}.scroll-cue i{font-size:15px;font-style:normal}.meter{z-index:3;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:120px 1fr 28px;align-items:center;gap:18px;font:500 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:absolute;bottom:22px;left:30px;right:30px}.meter__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meter__track{background:#f2f0e659;height:1px;overflow:hidden}.meter__track span{transform-origin:0;background:#f2f0e6;width:100%;height:100%;display:block}.meter__value{text-align:right}@media (width<=760px){.topbar{grid-template-columns:1fr 1fr;padding:18px}.topbar p{display:none}.topbar__links{gap:12px}.topbar__links button{font-size:9px}.source-link{display:none}.controls{width:min(290px,100vw - 36px);top:84px;right:18px;transform:none}.intro h1{margin:10px 0;font-size:38px}.intro p{max-width:260px;margin-bottom:14px;font-size:11px}.dropzone{max-width:260px}.scroll-cue{right:18px}.meter{grid-template-columns:80px 1fr 25px;gap:10px;left:18px;right:18px}.canvas-wrap{top:120px}.embed-panel{top:68px;right:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}