/* Graduated viewport edge, matching KARVM's marketing treatment. */
.viewport-progressive-blur{position:fixed;inset:auto 0 0;height:96px;z-index:20;pointer-events:none;transition:opacity 180ms linear}
.viewport-progressive-blur>span{position:absolute;inset:0;pointer-events:none;backdrop-filter:blur(var(--edge-blur));-webkit-backdrop-filter:blur(var(--edge-blur));mask-image:var(--edge-mask);-webkit-mask-image:var(--edge-mask)}
.is-loading .viewport-progressive-blur,.is-revealing .viewport-progressive-blur,body:has(#navigation.open) .viewport-progressive-blur,body:has(input:focus,textarea:focus,select:focus) .viewport-progressive-blur{opacity:0!important}
body.category-dialog-open .viewport-progressive-blur{opacity:0!important}
@media(max-width:639px){
 .viewport-progressive-blur{height:72px}
 .viewport-progressive-blur>span{backdrop-filter:blur(min(var(--edge-blur),24px));-webkit-backdrop-filter:blur(min(var(--edge-blur),24px))}
}
@media(prefers-reduced-motion:reduce){.viewport-progressive-blur{display:none}}
@media print{.viewport-progressive-blur{display:none}}