.preview-about-methodology{border-radius:var(--preview-radius-lg);margin-inline:-.75rem;padding:.75rem}.preview-about-methodology.is-highlighted{background:color-mix(in oklch, var(--preview-accent-muted) 72%, white);box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--preview-primary) 24%, transparent);animation:2.6s cubic-bezier(.22,1,.36,1) forwards preview-about-methodology-highlight}@keyframes preview-about-methodology-highlight{0%,55%{background:color-mix(in oklch, var(--preview-accent-muted) 82%, white);box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--preview-primary) 30%, transparent)}to{background:0 0;box-shadow:inset 0 0 0 2px #0000}}@media (prefers-reduced-motion:reduce){.preview-about-methodology.is-highlighted{background:color-mix(in oklch, var(--preview-accent-muted) 72%, white);box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--preview-primary) 24%, transparent);animation:none}}@keyframes preview-about-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.preview-shell .preview-about-main--enter>h1{animation:.58s cubic-bezier(.22,1,.36,1) both preview-about-rise}.preview-shell .preview-about-main--enter .preview-about-body>*{animation:.64s cubic-bezier(.22,1,.36,1) both preview-about-rise;animation-delay:calc(70ms + (var(--about-enter-i,0) * 70ms))}.preview-shell .preview-about-main--enter .preview-about-body>:first-child{--about-enter-i:1}.preview-shell .preview-about-main--enter .preview-about-body>:nth-child(2){--about-enter-i:2}.preview-shell .preview-about-main--enter .preview-about-body>:nth-child(3){--about-enter-i:3}.preview-shell .preview-about-main--enter .preview-about-body>:nth-child(4){--about-enter-i:4}.preview-shell .preview-about-main--enter .preview-about-body>:nth-child(5){--about-enter-i:5}.preview-shell .preview-about-main--enter .preview-about-body>:nth-child(6){--about-enter-i:6}.preview-shell .preview-about-main--enter .preview-about-body>:nth-child(7){--about-enter-i:7}.preview-shell .preview-about-main--enter .preview-about-body>:nth-child(8){--about-enter-i:8}.preview-shell .preview-about-main--enter .preview-about-body>:nth-child(n+9){--about-enter-i:9}@media (prefers-reduced-motion:reduce){.preview-shell .preview-about-main--enter>h1,.preview-shell .preview-about-main--enter .preview-about-body>*{animation:.22s ease-out both preview-about-fade;transform:none}}@keyframes preview-about-fade{0%{opacity:0}to{opacity:1}}