| @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap'); | |
| body { | |
| font-family: 'Montserrat', sans-serif; | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| font-family: 'Playfair Display', serif; | |
| } | |
| /* Smooth scrolling */ | |
| html { | |
| scroll-behavior: smooth; | |
| } | |
| /* Custom animation for hero text */ | |
| @keyframes fadeInUp { | |
| from { | |
| opacity: 0; | |
| transform: translateY(20px); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| } | |
| .hero-content { | |
| animation: fadeInUp 1s ease-out forwards; | |
| } | |
| /* Product hover effect */ | |
| .product-card:hover .product-image { | |
| transform: scale(1.05); | |
| } | |
| /* Instagram hover effect */ | |
| .instagram-item:hover img { | |
| transform: scale(1.1); | |
| } | |
| /* Lookbook overlay transition */ | |
| .lookbook-item::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| height: 50%; | |
| background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); | |
| opacity: 0; | |
| transition: opacity 0.3s ease; | |
| } | |
| .lookbook-item:hover::after { | |
| opacity: 1; | |
| } | |
| /* Newsletter input focus */ | |
| .newsletter-input:focus { | |
| border-color: #c0a080; | |
| box-shadow: 0 0 0 1px #c0a080; | |
| } |