.carousel{position:relative;padding:5rem 0}.carousel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.75rem}.carousel-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.045em;font-weight:500;margin:0 0 .6rem}.carousel-lede{color:var(--muted);max-width:38rem;margin:0}.carousel-meter{flex:none;display:grid;gap:.5rem;justify-items:end;width:9rem}.carousel-meter .mono{margin:0;color:var(--ink)}.carousel-bar{display:block;width:100%;height:2px;border-radius:2px;background:var(--line-strong);overflow:hidden}.carousel-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:0 50%;transition:transform .3s ease}.carousel-viewport{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-track{--edge:max(1rem,calc((100vw - 1120px) / 2));display:flex;gap:clamp(1rem,2.5vw,2rem);list-style:none;margin:0;padding:0 0 0 var(--edge);width:max-content}.carousel-track:after{content:"";flex:none;width:calc(var(--edge) - clamp(1rem, 2.5vw, 2rem))}.slide{flex:none;width:min(64vw,860px,calc((100svh - 21rem) * 16 / 9));scroll-snap-align:start;scroll-margin-left:var(--edge);opacity:.55;transition:opacity .4s ease}.carousel:not(.is-scrubbed) .slide,.slide.is-active{opacity:1}.slide button{all:unset;display:block;width:100%;cursor:zoom-in;border-radius:14px}.slide button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.slide .browser-screen{aspect-ratio:16/9;overflow:hidden}.slide .browser-screen img{height:100%;object-fit:cover;object-position:50% 0}.slide.is-contain .browser-screen{background:#05070f}.slide.is-contain .browser-screen img{object-fit:contain;object-position:50% 50%}.slide-caption{display:flex;gap:.75rem;align-items:baseline;margin:.9rem 0 0;color:var(--muted);font-size:.95rem;max-width:44rem}.slide-caption .mono{margin:0;color:var(--accent);flex:none}.carousel.is-scrubbed{padding:0}.carousel.is-scrubbed .carousel-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:4rem;overflow:hidden}.carousel.is-scrubbed .carousel-viewport{overflow:hidden;scroll-snap-type:none}.carousel.is-scrubbed .carousel-track{will-change:transform}@media (max-width:860px){.carousel{padding:3.5rem 0}.carousel-head{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.25rem}.carousel-head h2{font-size:1.9rem}.carousel-lede{font-size:.95rem}.carousel-meter{width:100%;grid-template-columns:auto 1fr;align-items:center;justify-items:start;gap:.75rem}.slide{width:min(86vw,calc((100svh - 22rem) * 16 / 9))}.slide-caption{font-size:.9rem}}@media (max-height:760px) and (min-width:861px){.carousel-head{margin-bottom:1rem}.carousel-head h2{font-size:2.2rem}.carousel-lede{display:none}}