.landing-grid{--landing-grid-cell:2.75rem;--landing-grid-spot:13rem;--landing-grid-line:color-mix(in oklch, var(--primary) 24%, transparent);--landing-grid-line-hot:color-mix(in oklch, var(--primary) 55%, transparent);--landing-grid-cell-fill:color-mix(in oklch, var(--primary) 14%, transparent);--landing-grid-mark-fill:color-mix(in oklch, var(--primary) 32%, transparent);container-type:size}.landing-grid[data-tone=dark]{--landing-grid-line:#ffffff0d;--landing-grid-line-hot:color-mix(in oklch, var(--primary) 55%, white);--landing-grid-cell-fill:color-mix(in oklch, var(--primary) 42%, transparent);--landing-grid-mark-fill:color-mix(in oklch, var(--primary) 62%, transparent)}.landing-backdrop-grid{background-image:linear-gradient(to right, var(--landing-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--landing-grid-line) 1px, transparent 1px);background-size:var(--landing-grid-cell) var(--landing-grid-cell);-webkit-mask-image:linear-gradient(90deg,#000 0% 4%,#0000002e 16% 84%,#000 96% 100%),linear-gradient(#000 0% 5%,#0000002e 18% 82%,#000 95% 100%);mask-image:linear-gradient(90deg,#000 0% 4%,#0000002e 16% 84%,#000 96% 100%),linear-gradient(#000 0% 5%,#0000002e 18% 82%,#000 95% 100%);-webkit-mask-composite:source-over;mask-composite:add}.landing-grid-spot{width:calc(var(--landing-grid-spot) * 2);height:calc(var(--landing-grid-spot) * 2);opacity:0;transition:opacity .4s ease-out;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 0%,#00000080 45%,#0000 100%);mask-image:radial-gradient(closest-side,#000 0%,#00000080 45%,#0000 100%)}.landing-grid-spot-lines{background-image:linear-gradient(to right, var(--landing-grid-line-hot) 1px, transparent 1px), linear-gradient(to bottom, var(--landing-grid-line-hot) 1px, transparent 1px);background-size:var(--landing-grid-cell) var(--landing-grid-cell);width:100cqw;height:100cqh;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.landing-grid-spot,.landing-grid-spot-lines,.landing-grid-cell{will-change:translate}}.landing-grid-cell,.landing-grid-trail,.landing-grid-mark{width:calc(var(--landing-grid-cell) - 1px);height:calc(var(--landing-grid-cell) - 1px);background:var(--landing-grid-cell-fill);position:absolute;top:1px;left:1px}.landing-grid-cell{opacity:0;transition:opacity .3s ease-out}.landing-grid[data-active] .landing-grid-spot,.landing-grid[data-active] .landing-grid-cell{opacity:1}.landing-grid-mark{background:var(--landing-grid-mark-fill)}.landing-grid-mark[data-released]{animation:.9s ease-out .6s forwards landing-grid-fade}@keyframes landing-grid-fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.landing-grid-spot,.landing-grid-cell,.landing-grid-mark{transition:none;animation:none}}