@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=Montserrat:wght@300;400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background:#f5f1eb;color:#3a3a3a;scroll-behavior:smooth}h1,h2{font-family:Playfair Display,serif}.hero{height:100vh;background-size:cover;background-position:center;position:relative}.overlay{height:100%;background:#00000073;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.title{font-size:4rem;animation:fadeUp 2s ease}.subtitle{letter-spacing:4px;margin:10px 0 30px}.btn{padding:12px 30px;border:1px solid white;background:transparent;color:#fff;cursor:pointer;transition:.4s}.btn:hover{background:#fff;color:#000}.section{padding:100px 20px;text-align:center}.section.dark{background:#2d2d2d;color:#fff}.image{width:300px;margin:30px 0;border-radius:10px}.gallery{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.gallery img{width:280px;border-radius:10px;transition:transform .4s ease}.gallery img:hover{transform:scale(1.05)}.footer{padding:80px 20px;background:#111;color:#fff}.fade-in{opacity:0;transform:translateY(40px);transition:all 1s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}