@property --msc-progress{syntax: "<number>"; inherits: true; initial-value: 0;}.multi-stage-comparator[data-astro-cid-6drgfus3]{--msc-accent: rgb(125 211 252);--msc-surface: rgba(10, 16, 23, .78);--msc-surface-strong: rgba(6, 10, 15, .92);--msc-border: rgba(255, 255, 255, .12);--msc-text: rgba(255, 255, 255, .98);--msc-text-soft: rgba(226, 232, 240, .8);--msc-duration: 240vh;--msc-offset: 28vh;--msc-radius: 1.75rem;--msc-aspect-ratio: 3 / 4;--msc-aspect-ratio-desktop: 4 / 3;--msc-max-width: 72rem;--msc-max-height: min(72vh, 56rem);--msc-stage-gutter: 1rem;--msc-image-fit: cover;--msc-image-position: center center}@supports (height: 100dvh){.multi-stage-comparator[data-astro-cid-6drgfus3]{--msc-max-height: min(72dvh, 56rem)}}.multi-stage-comparator__support[data-astro-cid-6drgfus3]{display:none;border:1px solid color-mix(in srgb,var(--msc-accent),transparent 70%);border-radius:1rem;background:color-mix(in srgb,var(--msc-surface-strong),transparent 6%);color:var(--msc-text-soft);padding:.95rem 1rem}.multi-stage-comparator__hint[data-astro-cid-6drgfus3]{text-align:center;font-size:.85rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#bae6fdb3}.multi-stage-comparator__hint--secondary[data-astro-cid-6drgfus3]{color:#e2e8f094}.multi-stage-comparator__scroll-section[data-astro-cid-6drgfus3]{position:relative;block-size:calc(var(--msc-duration) + 100vh)}@supports (height: 100dvh){.multi-stage-comparator__scroll-section[data-astro-cid-6drgfus3]{block-size:calc(var(--msc-duration) + 100dvh)}}.multi-stage-comparator__container[data-astro-cid-6drgfus3]{position:sticky;inset-block-start:0;display:flex;align-items:center;justify-content:center;block-size:100vh;overflow:clip;padding-block-end:env(safe-area-inset-bottom,0px)}@supports (height: 100dvh){.multi-stage-comparator__container[data-astro-cid-6drgfus3]{block-size:100dvh}}.multi-stage-comparator__wrapper[data-astro-cid-6drgfus3]{position:relative;inline-size:100%;max-inline-size:var(--msc-max-width);max-block-size:var(--msc-max-height);margin-inline:auto;overflow:clip;border-radius:var(--msc-radius);border:1px solid var(--msc-border);box-shadow:0 32px 80px #00000059;background:var(--msc-surface);aspect-ratio:var(--msc-aspect-ratio);animation:msc-wrapper-flip linear both;animation-timeline:scroll(root);animation-range:calc(var(--msc-offset) - 50vh) calc(var(--msc-offset) + var(--msc-duration) + 50vh)}.multi-stage-comparator__wrapper[data-astro-cid-6drgfus3].is-reverse{animation-name:msc-wrapper-flip-reverse}.multi-stage-comparator__viewport[data-astro-cid-6drgfus3]{position:relative;display:grid;block-size:100%;inline-size:100%;animation:msc-progress linear both;animation-timeline:scroll(root);animation-range:var(--msc-offset) calc(var(--msc-offset) + var(--msc-duration))}.multi-stage-comparator__layers[data-astro-cid-6drgfus3],.multi-stage-comparator__divider-track[data-astro-cid-6drgfus3]{grid-area:1 / -1;display:grid;position:relative}.multi-stage-comparator__layer[data-astro-cid-6drgfus3]{position:relative;display:grid;grid-area:1 / -1;z-index:calc(sibling-count() - sibling-index() + 1)}.multi-stage-comparator__layer[data-astro-cid-6drgfus3]:not(:last-child){--msc-layer-index: sibling-index();--msc-layer-count: sibling-count();--msc-layer-start: calc((var(--msc-layer-index) - 1) / (var(--msc-layer-count) - 1));--msc-layer-end: calc(var(--msc-layer-index) / (var(--msc-layer-count) - 1));animation:msc-clip-reveal linear both;animation-timeline:scroll(root);animation-range:calc(var(--msc-offset) + (var(--msc-duration) * var(--msc-layer-start))) calc(var(--msc-offset) + (var(--msc-duration) * var(--msc-layer-end)))}.multi-stage-comparator__media[data-astro-cid-6drgfus3],.multi-stage-comparator__overlay[data-astro-cid-6drgfus3]{grid-area:1 / -1}.multi-stage-comparator__media[data-astro-cid-6drgfus3]{position:relative;block-size:100%;inline-size:100%;overflow:hidden}.multi-stage-comparator__image[data-astro-cid-6drgfus3]{position:absolute;inset:0;display:block;block-size:100%;inline-size:100%;object-fit:var(--msc-image-fit);object-position:var(--msc-image-position);background:#0f172aa8}.multi-stage-comparator__overlay[data-astro-cid-6drgfus3]{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--msc-stage-gutter);padding-block-end:calc(4.25rem + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#03071214,#0307129e),linear-gradient(90deg,#03071273,#0307121f 52%,#03071200 72%)}.multi-stage-comparator__label[data-astro-cid-6drgfus3]{inline-size:fit-content;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#060a0f9e;backdrop-filter:blur(12px);padding:.45rem .8rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f0f9fff0}.multi-stage-comparator__text[data-astro-cid-6drgfus3]{max-inline-size:24rem;margin-block-start:auto;align-self:flex-start;border-radius:1.25rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0307128c,#030712eb);padding:1rem 1.05rem;backdrop-filter:blur(14px);box-shadow:0 14px 36px #00000073,0 0 0 1px #0003 inset;opacity:1}.multi-stage-comparator__text[data-astro-cid-6drgfus3] h3[data-astro-cid-6drgfus3]{margin:0;text-wrap:balance;font-size:clamp(1.12rem,4.2vw + .55rem,2rem);font-weight:600;line-height:1.05;letter-spacing:-.04em;color:var(--msc-text);text-shadow:0 1px 3px rgba(0,0,0,.65)}.multi-stage-comparator__text[data-astro-cid-6drgfus3] p[data-astro-cid-6drgfus3]{margin:.65rem 0 0;text-wrap:pretty;font-size:clamp(.84rem,.35vw + .78rem,1rem);line-height:1.7;color:var(--msc-text-soft);text-shadow:0 1px 2px rgba(0,0,0,.55)}.multi-stage-comparator__divider[data-astro-cid-6drgfus3]{--msc-divider-index: sibling-index();--msc-divider-count: sibling-count();--msc-layer-start: calc((var(--msc-divider-index) - 1) / var(--msc-divider-count));--msc-layer-end: calc(var(--msc-divider-index) / var(--msc-divider-count));position:relative;grid-area:1 / -1;inline-size:1px;block-size:100%;border-inline-start:1px solid rgba(240,249,255,.9);box-shadow:0 0 18px #7dd3fc73;animation:msc-divider-move linear both;animation-timeline:scroll(root);animation-range:calc(var(--msc-offset) + (var(--msc-duration) * var(--msc-layer-start))) calc(var(--msc-offset) + (var(--msc-duration) * var(--msc-layer-end)));z-index:calc(20 - var(--msc-divider-index));pointer-events:none}.multi-stage-comparator__percentage[data-astro-cid-6drgfus3]{position:absolute;inset-inline-end:max(1rem,env(safe-area-inset-right,0px));inset-block-start:max(1rem,env(safe-area-inset-top,0px));inset-block-end:auto;z-index:20;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700;letter-spacing:.08em;color:#f0f9fff2;text-shadow:0 1px 12px rgba(2,6,23,.55)}.multi-stage-comparator[data-astro-cid-6drgfus3] .multi-stage-comparator__stage-nav{position:absolute;inset-block-end:max(.75rem,env(safe-area-inset-bottom,0px));inset-inline-start:50%;z-index:25;display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;max-inline-size:calc(100% - 2rem);transform:translate(-50%)}.multi-stage-comparator[data-astro-cid-6drgfus3] .multi-stage-comparator__stage-indicator{box-sizing:border-box;inline-size:2.5rem;block-size:2.5rem;border:none;border-radius:999px;background:#e2e8f061;cursor:pointer;padding:0;flex:0 0 auto;transition:transform .16s ease,background-color .16s ease,inline-size .16s ease}.multi-stage-comparator[data-astro-cid-6drgfus3] .multi-stage-comparator__stage-indicator:hover,.multi-stage-comparator[data-astro-cid-6drgfus3] .multi-stage-comparator__stage-indicator:focus-visible{background:#f0f9ffd1;transform:scale(1.15);outline:none}.multi-stage-comparator[data-astro-cid-6drgfus3] .multi-stage-comparator__stage-indicator.is-active{inline-size:3rem;background:linear-gradient(90deg,#7dd3fc,#bae6fdf0);box-shadow:0 0 0 2px #03071273}.multi-stage-comparator[data-astro-cid-6drgfus3][data-reduced-motion=true] .multi-stage-comparator__wrapper[data-astro-cid-6drgfus3],.multi-stage-comparator[data-astro-cid-6drgfus3][data-reduced-motion=true] .multi-stage-comparator__viewport[data-astro-cid-6drgfus3],.multi-stage-comparator[data-astro-cid-6drgfus3][data-reduced-motion=true] .multi-stage-comparator__layer[data-astro-cid-6drgfus3],.multi-stage-comparator[data-astro-cid-6drgfus3][data-reduced-motion=true] .multi-stage-comparator__divider[data-astro-cid-6drgfus3]{animation:none}@media(min-width:48rem){.multi-stage-comparator[data-astro-cid-6drgfus3]{--msc-aspect-ratio: var(--msc-aspect-ratio-desktop);--msc-duration: 360vh;--msc-offset: 35vh;--msc-max-height: min(80vh, 56rem);--msc-stage-gutter: 1.25rem}@supports (height: 100dvh){.multi-stage-comparator[data-astro-cid-6drgfus3]{--msc-max-height: min(80dvh, 56rem)}}.multi-stage-comparator__overlay[data-astro-cid-6drgfus3]{padding:1.5rem;padding-block-end:1.5rem}.multi-stage-comparator__text[data-astro-cid-6drgfus3]{max-inline-size:28rem;padding:1.2rem 1.3rem}.multi-stage-comparator__text[data-astro-cid-6drgfus3] h3[data-astro-cid-6drgfus3]{font-size:clamp(1.45rem,3vw,2.35rem)}.multi-stage-comparator__text[data-astro-cid-6drgfus3] p[data-astro-cid-6drgfus3]{font-size:1rem}.multi-stage-comparator__percentage[data-astro-cid-6drgfus3]{inset-block-start:auto;inset-block-end:1rem;inset-inline-end:1rem}.multi-stage-comparator[data-astro-cid-6drgfus3] .multi-stage-comparator__stage-nav{inset-block-end:auto;inset-inline-start:auto;inset-inline-end:1rem;inset-block-start:50%;flex-direction:column;flex-wrap:nowrap;max-inline-size:none;transform:translateY(-50%);gap:.75rem}.multi-stage-comparator[data-astro-cid-6drgfus3] .multi-stage-comparator__stage-indicator{box-sizing:content-box;inline-size:.75rem;block-size:.75rem;padding:.375rem;background:#e2e8f052}.multi-stage-comparator[data-astro-cid-6drgfus3] .multi-stage-comparator__stage-indicator.is-active{inline-size:.75rem;block-size:1.8rem;padding-block:0;padding-inline:.375rem;box-shadow:none;background:linear-gradient(180deg,#7dd3fc,#bae6fdf0)}}@supports not ((animation-timeline: scroll()) and (z-index: sibling-count())){.multi-stage-comparator__support[data-astro-cid-6drgfus3]{display:block}.multi-stage-comparator__scroll-section[data-astro-cid-6drgfus3]{block-size:auto}.multi-stage-comparator__container[data-astro-cid-6drgfus3]{position:static;block-size:auto}.multi-stage-comparator__wrapper[data-astro-cid-6drgfus3],.multi-stage-comparator__wrapper[data-astro-cid-6drgfus3].is-reverse,.multi-stage-comparator__viewport[data-astro-cid-6drgfus3],.multi-stage-comparator__layer[data-astro-cid-6drgfus3],.multi-stage-comparator__divider[data-astro-cid-6drgfus3]{animation:none}.multi-stage-comparator__wrapper[data-astro-cid-6drgfus3]{max-block-size:none;aspect-ratio:auto}.multi-stage-comparator__viewport[data-astro-cid-6drgfus3]{display:block}.multi-stage-comparator__layers[data-astro-cid-6drgfus3]{display:grid;gap:1rem;padding:1rem}.multi-stage-comparator__layer[data-astro-cid-6drgfus3]{display:block;overflow:clip;border-radius:1.25rem;border:1px solid rgba(255,255,255,.08);background:#060a0fcc}.multi-stage-comparator__media[data-astro-cid-6drgfus3]{aspect-ratio:4 / 3}.multi-stage-comparator__overlay[data-astro-cid-6drgfus3]{display:grid;gap:.8rem;padding-block-end:1rem}.multi-stage-comparator__text[data-astro-cid-6drgfus3]{max-inline-size:none;background:transparent;padding-inline:0;padding-block-start:0;backdrop-filter:none}.multi-stage-comparator__divider-track[data-astro-cid-6drgfus3],.multi-stage-comparator__percentage[data-astro-cid-6drgfus3],.multi-stage-comparator[data-astro-cid-6drgfus3] .multi-stage-comparator__stage-nav{display:none}}@keyframes msc-wrapper-flip{0%{opacity:.75;transform:perspective(1200px) rotateX(10deg) rotateY(-9deg) rotate(-2.5deg) scale(.9)}15%,85%{opacity:1;transform:perspective(1200px) rotateX(0) rotateY(0) rotate(0) scale(1)}to{opacity:.75;transform:perspective(1200px) rotateX(-10deg) rotateY(9deg) rotate(2.5deg) scale(.9)}}@keyframes msc-wrapper-flip-reverse{0%{opacity:.75;transform:perspective(1200px) rotateX(-10deg) rotateY(9deg) rotate(2.5deg) scale(.9)}15%,85%{opacity:1;transform:perspective(1200px) rotateX(0) rotateY(0) rotate(0) scale(1)}to{opacity:.75;transform:perspective(1200px) rotateX(10deg) rotateY(-9deg) rotate(-2.5deg) scale(.9)}}@keyframes msc-progress{0%{--msc-progress: 0}to{--msc-progress: 100}}@keyframes msc-clip-reveal{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes msc-divider-move{0%{inset-inline-start:100%;opacity:0}2%{opacity:1}98%{opacity:1}to{inset-inline-start:0%;opacity:0}}