html:before {
	--line: light-dark(hsl(0 0% 10% / 0.25), hsl(0 0% 100% / 0.15));
	--s: max(2vw, 0.725lh);
	--_g: transparent 90deg, var(--line) 0;
	background: conic-gradient(from 90deg at 1px 1px, var(--_g)) 0 0 / var(--s) var(--s);
	background-position: -.5px -.5px;
	/* background-position: -.5px 100%; */
	content: "";
	height: 100vh;
	width: 100vw;
	position: fixed;
	-webkit-mask: linear-gradient(60deg, transparent 77%, #fff), linear-gradient(-60deg, transparent 77%, #fff);
	mask: linear-gradient(60deg, transparent 77%, #fff), linear-gradient(-60deg, transparent 77%, #fff);
	top: 0;
	transform-style: flat;
	pointer-events: none;
	z-index: -1;

    @media (max-width: 85em) {
        --s: 2.5vw;
        mask:
            linear-gradient(60deg, transparent 80%, white),
            linear-gradient(-60deg, transparent 80%, white);
    }
    @media (max-width: 65rem) {
        --s: 3.33vw;
        mask: 
            linear-gradient(60deg, transparent 80%, white), 
            linear-gradient(-60deg, transparent 80%, white),
            linear-gradient(0deg, transparent 93%, white);
    }
    @media (max-width: 53rem) {
        --s: 5vw;
        mask: 
            linear-gradient(60deg, transparent 82%, white), 
            linear-gradient(-60deg, transparent 82%, white),
            linear-gradient(0deg, transparent 80%, white);
    }
}