.dot-field-container{position:relative;width:100%;height:100%}.tilt-wrap{position:relative;height:100%;perspective:900px;--glow:0;--mx:50%;--my:50%}.tilt-glow{position:absolute;inset:-16px;z-index:0;pointer-events:none;border-radius:calc(var(--tilt-radius, 18px) + 16px);background:radial-gradient(circle at var(--mx,50%) var(--my,50%),var(--tilt-glow-color,rgba(127,190,150,.5)) 0,transparent 58%);filter:blur(28px);opacity:calc(.9 * var(--glow, 0));transition:opacity .35s ease}.tilt-wrap-featured{--glow:0.6;--mx:58%;--my:34%}.tilt-wrap-featured .tilt-glow{inset:-34px;filter:blur(38px) saturate(1.12);opacity:calc(.78 * var(--glow, .6))}.tilt-wrap-featured .tilt-card{filter:drop-shadow(0 26px 54px rgba(31,58,42,.24))}.tilt-card{position:relative;z-index:1;height:100%;border-radius:var(--tilt-radius,18px);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .14s ease-out;will-change:transform}.tilt-wrap-featured .tilt-card:after,.tilt-wrap-featured .tilt-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--tilt-radius,18px);pointer-events:none}.tilt-wrap-featured .tilt-card:before{z-index:5;border:1px solid rgba(250,246,238,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(127,190,150,.08)}.tilt-wrap-featured .tilt-card:after{z-index:6;background:linear-gradient(115deg,transparent,transparent 32%,rgba(255,255,255,.12) 43%,transparent 58%,transparent);opacity:.38;transform:translateX(-18%);animation:featured-sheen-drift 5.8s ease-in-out infinite alternate;mix-blend-mode:soft-light}.tilt-sheen{position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:var(--tilt-radius,18px);background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.24) 0,rgba(255,255,255,.07) 28%,transparent 56%);opacity:var(--glow,0);mix-blend-mode:soft-light;transition:opacity .35s ease}.tilt-wrap-featured .tilt-sheen{opacity:max(.32,var(--glow,.6))}@keyframes featured-sheen-drift{0%{transform:translateX(-18%)}to{transform:translateX(18%)}}@media (prefers-reduced-motion:reduce){.tilt-card{transform:none!important;transition:none}.tilt-wrap:not(.tilt-wrap-featured) .tilt-glow,.tilt-wrap:not(.tilt-wrap-featured) .tilt-sheen{display:none}.tilt-wrap-featured .tilt-card:after{animation:none}}