@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Syne:wght@400..800&display=swap);body{margin:0;font-family:"Syne",sans-serif;background-color:#0a0a0a;color:#fff}.creations-section{text-align:center;padding:120px 8% 80px;max-width:1400px;margin:auto}.creations-section h1{font-size:3rem;margin-bottom:20px;letter-spacing:2px}.creations-section p{max-width:800px;margin:0 auto 60px;color:#ccc;font-size:1.1rem;line-height:1.6}.creations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.creation-card{position:relative;overflow:hidden;border-radius:20px;cursor:pointer;text-decoration:none;color:#fff;transition:transform 0.4s ease,box-shadow 0.4s ease}.creation-card img{width:100%;height:450px;object-fit:cover;transition:transform 0.6s ease}.creation-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .9) 10%,rgb(0 0 0 / .4) 50%,rgb(0 0 0 / .1) 100%);z-index:1}.creation-card-content{position:absolute;bottom:30px;left:25px;right:25px;z-index:2;text-align:left}.creation-card h2{font-size:1.6rem;margin-bottom:10px}.creation-card p{font-size:.95rem;color:#ddd}.creation-card:hover{transform:scale(1.03);box-shadow:0 20px 40px rgb(0 0 0 / .6)}.creation-card:hover img{transform:scale(1.1)}.creation-card::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 255 255 / .08) 0%,transparent 60%);opacity:0;transition:opacity 0.5s ease;z-index:1}.creation-card:hover::after{opacity:1}@media (max-width:1024px){.creations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.creations-grid{grid-template-columns:1fr}.creation-card img{height:350px}.creations-section h1{font-size:2.2rem}}