.feature{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:2.5rem;display:grid}.feature:nth-of-type(odd)>figure{order:-1}.feature h2{font:400 1.75rem/1.2 var(--font-serif);letter-spacing:-.01em;margin:0 0 .625rem}.feature p{font:1rem/1.65 var(--font-sans);color:var(--fg-muted);text-wrap:pretty;max-width:60ch;margin:0}.feature figure{margin:0}.feature .clip{border:var(--rule-w) solid var(--rule);background:var(--bg-sunken);aspect-ratio:16/10;border-radius:.75rem;overflow:hidden;box-shadow:0 .5rem 1.5rem #0a0c0f14}.feature .clip video{object-fit:cover;width:100%;height:100%;display:block}.feature .try-live{margin-top:.875rem}.feature .try-live a{font:500 .9375rem/1.4 var(--font-sans);color:var(--link);align-items:center;gap:.3125rem;text-decoration:none;display:inline-flex}.feature .try-live a:hover{text-underline-offset:.1875rem;text-decoration:underline}.feature .try-live svg{flex:none;width:.875rem;height:.875rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.final p{margin-inline:auto}.final .between{font:.875rem/1.5 var(--font-sans);color:var(--fg-muted);margin:1rem auto 0}.shot{border:var(--rule-w) solid var(--rule);background:var(--bg-alt);cursor:zoom-in;border-radius:.75rem;transition:transform .12s,box-shadow .12s;display:block;overflow:hidden;box-shadow:0 .5rem 1.5rem #0a0c0f14}.shot img{object-fit:cover;object-position:top;width:100%;height:auto;max-height:24rem;display:block}.shot:hover{box-shadow:0 .75rem 2rem #0a0c0f29}.shot:active{transform:scale(.985)}.shot:focus-visible{outline:.125rem solid var(--link);outline-offset:.1875rem}dialog#lightbox{max-width:min(94vw,90rem)}dialog#lightbox img[data-lightbox-img]{max-height:82vh}@media (width<=46rem){.feature{grid-template-columns:1fr;gap:1.25rem}.feature:nth-of-type(odd)>figure{order:0}}