.moment-hero{width:100%;padding:calc(56px + var(--safe-top)) 24px 40px;color:var(--moment-ink);text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--moment-tone) 90%, #fff) 0%, var(--moment-tone) 46%, color-mix(in srgb, var(--moment-tone) 86%, var(--moment-ink)) 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:relative;overflow:hidden}.moment-hero:before{content:"";pointer-events:none;opacity:.85;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");position:absolute;inset:0}.moment-hero-lines{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 700' preserveAspectRatio='none'%3E%3Cpath d='M 150 -20 C 60 160, 250 250, 305 130 C 345 40, 200 -10, 165 130 C 130 280, 330 380, 430 330' fill='none' stroke='%23ffffff' stroke-width='2' opacity='0.55'/%3E%3C/svg%3E");background-size:100% 100%;position:absolute;inset:0}.moment-hero-lines:before,.moment-hero-lines:after{content:"";border:1.5px solid #ffffff8c;border-radius:9999px;position:absolute}.moment-hero-lines:before{width:130%;height:90%;top:-45%;left:-30%;transform:rotate(-14deg)}.moment-hero-lines:after{width:110%;height:80%;bottom:-50%;right:-35%;transform:rotate(9deg)}.moment-hero-strokes{pointer-events:none;background:var(--moment-ink);opacity:.32;width:26%;position:absolute;top:0;bottom:0;left:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 700' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='17' stroke-linecap='round'%3E%3Cpath d='M 18 150 C -30 200, 60 235, 8 285'/%3E%3Cpath d='M -35 340 C 85 320, 95 470, -20 455 C -60 448, 30 400, -35 545'/%3E%3Cpath d='M -12 640 C 30 622, 52 655, 4 664'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 700' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='17' stroke-linecap='round'%3E%3Cpath d='M 18 150 C -30 200, 60 235, 8 285'/%3E%3Cpath d='M -35 340 C 85 320, 95 470, -20 455 C -60 448, 30 400, -35 545'/%3E%3Cpath d='M -12 640 C 30 622, 52 655, 4 664'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.moment-hero-dots{pointer-events:none;background-image:radial-gradient(circle,#ffffff8c 1.3px,#0000 1.5px);background-size:15px 15px;width:58%;height:62%;position:absolute;top:26%;right:-12px;-webkit-mask-image:radial-gradient(at 78% 45%,#000 25%,#0000 72%);mask-image:radial-gradient(at 78% 45%,#000 25%,#0000 72%)}.moment-hero>*{z-index:1;position:relative}.moment-hero-title{max-width:14ch;font-family:var(--font-heading);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:2.5rem;font-weight:600;line-height:1.05}.moment-hero-badge{width:88px;height:88px;color:var(--moment-ink);background:#fff;border-radius:9999px;justify-content:center;align-items:center;display:flex;box-shadow:0 18px 44px #1e142338}.moment-hero-pill{color:var(--foreground);background:#fff;border-radius:9999px;align-items:center;gap:12px;padding:12px 18px 12px 12px;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 18px 44px #1e142338}.moment-hero-pill-icon{background:var(--moment-ink);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.moment-hero-pill-icon svg{width:20px;height:20px}.moment-hero-pill-meta{color:var(--muted-foreground);margin-left:4px;font-size:.8125rem;font-weight:500}