.softtitle{
  text-shadow:
    -1px -1px 0 rgba(255,255,255,.7),
     3px  3px 10px rgba(34,33,31,.18);
}
:root{ --card:#F6EBDD; --card2:#EEDFC9; --ink:#2E2A26; }
.softcard{
  position:relative;
  background:linear-gradient(145deg,var(--card),var(--card2));
  border-radius:28px;
  box-shadow:
    -8px -8px 16px rgba(255,255,255,.65),
     10px 10px 24px rgba(34,33,31,.16);
  transition:transform .25s ease, box-shadow .25s ease;
}
.softcard:before{
  content:""; position:absolute; inset:0; border-radius:inherit;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.75),
    inset -1px -1px 0 rgba(34,33,31,.06);
  pointer-events:none;
}
.softcard:hover{
  transform:translateY(-4px);
  box-shadow:
    -10px -10px 20px rgba(255,255,255,.7),
     14px 14px 28px rgba(34,33,31,.22);
}
.softimg{ border-radius:22px; display:block; width:calc(100% - 48px); margin:16px auto 0; }
.softh3{ font:600 32px/1.2 "Cormorant Garamond",serif; color:var(--ink); margin:24px 24px 12px; }