/* Shadcnblocks background-pattern50: full-width background, existing content. */
.site-pattern-hero{--foreground:var(--ink,#141618);position:relative;isolation:isolate}
.site-pattern50{position:absolute;inset:0;left:50%;right:auto;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(20,22,24,.3) 1px,transparent 0);background-image:radial-gradient(circle at 1px 1px,oklch(from var(--foreground) l c h / .3) 1px,transparent 0);background-size:20px 20px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 60%,transparent 100%)}
/* Replace the previous homepage grid rather than layering both patterns. */
.ls-home main>.hero.site-pattern-hero::before{content:none}

/* No decorative hero backgrounds on phones and tablets, including touch-first
   tablets in landscape. Desktop mouse/trackpad layouts retain the pattern. */
@media (max-width:1024px), (hover:none) and (pointer:coarse){
 .site-pattern-hero>.site-pattern50{display:none!important;background-image:none!important}
 .ls-home main>.hero.site-pattern-hero::before{content:none!important;display:none!important}
}