/* One continuous story. Colour belongs to the two worlds, never the UI. */
.brand-dots{width:21px;height:21px;margin-left:7px;color:#ddd}.opening{position:relative;min-height:calc(100svh - 100px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding-block:70px 110px}.opening-copy{position:relative;z-index:2}.opening .eyebrow{color:#999;margin-bottom:30px}.opening h1{font-size:clamp(66px,7.4vw,124px);line-height:.96;letter-spacing:-.055em}.opening-description{font-size:16px;color:#aaa;line-height:1.7;max-width:365px;margin-top:28px}.opening-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.text-cta{font-size:12px;display:inline-flex;align-items:center;gap:20px;text-decoration:underline;text-underline-offset:7px}.opening-art{position:absolute;right:-3%;top:2%;width:53%;height:88%;pointer-events:none}.opening-art canvas{width:100%;height:100%;--zoom:1.1;--focus:.47}.opening-art>span{position:absolute;bottom:12%;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.16em;color:#888}.opening-bottom{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#888;border-top:1px solid #ffffff26;padding-top:24px}.opening-bottom a{color:#bbb}.opening-bottom a span{margin-left:24px}
.scroll-story{position:relative;display:grid;grid-template-columns:54% 46%;border-top:1px solid #ffffff26;--story-progress:0;--world-study:0;--world-create:0;--world-scale:1.07;--kept:0}.story-visual{position:sticky;top:0;height:100svh;overflow:hidden;align-self:start;isolation:isolate;background:#000;--growth:0}.story-world{position:absolute;inset:0;transform:scale(var(--world-scale));transform-origin:50% 52%;will-change:transform,opacity}.story-world-study{opacity:var(--world-study)}.story-world-create{opacity:var(--world-create)}.story-world img,.story-world video{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:50% 58%}.story-world video{opacity:0;transition:opacity 1s}.story-world.is-playing video{opacity:1}.story-veil{position:absolute;inset:0;background:linear-gradient(90deg,#0004,transparent 45%,#000b),linear-gradient(#0009,transparent 30%,#0005 55%,#000e);z-index:1}#story-tree,#story-noise{position:absolute;inset:0;width:100%;height:100%;z-index:2}#story-tree{--zoom:1.0;--focus:.45}.story-visual-top{position:absolute;top:30px;left:34px;right:34px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.1em;color:#bbb}.story-motion{background:#0006;border:1px solid #ffffff30;border-radius:30px;padding:10px 13px;font-size:9px;color:#ddd;letter-spacing:0}.story-keepsake{position:absolute;bottom:11%;left:9%;z-index:3;opacity:var(--kept);transform:translateY(calc((1 - var(--kept))*24px));pointer-events:none}.story-keepsake span{font-size:8px;letter-spacing:.16em;color:#bbb;display:block}.story-keepsake strong{font-size:clamp(30px,3.9vw,65px);font-weight:400;line-height:1.05;letter-spacing:-.04em;display:block;margin:18px 0}.story-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff15;z-index:4}.story-track>span{display:block;height:100%;background:#ddd;transform-origin:left;transform:scaleX(var(--story-progress))}.story-steps{position:relative;background:#000;z-index:3;padding-inline:12% 15%}.story-step{min-height:88svh;display:flex;flex-direction:column;justify-content:center;padding-block:90px;opacity:1;transition:opacity .35s}.story-ready .story-step{opacity:.35}.story-ready .story-step.is-active{opacity:1}.story-step .eyebrow{color:#999;margin-bottom:28px}.story-step h2{font-size:clamp(38px,4.4vw,76px);line-height:1.07;letter-spacing:-.045em;font-weight:400}.story-step>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#bbb;margin-top:28px;max-width:370px}.step-detail{display:block;font-size:11px;line-height:1.7;color:#888;border-top:1px solid #ffffff26;padding-top:20px;margin-top:28px;max-width:350px}.story-recipe{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.story-recipe span{border:1px solid #ffffff30;border-radius:25px;padding:10px 13px;font-size:10px}.story-step .text-cta{align-self:flex-start;margin-top:28px}.try-intro{padding-block:100px 55px;border-top:1px solid #ffffff26;display:grid;grid-template-columns:1fr 1fr;gap:24px 60px}.try-intro>.eyebrow{grid-column:1/-1;color:#999}.try-intro h2{font-size:clamp(38px,4.2vw,70px);font-weight:400;line-height:1.08;letter-spacing:-.04em}.try-intro>p:last-child{max-width:350px;font-size:15px;line-height:1.8;color:#aaa;align-self:end;justify-self:end}.micro-title{font-size:clamp(66px,7.4vw,124px);font-weight:400;line-height:.98;letter-spacing:-.055em}.demo-distinction{color:#777;font-size:11px;line-height:1.7;margin-top:26px}.hero{border-bottom:1px solid #ffffff26}.hero-body{padding-top:40px!important}.hero .hero-top .eyebrow{color:#aaa}.closing{padding-top:100px}.nav-note:hover{color:#fff}.story-ready.story-static .story-step{opacity:1}.story-static .story-world{transform:none}.story-static .story-keepsake{transform:none}
@media(min-width:1600px){.story-steps{padding-right:20%}}
@media(max-width:1000px) and (min-width:701px){.story-steps{padding-inline:10%}.story-step h2{font-size:42px}.opening-actions{gap:18px}.opening .pill{padding:16px 20px}.story-visual-top{left:20px;right:20px;letter-spacing:0}.story-visual-top>span{max-width:130px}}
@media(max-width:700px){.opening{min-height:calc(100svh - 77px);display:block;padding-top:45px;padding-bottom:70px}.opening h1{font-size:clamp(55px,13.3vw,86px);line-height:.99}.opening .eyebrow{font-size:8px;margin-bottom:22px;max-width:270px}.opening-description{font-size:13px;line-height:1.7;max-width:290px;margin-top:22px}.opening-actions{gap:22px;margin-top:25px}.opening .pill{font-size:11px;padding:14px 19px;gap:20px}.opening .text-cta{font-size:10px}.opening-art{position:relative;inset:auto;width:100%;height:260px;margin-top:6px}.opening-art canvas{--zoom:1.1;--focus:.48}.opening-art>span{display:none}.opening-bottom{position:static;font-size:8px;gap:20px;padding-top:20px}.opening-bottom>span{max-width:175px;line-height:1.7}.opening-bottom a{white-space:nowrap}.opening-bottom a span{margin-left:8px}.scroll-story{display:block}.story-visual{height:44svh;min-height:270px;z-index:4}.story-steps{padding:0 24px}.story-step{min-height:58svh;padding-block:45px 55px}.story-ready .story-step{opacity:.45}.story-step h2{font-size:clamp(34px,9vw,46px)}.story-step .eyebrow{margin-bottom:18px;font-size:8px}.story-step>p:not(.eyebrow){font-size:13px;line-height:1.7;margin-top:20px}.step-detail{font-size:10px;margin-top:20px;padding-top:14px}.story-recipe{margin-top:18px}.story-recipe span{font-size:9px;padding:8px 11px}.story-visual-top{top:16px;left:20px;right:20px;font-size:8px;letter-spacing:.05em}.story-motion{font-size:8px;padding:9px 11px}.story-world img,.story-world video{object-position:50% 60%}.story-veil{background:linear-gradient(#0008,transparent 40%,#000a)}#story-tree{--zoom:.9;--focus:.47}.story-keepsake{bottom:12%;left:7%}.story-keepsake strong{font-size:28px;margin:9px 0}.story-keepsake span{font-size:6px}.try-intro{display:block;padding-block:65px 20px}.try-intro h2{font-size:39px;margin-top:24px}.try-intro>p:last-child{font-size:13px;line-height:1.7;margin-top:23px;max-width:310px}.micro-title{font-size:clamp(52px,12vw,72px)}.demo-distinction{font-size:10px;margin-top:18px}.hero .world{top:245px;height:260px}.hero-body{min-height:500px}.hero .intro{max-width:330px}.hero .hero-description{margin-top:20px;font-size:13px}.hero[data-state=running] .world,.hero[data-state=paused] .world,.hero[data-state=complete] .world{top:355px;height:250px}.closing{padding-top:65px}.story-step .text-cta{font-size:11px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.story-ready .story-step{opacity:1;transition:none}.story-world{transform:none;will-change:auto}.story-keepsake{transform:none}}