.ss-article-card{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:420px;margin:0 auto;background-color:#fff;border-radius:14px;border:1px solid rgba(225,195,210,.5);box-shadow:0 4px 18px -2px #2e2a390d,0 1px 4px #2e2a3905;overflow:hidden;position:relative;text-align:left;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .25s ease}.ss-article-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px -4px #2e2a391a,0 3px 10px #2e2a3908;border-color:#9b046f66}.ss-article-card__top{display:flex;flex-direction:column}.ss-article-card__media{position:relative;width:100%;aspect-ratio:16 / 10.5;overflow:hidden;background-color:#f7ebf1}.ss-article-card__media-link{display:block;width:100%;height:100%;overflow:hidden}.ss-article-card__img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.ss-article-card:hover .ss-article-card__img{transform:scale(1.05)}.ss-article-card__tag-pill{position:absolute;top:12px;left:12px;z-index:2;background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#2e2a39;font-family:var(--font-body-family, Jost, sans-serif);font-weight:600;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px;box-shadow:0 2px 8px #2e2a3914;border:1px solid rgba(255,255,255,.8);pointer-events:none}.ss-article-card__bookmark-btn{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;border-radius:50%;background:#ffffffeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(225,195,210,.6);color:#5a4f61;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #2e2a3914;transition:all .25s ease;padding:0}.ss-article-card__bookmark-btn:hover{background:#9b046f;color:#fff;border-color:#9b046f;transform:scale(1.08)}.ss-article-card__bookmark-btn[data-saved=true]{background:#9b046f;color:#fff;border-color:#9b046f}.ss-article-card__bookmark-btn[data-saved=true] svg{fill:#fff}.ss-article-card__body{padding:1.8rem 1.8rem 1.2rem;display:flex;flex-direction:column}.ss-article-card__meta{display:flex;align-items:center;gap:6px;font-family:var(--font-body-family, Jost, sans-serif);font-size:1.15rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#8c7e91;margin-bottom:.8rem}.ss-meta-separator{color:#d8c8d2}.ss-article-card__read-time{color:#9b046f;font-weight:600}.ss-article-card__title{font-family:var(--font-heading-family, Jost, sans-serif);font-size:1.7rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:#2e2a39;margin:0 0 .8rem;transition:color .2s ease}.ss-article-card__title a{color:inherit;text-decoration:none}.ss-article-card__title a:hover{color:#9b046f}.ss-article-card__excerpt{font-family:var(--font-body-family, Jost, sans-serif);font-size:1.35rem;line-height:1.55;color:#65586b;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ss-article-card__footer{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.8rem;border-top:1px solid rgba(225,195,210,.4);background-color:#faf7f9;margin-top:auto}.ss-article-card__author-info{display:flex;align-items:center;gap:8px}.ss-article-card__author-avatar{width:24px;height:24px;border-radius:50%;background:#f7d2e4;color:#9b046f;font-family:var(--font-heading-family, Jost, sans-serif);font-size:1.1rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ss-article-card__author-name{font-family:var(--font-body-family, Jost, sans-serif);font-size:1.2rem;color:#7a6e80;font-weight:500}.ss-article-card__read-link{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body-family, Jost, sans-serif);font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9b046f;text-decoration:none!important;transition:all .2s ease}.ss-article-card__read-link svg{transition:transform .25s ease}.ss-article-card:hover .ss-article-card__read-link{color:#c9006b}.ss-article-card:hover .ss-article-card__read-link svg{transform:translate(4px)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-article-card.css.map */