.article-card{display:flex;flex-direction:column;min-height:100%;border:1px solid var(--line);border-radius:1.55rem;background:var(--surface);box-shadow:var(--shadow-soft);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.article-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--color-primary) 26%,var(--line));box-shadow:var(--shadow-raised)}.article-media.svelte-3th170{position:relative;aspect-ratio:16 / 9.4;margin:.65rem .65rem 0;border-radius:1.05rem;background:color-mix(in srgb,var(--color-primary) 12%,var(--surface));overflow:hidden}.article-media.svelte-3th170 img:where(.svelte-3th170){width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.75,.25,1)}.article-card:hover .article-media.svelte-3th170 img:where(.svelte-3th170){transform:scale(1.035)}.article-media.placeholder.svelte-3th170{display:grid;place-items:center;background:radial-gradient(circle at 72% 30%,color-mix(in srgb,var(--color-secondary) 35%,transparent),transparent 28%),linear-gradient(145deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 55%,#18152f))}.placeholder.svelte-3th170>span:where(.svelte-3th170):first-child{color:#ffffffd1;font-family:var(--display-font);font-size:2.2rem;font-weight:700;letter-spacing:.05em}.media-shade.svelte-3th170{position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#13122c66);pointer-events:none}.article-content.svelte-3th170{display:flex;flex:1;flex-direction:column;padding:1.35rem 1.4rem 1.45rem}.article-date.svelte-3th170{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.68rem;font-weight:560}h2.svelte-3th170{margin:.85rem 0 1.7rem;font-size:clamp(1.25rem,2vw,1.58rem);font-weight:620;line-height:1.18;letter-spacing:-.045em}.read-more.svelte-3th170{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;margin-top:auto;color:var(--color-primary);font-size:.78rem;font-weight:650}.read-more.svelte-3th170 svg{transition:transform .18s ease}.article-card:hover .read-more.svelte-3th170 svg{transform:translate(2px,-2px)}