:root { --la-primary: #ea6faa; --la-mid: #f7b7d3; --la-light: #fbdbe9; --la-deep: #2a1a1a; --la-accent: #9c5c52; --la-light-text: #7a5a57; --la-body-text: #111111; --la-page-max: 1280px; --la-text-max: 980px; --la-gold: #c8963a; --la-gold-light: #f5e6c8; } .la-full-bleed { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); box-sizing: border-box; } .la-page-inner { width: 100%; max-width: var(--la-page-max); margin: 0 auto; padding-left: 40px; padding-right: 40px; box-sizing: border-box; } .la-text-inner { width: 100%; max-width: var(--la-text-max); margin: 0 auto; padding-left: 40px; padding-right: 40px; box-sizing: border-box; } /* ── HERO ── */ .la-hero { background: linear-gradient(135deg, #1a0a1a 0%, #3a1030 50%, #2a0a22 100%); min-height: 60vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 90px 0; position: relative; overflow: hidden; margin-bottom: 0; } .la-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 20% 50%, rgba(234,111,170,0.25) 0%, transparent 55%), radial-gradient(ellipse at 80% 30%, rgba(200,150,58,0.18) 0%, transparent 50%), radial-gradient(ellipse at 60% 80%, rgba(180,80,140,0.2) 0%, transparent 45%); pointer-events: none; } /* Sparkle dots */
