/* Uskršnji post — Easter Pastoral card
   Palette: Lilac #CE93D8, Green #81C784, Shell #FFF9F0, Sky #90CAF9, Cocoa #6D4C41 */
.card--uskrs-post{
  --card-lilac:#CE93D8;
  --card-lilac-light:#EDD5F3;
  --card-green:#81C784;
  --card-shell:#FFF9F0;
  --card-sky:#90CAF9;
  --card-cocoa:#6D4C41;
  --card-cocoa-light:#A1887F;
  --card-text:#3E2723;
  --card-muted:#7D6B65;
  background:var(--card-shell);
  overflow:hidden;
  position:relative;
  font-family:'Roboto',sans-serif;
  color:var(--card-text);
}
/* Pastel spring top border */
.card--uskrs-post::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--card-lilac),var(--card-sky),var(--card-green),var(--card-lilac));
}

/* Image */
.card--uskrs-post .card__img-wrap{
  position:relative;overflow:hidden;aspect-ratio:4/3;
}
.card--uskrs-post .card__img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.97) brightness(1.02);
  transition:transform 1s ease,filter .6s ease;
}
.card--uskrs-post:is(:hover,.pulse) .card__img{
  transform:scale(1.05);filter:saturate(1.05) brightness(1.04);
}
.card--uskrs-post .card__img-wrap::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(206,147,216,.25) 100%);
  pointer-events:none;
}

/* Badge */
.card--uskrs-post .card__badge{
  position:absolute;bottom:12px;left:12px;
  font-family:'Roboto',sans-serif;font-size:9px;font-weight:500;
  letter-spacing:.15em;text-transform:uppercase;
  color:var(--card-cocoa);
  background:rgba(255,249,240,.9);padding:4px 10px;border-radius:14px;
  border:1px solid var(--card-lilac-light);
}

/* Body */
.card--uskrs-post .card__body{
  padding:1.1rem 1.3rem 1.5rem;
  position:relative;
}
.card--uskrs-post .card__year{
  font-family:'Roboto',sans-serif;font-size:10px;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--card-lilac);display:block;margin-bottom:4px;
}
.card--uskrs-post .card__title{
  font-family:'Noto Serif',Georgia,serif;font-weight:700;
  font-size:clamp(16px,1.35vw,20px);line-height:1.3;
  color:var(--card-text);
  transition:color .35s ease;margin-top:4px;
}
.card--uskrs-post:is(:hover,.pulse) .card__title{color:#8E44AD}
.card--uskrs-post .card__desc,
.card--uskrs-post .card__excerpt{
  font-family:'Roboto',sans-serif;font-size:clamp(12px,.85vw,13px);
  font-weight:300;line-height:1.65;
  color:var(--card-muted);margin-top:7px;
}
.card--uskrs-post .card__meta{
  font-size:10px;font-weight:400;letter-spacing:.18em;
  text-transform:uppercase;color:var(--card-cocoa-light);
}
/* Spring accent underline */
.card--uskrs-post .card__body::after{
  content:'';display:block;width:28px;height:2px;margin-top:12px;
  background:linear-gradient(90deg,var(--card-lilac),var(--card-green));
  transition:width .5s ease;
}
.card--uskrs-post:is(:hover,.pulse) .card__body::after{width:52px}