:root{--color-bg:#fffbf7;--color-text-main:#5d4037;--color-text-light:#8d6e63;--color-accent:#d7ccc8;--color-primary:#ffcdd2;--color-secondary:#cb9b8c;--font-serif:"Playfair Display",serif;--font-sans:"Lato",sans-serif;--section-padding:4rem;--h1-size:4.5rem;--h2-size:2.5rem;--hero-gap:4rem}@media (max-width:1024px){:root{--section-padding:2rem;--h1-size:3.5rem;--hero-gap:2rem}}@media (max-width:768px){:root{--h1-size:2.8rem;--h2-size:2rem;--section-padding:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);font-family:var(--font-sans);color:var(--color-text-main);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:1s ease-out forwards fadeIn}.animate-float{animation:6s ease-in-out infinite float}.bg-pattern{background-image:radial-gradient(var(--color-accent)1px,transparent 1px);opacity:.3;z-index:-1;background-size:30px 30px;position:absolute;inset:0}