.des-edu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.des-edu-card{display:flex;flex-direction:column;background:var(--des-card, #fff);border:1px solid var(--des-border, #e4e0d8);border-radius:var(--des-radius-card, 14px);overflow:hidden;transition:border-color var(--des-transition, .18s ease),transform var(--des-transition, .18s ease)}.des-edu-card:hover{border-color:var(--des-ink, #1b1916);transform:translateY(-3px)}.des-edu-card__media-link{display:block;text-decoration:none}.des-edu-card__media{position:relative;display:block;aspect-ratio:16 / 9;background:var(--des-paper, #f4f2ee)}.des-edu-card__media img{width:100%;height:100%;object-fit:cover}.des-edu-card__media--placeholder{background-image:repeating-linear-gradient(135deg,#ece8e1 0 11px,#e4e0d7 11px 22px)}.des-edu-card__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);inline-size:44px;block-size:44px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;border-radius:var(--des-radius-pill, 999px);background:var(--des-ink, #1b1916);color:#fff}.des-edu-card__tag{position:absolute;inset-block-start:10px;inset-inline-start:10px;font-family:var(--des-mono, ui-monospace, Menlo, monospace);font-size:11px;line-height:1;padding:5px 7px;border-radius:6px;background:var(--des-card, #fff);color:var(--des-text-faint, #9a948a);border:1px solid var(--des-border, #e4e0d8)}.des-edu-card__body{display:flex;flex-direction:column;gap:8px;padding:16px}.des-edu-card__title{font-family:var(--des-font-heading, var(--des-font, inherit));font-size:16px;font-weight:800;line-height:1.3;margin:0}.des-edu-card__title a{color:var(--des-ink, #1b1916);text-decoration:none}.des-edu-card__title a:hover{color:var(--des-accent, #d4541e)}.des-edu-card__text{font-size:14px;line-height:1.5;color:var(--des-text-secondary, #6c675e);margin:0}.des-edu-card__meta{font-size:12px;color:var(--des-text-muted, #8a857c);margin:0}@media screen and (max-width:989px){.des-edu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:479px){.des-edu-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/des-edu-card.css.map */