.scroll-journey{perspective:1400px;perspective-origin:50% var(--camera-y,50vh)}.journey-space{transform-style:preserve-3d;padding-block:11px;display:flow-root}.journey-space>.bubble{transform-style:preserve-3d;margin-block:0;position:relative}.scroll-journey[data-depth-flow=active] .bubble:not(.home-event):before,.scroll-journey[data-depth-flow=active] .bubble:not(.home-event):after{content:"";border-radius:inherit;pointer-events:none;border:1px solid color-mix(in srgb,var(--section-colour) 64%,var(--paper));position:absolute;inset:0}.scroll-journey[data-depth-flow=active] .bubble:not(.home-event):before{background:color-mix(in srgb,var(--section-colour) 48%,var(--paper));transform:translate3d(8px,10px,-24px)}.scroll-journey[data-depth-flow=active] .bubble:not(.home-event):after{background:color-mix(in srgb,var(--section-colour) 70%,var(--paper));box-shadow:0 28px 44px color-mix(in srgb,var(--brand-night) 13%,transparent);transform:translate3d(16px,20px,-50px)}.scroll-journey[data-depth-flow=active] .section-heading,.scroll-journey[data-depth-flow=active] .split-section,.scroll-journey[data-depth-flow=active] .learning-options,.scroll-journey[data-depth-flow=active] .product-list{transform-style:preserve-3d}.scroll-journey[data-depth-flow=active] .section-heading{transform:translateZ(20px)}.scroll-journey[data-depth-flow=active] .learning-options article,.scroll-journey[data-depth-flow=active] .inset-card,.scroll-journey[data-depth-flow=active] .build-next,.scroll-journey[data-depth-flow=active] .contact-next{transform:translate3d(0,calc(var(--card-spread,0) * 28px),38px);box-shadow:0 12px 0 color-mix(in srgb,var(--surface-colour) 43%,var(--paper)),0 24px 30px color-mix(in srgb,var(--brand-night) 16%,transparent);transition:transform .18s,box-shadow .18s}.scroll-journey[data-depth-flow=active] .learning-options article:nth-child(2){transform:translate3d(calc(var(--card-spread,0) * 22px),calc(var(--card-spread,0) * -18px),65px)}.scroll-journey .journey-nav{perspective:none;gap:22px;padding-block:16px 28px}.scroll-journey .journey-nav a{--tile-colour:var(--brand-purple);--tile-tilt:8deg;--tile-edge-x:-5px;min-height:112px;transform:perspective(1000px) rotateY(var(--tile-tilt)) translateZ(8px);transform-style:preserve-3d;box-shadow:var(--tile-edge-x) 9px 0 color-mix(in srgb,var(--tile-colour) 52%,var(--paper)),0 23px 28px color-mix(in srgb,var(--brand-night) 12%,transparent);border-radius:26px;padding:22px;font-size:14px;font-weight:500;transition:transform .22s,box-shadow .22s;position:relative}.scroll-journey .journey-nav a:nth-child(2){--tile-colour:var(--brand-blue)}.scroll-journey .journey-nav a:nth-child(3){--tile-colour:var(--brand-green);--tile-tilt:-8deg;--tile-edge-x:5px}.scroll-journey .journey-nav a:nth-child(4){--tile-colour:var(--brand-yellow);--tile-tilt:-8deg;--tile-edge-x:5px}:is(.scroll-journey .journey-nav a:hover,.scroll-journey .journey-nav a:focus-visible){box-shadow:0 12px 0 color-mix(in srgb,var(--tile-colour) 52%,var(--paper)),0 30px 36px color-mix(in srgb,var(--brand-night) 16%,transparent);transform:perspective(1000px)rotateY(0)translateZ(28px)}.journey-motion-control{z-index:50;border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--ink);cursor:pointer;border-radius:999px;padding:9px 14px;font-size:10px;position:fixed;bottom:16px;left:16px}.product-list article{box-shadow:none;transform-style:preserve-3d;background:0 0;border:0;padding:0;display:block}.product-fold{border:1px solid color-mix(in srgb,var(--surface-colour) 50%,var(--paper));background:color-mix(in srgb,var(--surface-colour) var(--surface-mix),var(--paper));box-shadow:0 8px 0 color-mix(in srgb,var(--surface-colour) 48%,var(--paper)),0 18px 24px var(--surface-shadow);transform-style:preserve-3d;border-radius:28px;transition:transform .22s}.product-fold summary{cursor:pointer;border-radius:inherit;justify-content:space-between;align-items:center;gap:22px;padding:24px;list-style:none;display:flex}.product-fold summary::-webkit-details-marker{display:none}.product-fold summary .fold-action{border:1px solid var(--line);background:var(--panel);border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:25px;transition:transform .2s;display:inline-flex}.product-fold[open] .fold-action{transform:rotate(45deg)}.product-fold-body{max-width:900px;padding:0 24px 24px;font-size:14px;line-height:1.85}.product-fold[open] .product-fold-body{transform-origin:top;animation:.34s both unfold-product}.product-fold-body .text-link{margin-top:8px}.scroll-journey[data-depth-flow=active] .product-list article{transform:translateZ(34px)}.scroll-journey[data-depth-flow=active] .product-list article:nth-child(2){transform:translateZ(52px)}.scroll-journey[data-depth-flow=active] .product-list article:nth-child(3){transform:translateZ(70px)}.product-fold:hover,.product-fold:focus-within{transform:translateZ(16px)rotateX(-2deg)}@keyframes unfold-product{0%{opacity:.1;transform:perspective(900px)rotateX(-70deg)}to{opacity:1;transform:perspective(900px)rotateX(0)}}html[data-theme=night] .scroll-journey[data-depth-flow=active] .bubble:not(.home-event):after{background:color-mix(in srgb,var(--section-colour) 30%,var(--brand-night));box-shadow:0 16px 50px color-mix(in srgb,var(--section-colour) 18%,transparent)}html[data-theme=night] .scroll-journey[data-depth-flow=active] .bubble:not(.home-event):before{background:color-mix(in srgb,var(--section-colour) 25%,var(--brand-night))}@media (hover:hover){.scroll-journey[data-depth-flow=active] .learning-options article:hover,.scroll-journey[data-depth-flow=active] .inset-card:hover{transform:translateZ(80px)rotateY(-4deg)}}@media (max-width:800px){.scroll-journey{perspective:1100px}.scroll-journey .journey-nav{gap:22px 18px;padding-inline:8px}.scroll-journey .journey-nav a:nth-child(odd){--tile-tilt:8deg;--tile-edge-x:-5px}.scroll-journey .journey-nav a:nth-child(2n){--tile-tilt:-8deg;--tile-edge-x:5px}.scroll-journey .journey-nav a{border-radius:22px;min-height:88px;padding:16px;font-size:12px}.product-fold{border-radius:24px}.product-fold summary{padding:20px}.product-fold-body{padding:0 20px 20px}}@media (prefers-reduced-motion:reduce){.scroll-journey .journey-nav a,.product-fold,.product-fold:hover{transform:none!important}.product-fold-body{animation:none!important}.journey-motion-control{display:none}}@media print{.journey-motion-control{display:none}.scroll-journey,.journey-space{perspective:none}.scroll-journey .bubble,.scroll-journey .bubble *{transform:none!important}.scroll-journey .bubble:not(.home-event):before,.scroll-journey .bubble:not(.home-event):after{display:none}.product-fold::details-content{content-visibility:visible;display:block}}html[data-motion=paused] .product-fold-body{animation:none}html[data-motion=paused] .journey-nav a,html[data-motion=paused] .product-fold{transition:none;transform:none}.scroll-journey[data-depth-flow=active] #products .product-list article,#products .product-fold:hover,#products .product-fold:focus-within{transform:none}#products .product-list,#products .product-list article,#products .product-fold{transform-style:flat}
