/*
  ElisabethK Landingpage
  Ausgelagerte eigene Styles. TailwindCSS wird weiterhin per CDN geladen.
*/

html { scroll-behavior: smooth; }
    body { background: #FAF7F2; color: #2C2C2C; }
    .soft-gradient { background: radial-gradient(circle at 78% 14%, rgba(215,184,179,.40), transparent 31%), radial-gradient(circle at 90% 76%, rgba(170,181,160,.32), transparent 28%), linear-gradient(180deg, #FAF7F2 0%, #F3ECE4 100%); }
    .photo-placeholder { background: linear-gradient(180deg, rgba(250,247,242,.05), rgba(44,44,44,.18)), radial-gradient(circle at 52% 27%, rgba(255,255,255,.95), transparent 18%), linear-gradient(135deg, #e8ded2 0%, #c9b8aa 42%, #aab5a0 100%); }
    .product-cover-a { background: linear-gradient(135deg, #FAF7F2, #D7B8B3 72%, #EEE6DB); }
    .product-cover-b { background: linear-gradient(135deg, #FAF7F2, #AAB5A0 72%, #EEE6DB); }
    .product-cover-c { background: linear-gradient(135deg, #FAF7F2, #EEE6DB 58%, #C9B8AA); }
    .reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s ease, transform .9s ease; }
    .reveal.is-visible { opacity: 1; transform: translateY(0); }
    .nav-blur { backdrop-filter: blur(18px); background: rgba(250,247,242,.78); border-bottom: 1px solid rgba(44,44,44,.08); }
    .line-button span { transition: transform .25s ease; }
    .line-button:hover span { transform: translateX(6px); }
    .big-number { font-variant-numeric: tabular-nums; }
    .sr-seo { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }