@property --parallax{syntax:"<length>";inherits:true;initial-value:0}@property --parallax-origin{syntax:"<length>";inherits:true;initial-value:0}.section-backdrop{--backdrop-ink:color-mix(in oklab, currentColor 8%, transparent)}.dark .section-backdrop{--backdrop-ink:color-mix(in oklab, currentColor 6%, transparent)}.surface-brand .section-backdrop{--backdrop-ink:color-mix(in oklab, currentColor 9%, transparent)}.backdrop-pane{--pane-tile:6.98rem;--pane-weight:.09rem;--pane-arm:.55rem;--pane-drift:.75;inset-inline:0;bottom:0;top:calc(var(--pane-tile) * -1);background-image:linear-gradient(to right, transparent calc(50% - var(--pane-weight) / 2), var(--backdrop-ink) 0 calc(50% + var(--pane-weight) / 2), transparent 0), linear-gradient(to bottom, transparent calc(50% - var(--pane-weight) / 2), var(--backdrop-ink) 0 calc(50% + var(--pane-weight) / 2), transparent 0);background-size:var(--pane-tile) var(--pane-tile);-webkit-mask-image:radial-gradient(circle, #000 var(--pane-arm), transparent 0);-webkit-mask-image:radial-gradient(circle, #000 var(--pane-arm), transparent 0);mask-image:radial-gradient(circle, #000 var(--pane-arm), transparent 0);-webkit-mask-size:var(--pane-tile) var(--pane-tile);-webkit-mask-size:var(--pane-tile) var(--pane-tile);mask-size:var(--pane-tile) var(--pane-tile);transform:translate3d(0, mod(var(--parallax) * var(--pane-drift) + var(--parallax-origin), var(--pane-tile)), 0);position:absolute}