@layer components{.lp{--lp-max:1680px;--lp-gutter:clamp(16px, 4.5vw, 72px)}.lp .lp-wrap{width:100%;max-width:calc(var(--lp-max) + 2 * var(--lp-gutter));padding-inline:var(--lp-gutter);margin-inline:auto}.lp .lp-band{border-radius:var(--md-sys-shape-corner-extra-extra-large);margin-inline:clamp(8px,1.2vw,20px)}.lp .lp-hero{isolation:isolate;position:relative}.lp .lp-hero-field{z-index:-1;pointer-events:none;--lp-mesh:62%;position:absolute;inset:-7rem 0 0;overflow:hidden}.dark .lp .lp-hero-field,[data-theme=dark] .lp .lp-hero-field{--lp-mesh:30%}.lp .lp-hero-mesh{background:radial-gradient(38% 46% at 82% 22%, color-mix(in srgb, var(--md-sys-color-primary-container) var(--lp-mesh), transparent), transparent 72%), radial-gradient(32% 42% at 10% 18%, color-mix(in srgb, var(--md-sys-color-tertiary-container) var(--lp-mesh), transparent), transparent 70%), radial-gradient(40% 36% at 48% 92%, color-mix(in srgb, var(--md-sys-color-secondary-container) var(--lp-mesh), transparent), transparent 72%), radial-gradient(26% 30% at 30% 62%, color-mix(in srgb, var(--md-sys-color-primary) calc(var(--lp-mesh) / 4), transparent), transparent 70%);filter:blur(28px)saturate(1.1);animation:26s ease-in-out infinite alternate lp-drift;position:absolute;inset:-10%}.lp .lp-hero-grid{background-image:radial-gradient(color-mix(in srgb, var(--md-sys-color-on-surface) 13%, transparent) 1px, transparent 1.6px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 30% 40%,#000 0%,#0000 75%);mask-image:radial-gradient(60% 70% at 30% 40%,#000 0%,#0000 75%)}.lp[dir=rtl] .lp-hero-grid{-webkit-mask-image:radial-gradient(60% 70% at 70% 40%,#000 0%,#0000 75%);mask-image:radial-gradient(60% 70% at 70% 40%,#000 0%,#0000 75%)}.lp .lp-hero-field:after{content:"";background:linear-gradient(to bottom, transparent, var(--md-sys-color-surface));height:9rem;position:absolute;inset:auto 0 0}@keyframes lp-drift{0%{transform:translate(0,0)scale(1)rotate(0)}50%{transform:translate(2%,-2%)scale(1.06)rotate(2deg)}to{transform:translate(-2%,1.5%)scale(1.02)rotate(-1.5deg)}}@media (prefers-reduced-motion:reduce){.lp .lp-hero-mesh{animation:none}}}