.video-comparison{width:100%;min-width:0}.video-comparison__heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.video-comparison__heading h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:600}.video-comparison__heading p{color:var(--muted);margin:0;font-size:.875rem}.video-comparison__stage{isolation:isolate;border-radius:var(--radius,12px);background-color:var(--surface);direction:ltr;background-size:100% 100%;position:relative;overflow:hidden}.video-comparison__source{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.video-comparison__stage canvas{opacity:0;width:100%;height:100%;display:block;position:relative}.video-comparison__stage[data-ready=true] canvas{opacity:1}.video-comparison__reveal{z-index:1;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.video-comparison__reveal:focus-visible{outline-offset:-5px;border-radius:inherit;outline:2px solid #fff}.video-comparison__divider{top:0;bottom:0;left:clamp(1px, var(--comparison-split,50%), calc(100% - 1px));pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 5px #0003}.video-comparison__handle{background:#fff;border:1px solid #fff;border-radius:18px;justify-content:center;align-items:center;gap:5px;width:32px;height:48px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0002}.video-comparison__handle i{background:#34343a;width:1px;height:14px}.video-comparison__labels{color:var(--muted);direction:ltr;justify-content:space-between;gap:1rem;margin-top:.8rem;font-size:.875rem;display:flex}.video-comparison__error{color:var(--muted);margin-top:1rem;font-size:.875rem}.video-comparison__error button{color:var(--ink);padding:.5rem;text-decoration:underline}@media (width<=480px){.video-comparison__heading{align-items:start}.video-comparison__heading p{text-align:end}}.gg{min-width:0;max-width:100%;container-type:inline-size}.gg__head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.gg__head .subsection-heading{margin-bottom:clamp(1.4rem,3vw,2.4rem)}.gg__arrows{gap:10px;margin-bottom:clamp(1.4rem,3vw,2.4rem);display:flex}.gg__arrow,.gg-viewer__arrow,.gg-viewer__close{border:1px solid color-mix(in oklab, var(--ink) 22%, transparent);width:48px;height:48px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .26s ease, border-color .26s ease, color .26s ease, transform .42s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));background:0 0;border-radius:999px;place-items:center;padding:0;display:inline-grid}.gg__arrow svg,.gg-viewer__arrow svg,.gg-viewer__close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (hover:hover) and (pointer:fine){.gg__arrow:hover{background:var(--ink);color:var(--background);border-color:var(--ink)}}.gg__arrow:active{transform:scale(.94)}:is(.gg__arrow,.gg__slide,.gg-viewer__arrow,.gg-viewer__close,.gg-segments button):focus-visible{outline:2px solid var(--ink);outline-offset:4px}.gg__reel{--gg-w:min(86cqi, 1120px, (100svh - 330px) * 16 / 9);padding:6px calc((100cqi - var(--gg-w)) / 2) 10px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:clamp(12px,2vw,28px);display:flex;overflow-x:auto}.gg__reel::-webkit-scrollbar{display:none}.gg__slide{flex:0 0 var(--gg-w);aspect-ratio:16/9;scroll-snap-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.38;filter:saturate(.7);transition:opacity .7s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), transform .9s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), filter .7s ease, box-shadow .7s ease;background:#0b0b0d;border:0;border-radius:clamp(10px,1.2vw,18px);padding:0;position:relative;overflow:hidden;transform:scale(.94)}.gg__slide.is-current{opacity:1;filter:none;cursor:zoom-in;transform:none;box-shadow:0 30px 80px -40px #000000b3}.gg__slide img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform 1.6s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));display:block;transform:scale(1.06)}.gg__slide.is-current img{transform:none}@media (hover:hover) and (pointer:fine){.gg__slide.is-current:hover img{transform:scale(1.025)}}.gg__open{color:#fff;-webkit-backdrop-filter:blur(10px);opacity:0;width:40px;height:40px;transition:opacity .4s ease, transform .5s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));background:#0a0a0c61;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:14px;right:14px;transform:translateY(6px)}.gg__open svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.gg__slide.is-current .gg__open{opacity:1;transform:none}.gg-segments{justify-content:center;gap:6px;margin-top:clamp(14px,2vw,22px);display:flex}.gg-segments button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;width:36px;height:28px;padding:0;display:grid}.gg-segments span{background:color-mix(in oklab, var(--ink) 22%, transparent);border-radius:2px;height:2px;transition:background-color .4s,height .4s;display:block}.gg-segments button.is-lit span{background:var(--ink);height:3px}@media (width<=700px){.gg__reel{--gg-w:90cqi}.gg__arrows{display:none}.gg-segments button{width:28px}}.gg-viewer{z-index:200;color:#f4f4f2;animation:gg-in .42s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)) both;background:#050506;position:fixed;inset:0}@keyframes gg-in{0%{opacity:0}}.gg-viewer__glow{filter:blur(60px)saturate(1.2);opacity:.32;pointer-events:none;background-position:50%;background-size:cover;transition:background-image .6s;position:absolute;inset:-10%}.gg-viewer__track{overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;position:absolute;inset:0;overflow-x:auto}.gg-viewer__track::-webkit-scrollbar{display:none}.gg-viewer__slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;place-items:center;margin:0;padding:clamp(64px,9vh,96px) clamp(0px,4vw,96px);display:grid}.gg-viewer__slide img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:clamp(0px,1vw,14px);width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 40px 120px -40px #000000e6}.gg-viewer :is(.gg-viewer__close,.gg-viewer__arrow){z-index:2;color:#f4f4f2;-webkit-backdrop-filter:blur(14px);transition:opacity .32s ease, transform .42s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), background-color .26s ease;background:#0e0e106b;border-color:#ffffff2e;position:absolute}.gg-viewer__close{top:max(16px, env(safe-area-inset-top));right:16px}.gg-viewer__arrow{margin-top:-24px;top:50%}.gg-viewer__arrow--prev{left:clamp(12px,2vw,32px)}.gg-viewer__arrow--next{right:clamp(12px,2vw,32px)}@media (hover:hover) and (pointer:fine){.gg-viewer :is(.gg-viewer__close,.gg-viewer__arrow):hover{background:#ffffff29}}.gg-viewer :is(.gg-viewer__close,.gg-viewer__arrow,.gg-segments button):focus-visible{outline-color:#f4f4f2}.gg-viewer__foot{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));z-index:2;transition:opacity .32s;position:absolute}.gg-viewer .gg-segments{margin:0}.gg-viewer .gg-segments span{background:#ffffff40}.gg-viewer .gg-segments button.is-lit span{background:#f4f4f2}.gg-viewer.is-bare :is(.gg-viewer__arrow,.gg-viewer__foot){opacity:0;pointer-events:none}.gg-viewer.is-bare .gg-viewer__close{opacity:.5}@media (width<=700px),(hover:none){.gg-viewer__arrow{display:none}}@media (prefers-reduced-motion:reduce){.gg__slide,.gg__slide img,.gg-viewer{transition:opacity .2s;animation:none;transform:none}.gg__slide img{transform:none}}@media print{.gg__arrows,.gg-segments,.gg__open{display:none}.gg__reel{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.gg__slide{opacity:1;flex-basis:48%;transform:none}}