@property --scroll-progress{inherits: true; initial-value: 0; syntax: "<number>";}@property --layer-index{syntax: "<integer>"; inherits: true; initial-value: 1;}@property --layer-count{syntax: "<integer>"; inherits: true; initial-value: 1;}@property --divider-index{syntax: "<integer>"; inherits: true; initial-value: 1;}@property --divider-count{syntax: "<integer>"; inherits: true; initial-value: 1;}@layer comparator-styles{:root{--comparator-duration: 200vh;--comparator-offset: 5vh;--comparator-max-width: 1200px;--comparator-max-height: 85vh;--comparator-aspect-ratio: 16/9}.scroll-section[data-astro-cid-rgs5h67l]{block-size:calc(var(--comparator-duration) + 90vh);position:relative;margin-top:-8vh}.comparator-container[data-astro-cid-rgs5h67l]{align-items:center;block-size:92vh;display:flex;inset-block-start:0;justify-content:center;overflow:hidden;position:sticky;inline-size:100%;padding-inline:2rem}.comparator-layout[data-astro-cid-rgs5h67l]{display:grid;grid-template-columns:320px 1fr;gap:4rem;align-items:center;inline-size:100%;max-inline-size:1280px;margin-inline:auto}.cacao-info[data-astro-cid-rgs5h67l]{display:flex;flex-direction:column;gap:1.5rem;color:var(--cream-100)}.cacao-info[data-astro-cid-rgs5h67l] h2[data-astro-cid-rgs5h67l]{font-size:2.5rem;font-family:var(--font-serif);line-height:1.1;margin:0;color:var(--cream-50)}.cacao-info[data-astro-cid-rgs5h67l] p[data-astro-cid-rgs5h67l]{font-size:1.1rem;line-height:1.6;opacity:.8;margin:0}.story-content[data-astro-cid-rgs5h67l]{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.key-pills[data-astro-cid-rgs5h67l]{display:flex;align-items:center;gap:.75rem;margin-top:2.5rem;padding:1rem 1.5rem;background:#ffffff0d;backdrop-filter:blur(8px);border-radius:1rem;width:-moz-fit-content;width:fit-content;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cream-100);border:1px solid rgba(255,255,255,.1)}.comparator-wrapper[data-astro-cid-rgs5h67l]{animation:comparator-3d-flip linear both;animation-range:calc(var(--comparator-offset) - 50vh) calc(var(--comparator-offset) + var(--comparator-duration) + 50vh);animation-timeline:scroll(root);aspect-ratio:var(--comparator-aspect-ratio);border-radius:1.5rem;inline-size:100%;max-block-size:var(--comparator-max-height);overflow:hidden;position:relative;box-shadow:0 10px 40px -10px #0006;border:1px solid rgba(255,255,255,.1)}.comparator[data-astro-cid-rgs5h67l]{animation:progress-calc linear both;animation-range:var(--comparator-offset) calc(var(--comparator-offset) + var(--comparator-duration));animation-timeline:scroll(root);block-size:100%;display:grid;grid-template-columns:100%;grid-template-rows:100%;inline-size:100%;position:relative}.image-layer[data-astro-cid-rgs5h67l]:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.75) 100%)}.image-layers[data-astro-cid-rgs5h67l]{grid-area:1 / 1;display:grid;position:relative;height:100%;width:100%;grid-template-columns:100%;grid-template-rows:100%;z-index:10}.image-layer[data-astro-cid-rgs5h67l]{display:grid;grid-area:1 / 1;position:relative;height:100%;width:100%;overflow:hidden}.image-layer[data-astro-cid-rgs5h67l]:nth-child(1){z-index:70}.image-layer[data-astro-cid-rgs5h67l]:nth-child(2){z-index:60}.image-layer[data-astro-cid-rgs5h67l]:nth-child(3){z-index:50}.image-layer[data-astro-cid-rgs5h67l]:nth-child(4){z-index:40}.image-layer[data-astro-cid-rgs5h67l]:nth-child(5){z-index:30}.image-layer[data-astro-cid-rgs5h67l]:nth-child(6){z-index:20}.image-layer[data-astro-cid-rgs5h67l]:nth-child(7){z-index:10}.image-layer[data-astro-cid-rgs5h67l]:not(:last-child){--layer-index: sibling-index();--layer-count: sibling-count();--layer-start: calc( (var(--layer-index) - 1) / (var(--layer-count) - 1) );--layer-end: calc( var(--layer-index) / (var(--layer-count) - 1) );animation:clip-reveal linear both;animation-timeline:scroll(root);animation-range:calc(var(--comparator-offset) + (var(--comparator-duration) * var(--layer-start))) calc(var(--comparator-offset) + (var(--comparator-duration) * var(--layer-end)))}.image-layer[data-astro-cid-rgs5h67l] img[data-astro-cid-rgs5h67l]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transform:scale(1.05);z-index:1}.divider-lines[data-astro-cid-rgs5h67l]{grid-area:1 / 1;display:grid;position:relative;pointer-events:none;z-index:100}.divider-line[data-astro-cid-rgs5h67l]{--d-index: var(--divider-index, 1);--d-count: 6;--layer-start: calc((var(--d-index) - 1) / var(--d-count));--layer-end: calc(var(--d-index) / var(--d-count));grid-area:1 / -1;inline-size:1px;block-size:100%;background:#fffc;box-shadow:0 0 15px #fff6;z-index:100;position:absolute;top:0;left:100%;animation:divider-move linear both;animation-timeline:scroll(root);animation-range:calc(var(--comparator-offset) + (var(--comparator-duration) * var(--layer-start))) calc(var(--comparator-offset) + (var(--comparator-duration) * var(--layer-end)))}.comparator-overlay[data-astro-cid-rgs5h67l]{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1.5rem;pointer-events:none;z-index:10}.label[data-astro-cid-rgs5h67l]{backdrop-filter:blur(.5rem);background:var(--accent);border-radius:2rem;color:var(--espresso-950);font-size:.7rem;font-weight:800;inline-size:-moz-fit-content;inline-size:fit-content;padding:.4rem 1rem;text-transform:uppercase;margin-bottom:.5rem}.image-text[data-astro-cid-rgs5h67l]{background:linear-gradient(to right,#0a0f0ab3,#0a0f0a66);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:3rem 2rem;border-radius:1.25rem;width:30%;max-width:400px;min-height:80%;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;animation:card-slide-in .8s cubic-bezier(.16,1,.3,1) forwards}.comparison-percentage[data-astro-cid-rgs5h67l]{color:#fff;bottom:3rem;font-size:2.5rem;font-weight:700;position:absolute;right:3rem;z-index:150;text-shadow:0 4px 15px rgba(0,0,0,.9)}@keyframes card-slide-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes progress-calc{0%{--scroll-progress: 0}to{--scroll-progress: 100}}@keyframes clip-reveal{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes divider-move{0%{left:100%;opacity:0}5%,95%{opacity:1}to{left:0%;opacity:0}}@media(max-width:64em){.comparator-layout[data-astro-cid-rgs5h67l]{grid-template-columns:100%;gap:3rem;padding-inline:1.5rem}.cacao-info[data-astro-cid-rgs5h67l]{text-align:center;align-items:center}.image-text[data-astro-cid-rgs5h67l]{width:85%;max-width:400px;padding:2rem 1.5rem;min-height:auto}.comparator-overlay[data-astro-cid-rgs5h67l]{align-items:center;text-align:center}}@media(max-width:48em){:root{--comparator-aspect-ratio: 1/1}.comparator-container[data-astro-cid-rgs5h67l]{padding-inline:1.5rem;position:sticky;inset-block-start:0;height:100vh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-top:env(safe-area-inset-top)}.cacao-info[data-astro-cid-rgs5h67l]{display:flex!important;text-align:center;margin-bottom:2rem;width:100%}.cacao-info[data-astro-cid-rgs5h67l] h2[data-astro-cid-rgs5h67l]{font-size:2rem!important;margin:0 auto!important}.cacao-info[data-astro-cid-rgs5h67l] p[data-astro-cid-rgs5h67l],.cacao-info[data-astro-cid-rgs5h67l] .story-content[data-astro-cid-rgs5h67l]{display:none}.comparator-layout[data-astro-cid-rgs5h67l]{display:block;width:100%}.scroll-section[data-astro-cid-rgs5h67l]{margin-top:3rem;padding-top:0}.cacao-info[data-astro-cid-rgs5h67l]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;margin-bottom:.8rem!important;width:100%;visibility:visible!important;opacity:1!important}.cacao-info[data-astro-cid-rgs5h67l]>div[data-astro-cid-rgs5h67l]:first-child{font-size:.6rem!important;padding:.3rem 1rem!important;margin-bottom:0!important;background:#0a0f0acc!important;border:1px solid var(--accent)!important;color:var(--cream-50)!important;gap:.4rem!important;display:inline-flex!important}.cacao-info[data-astro-cid-rgs5h67l]>div[data-astro-cid-rgs5h67l]:first-child span[data-astro-cid-rgs5h67l]{width:.25rem!important;height:.25rem!important;display:block!important}.cacao-info[data-astro-cid-rgs5h67l] h2[data-astro-cid-rgs5h67l],.cacao-info[data-astro-cid-rgs5h67l] p[data-astro-cid-rgs5h67l],.cacao-info[data-astro-cid-rgs5h67l] .story-content[data-astro-cid-rgs5h67l],.cacao-info[data-astro-cid-rgs5h67l] .key-pills[data-astro-cid-rgs5h67l]{display:none!important}.comparator-wrapper[data-astro-cid-rgs5h67l]{width:100%;height:80vh;max-width:450px;margin-inline:auto;position:relative;border:none;box-shadow:none;background:transparent}.image-layers[data-astro-cid-rgs5h67l],.image-layer[data-astro-cid-rgs5h67l]{position:absolute;inset:0;width:100%;height:100%;display:flex!important;flex-direction:column!important;background-color:#0d0d0d!important}.image-layer[data-astro-cid-rgs5h67l] img[data-astro-cid-rgs5h67l]{position:relative!important;inset:auto!important;width:100%!important;height:55%!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:1.5rem;transform:none!important;box-shadow:0 10px 30px #00000080;order:1!important}.comparator-overlay[data-astro-cid-rgs5h67l]{position:relative!important;inset:auto!important;width:100%!important;height:45%!important;padding:2rem 0!important;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;pointer-events:none;order:2!important}.image-text[data-astro-cid-rgs5h67l]{width:100%!important;max-width:none!important;background:transparent!important;backdrop-filter:none!important;border:none!important;padding:0!important;box-shadow:none!important;min-height:auto!important;gap:1rem!important;transform:none!important;opacity:1!important;display:flex!important;flex-direction:column;align-items:center}.image-text[data-astro-cid-rgs5h67l] h2[data-astro-cid-rgs5h67l]{font-size:1.6rem!important;color:var(--accent)!important;margin:0!important}.image-text[data-astro-cid-rgs5h67l] p[data-astro-cid-rgs5h67l]{font-size:1rem!important;line-height:1.6!important;color:var(--cream-100)!important;max-width:90%;margin:0 auto!important}.comparison-percentage[data-astro-cid-rgs5h67l]{top:50%!important;right:1rem!important;bottom:auto!important;font-size:1.1rem!important;opacity:.8!important;background:#0006;padding:.2rem .6rem;border-radius:2rem;backdrop-filter:blur(4px);z-index:100;transform:translateY(-100%)}.stage-nav{right:1rem!important;top:25%!important;transform:translateY(-50%)!important;z-index:100;gap:.6rem!important}.stage-indicator{width:.4rem!important;height:.4rem!important}.stage-indicator.active{height:.8rem!important}}}.stage-nav{display:flex;flex-direction:column;gap:1rem;position:absolute;right:3rem;top:50%;transform:translateY(-50%);z-index:160;pointer-events:auto}.stage-indicator{background:#ffffff4d;border:none;border-radius:.25rem;cursor:pointer;height:.5rem;padding:0;transition:all .2s ease;width:.5rem}.stage-indicator:hover{background:#ffffffb3;transform:scale(1.3)}.stage-indicator.active{background:#fff;height:1rem}.card-reveal[data-astro-cid-3mvsmkcm]{opacity:0;transform:translateY(30px);animation:card-in .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes card-in{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.card-reveal[data-astro-cid-3mvsmkcm]{animation:none;opacity:1;transform:none}}