.creative-card{position:relative;background-color:var(--white-color,#fff);border-radius:20px;filter:drop-shadow(0px 10px 8px rgba(213, 140, 95, .35));transition:all .4s cubic-bezier(.175, .885, .32, 1.275);display:flex;flex-direction:column;height:100%;overflow:hidden}
.creative-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 20px 50px rgba(154,86,58,.18)}
.creative-card .card-img-container{height:280px;position:relative;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px}
.creative-card .card-img-container img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease}
.creative-card:hover .card-img-container img{transform:scale(1.15);filter:brightness(.85) saturate(1.2)}
.creative-card .card-img-container::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(154,86,58,.3),transparent);opacity:0;transition:opacity .5s ease}
.creative-card:hover .card-img-container::after{opacity:1}
.creative-card .card-content-wrapper{padding:30px;text-align:left;flex-grow:1;display:flex;flex-direction:column;position:relative}
.creative-card .card-content-wrapper::before{content:'';position:absolute;top:0;left:30px;width:50px;height:4px;background-color:var(--theme-color2,#8E482F);border-radius:2px;transition:width .4s ease}
.creative-card:hover .card-content-wrapper::before{width:80px}
.creative-card .card-title{font-family:var(--title-font, 'Marcellus', serif);font-size:24px;color:var(--title-color,#121f38);margin-top:20px;margin-bottom:12px;transition:color .3s ease}
.creative-card:hover .card-title{color:var(--theme-color2,#8E482F)}
.creative-card .card-text{font-size:15px;color:var(--body-color,#404040);line-height:1.6;margin-bottom:25px;flex-grow:1}
.creative-card .card-action-area{margin-top:auto;display:flex;align-items:center;justify-content:space-between}
.creative-card .card-btn-creative{padding:15px 45px;font-size:18px;font-weight:700;color:var(--title-color,#121f38);text-transform:uppercase;border-radius:50px;border:none;background-image:linear-gradient(120deg,var(--pastel-blush,#f7ece7) 0,var(--secondary-color,#f7d2bc) 40%,var(--theme-color,#e0d4c5) 100%);transition:all .4s cubic-bezier(.25, .8, .25, 1);text-decoration:none;letter-spacing:.07em;box-shadow:0 6px 18px rgba(154,86,58,.1);position:relative;overflow:hidden;text-align:center;display:inline-block}
.creative-card .card-btn-creative .btn-text{display:inline-block;vertical-align:middle}
.creative-card .card-btn-creative .btn-icon-animated{position:absolute;top:50%;transform:translateY(-50%);font-size:1em;line-height:1;color:var(--title-color,#121f38);transition:left 2s cubic-bezier(.25, .8, .25, 1),right 2s cubic-bezier(.25, .8, .25, 1),color 2s cubic-bezier(.25, .8, .25, 1);right:18px;left:auto}
.creative-card .card-btn-creative:hover{color:var(--white-color,#fff);background-image:linear-gradient(120deg,var(--golden-blush-color,#de8a5a) 0,var(--theme-color2,#8E482F) 60%,var(--theme-color,#e0d4c5) 100%);transform:translateY(-5px) scale(1.05);box-shadow:0 14px 28px rgba(154,86,58,.28)}
.creative-card .card-btn-creative:hover .btn-icon-animated{left:18px;right:auto;color:var(--white-color,#fff);transform:translateY(-50%)}
.creative-card .card-btn-creative::before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s cubic-bezier(.25, .8, .25, 1)}
.creative-card .card-btn-creative:hover::before{left:150%}
.creative-card .card-meta-icon{font-size:22px;color:var(--theme-color,#e0d4c5);transition:color .3s ease,transform .3s ease}
.creative-card:hover .card-meta-icon{color:var(--theme-color2,#8E482F);transform:scale(1.2)}
.creative-card.mobile-active-state{transform:translateY(-15px) scale(1.03);box-shadow:0 20px 50px rgba(154,86,58,.18)}
.creative-card.mobile-active-state .card-img-container img{transform:scale(1.15);filter:brightness(.85) saturate(1.2)}
.creative-card.mobile-active-state .card-img-container::after{opacity:1}
.creative-card.mobile-active-state .card-content-wrapper::before{width:80px}
.creative-card.mobile-active-state .card-title{color:var(--theme-color2,#8E482F)}
.creative-card.mobile-active-state .card-btn-creative{color:var(--white-color,#fff);background-image:linear-gradient(120deg,var(--golden-blush-color,#de8a5a) 0,var(--theme-color2,#8E482F) 60%,var(--theme-color,#e0d4c5) 100%);transform:translateY(-5px) scale(1.05);box-shadow:0 14px 28px rgba(154,86,58,.28)}
.creative-card.mobile-active-state .card-btn-creative::before{left:150%}
.creative-card.mobile-active-state .card-btn-creative .btn-icon-animated{left:18px;right:auto;color:var(--white-color,#fff);transform:translateY(-50%)}
.creative-card.mobile-active-state .card-meta-icon{color:var(--theme-color2,#8E482F);transform:scale(1.2)}
@media (max-width:991px){
    .creative-card{margin-bottom:40px}
    .creative-card .card-img-container{height:240px}
    .creative-card .card-title{font-size:22px}
    .creative-card .card-btn-creative{padding:14px 40px;font-size:17px}
}
@media (max-width:767px){
    .creative-card .card-img-container{height:220px}
    .creative-card .card-content-wrapper{padding:25px}
    .creative-card .card-content-wrapper::before{left:25px}
    .creative-card .card-title{font-size:20px}
    .creative-card .card-text{font-size:14px}
    .creative-card .card-action-area{flex-direction:column;align-items:flex-start}
    .creative-card .card-btn-creative{width:100%;text-align:center;margin-bottom:15px;padding:15px 20px;font-size:16px}
    .creative-card .card-btn-creative .btn-icon-animated{right:15px}
    .creative-card .card-btn-creative:hover .btn-icon-animated,.creative-card.mobile-active-state .card-btn-creative .btn-icon-animated{left:15px}
    .creative-card .card-meta-icon{align-self:flex-end}
}