.pf-hero.has-dot-background{isolation:isolate;width:100%;padding-inline:max(var(--page-gutter), calc((100% - var(--content-width)) / 2));position:relative}.hero-dot-background{z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--ink-soft) 34%, transparent) .6px, transparent .6px);background-size:14px 14px;position:absolute;inset:0;overflow:hidden}.hero-dot-background.is-ready{background-image:none}.hero-dot-background canvas{width:100%;height:100%;display:block}.has-dot-background .inspector-desk{background:color-mix(in srgb, var(--paper-deep) 65%, transparent)}.has-dot-background .inspector-desk-grid{opacity:0}