:root{--glass-radius: 24px;--glass-border-width: 1px;--layer-width: 280px;--layer-face-height: 280px;--slab-depth: 80px;--layer-height: var(--layer-face-height);--layer-color: #acdaff;--layer-mid: #9dd4ff;--layer-mid-light: #8ec8f5;--layer-shade: #7abae8;--layer-shadow: #4a96d4}.stack{--glass-fill: rgba(172, 218, 255, .6);--glass-blur: 24px;--glass-border: rgba(172, 218, 255, .85);--glass-highlight: rgba(255, 255, 255, .45)}.stack.is-merged{--glass-fill: rgba(255, 201, 2, .6);--glass-border: rgba(255, 201, 2, .85);--glass-highlight: rgba(255, 255, 255, .4)}.layer-wrap{position:absolute;left:50%;bottom:0;width:var(--layer-width);height:var(--layer-height);margin-left:calc(var(--layer-width) / -2);transform:translate3d(0,var(--layer-y, 0px),var(--layer-z, 0px));transform-style:preserve-3d;transform-origin:center bottom;opacity:var(--layer-opacity, 1);pointer-events:none;will-change:transform,opacity}.layer-shadow{--shadow-cuttoff-fix: 2em;position:absolute;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);filter:blur(24px);overflow:visible;pointer-events:none;z-index:0;transform:translateZ(calc(var(--slab-depth) * -.5))}.layer-shadow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--glass-radius);background:linear-gradient(180deg,#0003,#0000001a);width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);padding:.125em;box-sizing:border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}.glass-slab{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--slab-width, 100%);height:var(--slab-height, 100%);transform-style:preserve-3d;transform:translateZ(0)}.glass-face--top{--border-width: var(--glass-border-width);position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--glass-radius);transform:translateZ(var(--slab-depth));transform-style:preserve-3d;overflow:hidden;background:var(--glass-fill);border:var(--glass-border-width) solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.glass-face--edge{position:absolute;left:0;right:0;bottom:0;height:var(--slab-depth);border-radius:0 0 var(--glass-radius) var(--glass-radius);transform-origin:top center;transform:rotateX(-90deg);background:var(--glass-fill);box-shadow:inset 0 1px 0 var(--glass-highlight);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.glass-face--side{position:absolute;background:var(--glass-fill);box-shadow:inset 1px 0 0 var(--glass-highlight);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.glass-face--side-right{top:0;right:0;width:var(--slab-depth);height:100%;border-radius:0 var(--glass-radius) var(--glass-radius) 0;transform-origin:left center;transform:rotateY(90deg) translateZ(calc(var(--slab-width, var(--layer-width)) - var(--slab-depth)))}.glass-face--side-left{top:0;left:0;width:var(--slab-depth);height:100%;border-radius:var(--glass-radius) 0 0 var(--glass-radius);transform-origin:right center;transform:rotateY(-90deg)}.layer-label{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:1.35rem;line-height:1.25;letter-spacing:-.04em;text-align:center;color:#143250e6;-webkit-font-smoothing:antialiased;opacity:var(--label-opacity, 1);filter:blur(var(--label-blur, 0px));transition:opacity .15s linear,filter .15s linear;transform:translateZ(1px)}.stack:not(.is-merged) .layer-label{color:#163452e0}.stack.is-merged .layer-label{color:#503700e6;font-weight:600;text-shadow:none}@media(max-width:640px){.layer-label{font-size:.875rem;padding:0 1rem}}.layer-wrap--fragments{width:var(--fragment-layer-width, var(--layer-width));height:var(--fragment-layer-height, var(--layer-height));margin-left:calc(var(--fragment-layer-width, var(--layer-width)) / -2)}.layer-wrap--fragments .layer-shadow{opacity:calc(1 - var(--fragment-buried, 0))}.fragment-block .glass-slab--fragment{width:100%;height:100%}.fragment-block .glass-face--top{transform:translateZ(0)}.fragment-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.fragment-block{position:absolute;left:var(--fragment-x);bottom:var(--fragment-y);width:var(--fragment-width);height:var(--fragment-height);transform-style:preserve-3d}.fragment-block .glass-face--top,.fragment-block .glass-face--edge{border-radius:16px}.fragment-block .glass-face--edge{border-radius:0 0 16px 16px}.fragment-block .glass-face--side-right{border-radius:0 16px 16px 0}.fragment-block .glass-face--side-left{border-radius:16px 0 0 16px}.fragment-label{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.5rem;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:.85rem;line-height:1.15;letter-spacing:-.03em;text-align:center;color:#163452e0;-webkit-font-smoothing:antialiased;transform:translateZ(1px)}.stack.is-merged .fragment-label{color:#503700e6}@media(max-width:640px){.fragment-label{font-size:.7rem;padding:.35rem}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:#1a2a3a;background:#fff;-webkit-font-smoothing:antialiased}#app{width:100%}.scroll-section{position:relative;height:var(--scroll-height, 500vh)}.sticky-viewport{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden;perspective:1400px}body.is-external{background:transparent}.scroll-section.is-external{height:100vh;min-height:100%}.scroll-section.is-external .sticky-viewport{position:relative;height:100%;min-height:100vh}.scene{--scene-rotate-x: 52deg;--scene-rotate-z: 38deg;--scene-scale: 1;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:translate(var(--scene-shift-x, 0px),var(--scene-shift-y, 0px)) rotateX(var(--scene-rotate-x)) rotate(var(--scene-rotate-z)) scale(var(--scene-scale));transform-origin:center center;will-change:transform}.stack{position:absolute;left:50%;top:50%;bottom:auto;width:var(--layer-width, 280px);height:var(--layer-height, 280px);margin-left:calc(var(--layer-width, 280px) / -2);margin-top:calc(var(--layer-height, 280px) / -2);transform-style:preserve-3d}@media(prefers-reduced-motion:reduce){.layer-wrap,.scene{transition:none!important}}