.lcard{background:var(--color-bg);height:100%;transition:box-shadow .28s var(--ease), transform .28s var(--ease-draw);will-change:transform;border-radius:16px;position:relative;box-shadow:0 1px 2px #1018280a,0 10px 24px -10px #10182829,0 30px 60px -30px #10182838}.lcard:hover{transform:translateY(-8px);box-shadow:0 2px 4px #1018280d,0 20px 40px -12px #10182838,0 44px 80px -32px #041e5a47}.lcard__frame{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.lcard__frame-rect{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .85s cubic-bezier(.4,.05,.25,1)}.lcard:hover .lcard__frame-rect{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.lcard__frame-rect{transition:none}}.lcard__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.lcard__thumb{aspect-ratio:4/3;background:var(--color-surface);border-radius:16px 16px 0 0;position:relative;overflow:hidden}.lcard__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.lcard:hover .lcard__thumb img{transform:scale(1.05)}.lcard__placeholder{background:radial-gradient(120% 120% at 30% 20%,#f2f5fb 0%,#e9edf5 60%,#e3e8f1 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lcard__placeholder .lcard__logo{object-fit:contain;opacity:.9;width:min(62%,220px);height:auto}.lcard__author{top:var(--space-3);right:var(--space-3);background:var(--color-ink);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;overflow:hidden;box-shadow:0 0 0 2px #fff,0 4px 12px #10182840}.lcard__author img{object-fit:cover;width:100%;height:100%}.lcard__author-initial{color:#fff;font-size:17px;font-weight:700}.lcard__body{gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-5);flex-direction:column;flex:1;display:flex}.lcard__kicker{font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lcard__cat{letter-spacing:.02em;color:var(--color-primary);font-weight:700}.lcard__cat[data-type=column],.lcard__theme{color:var(--color-ink-sub)}.lcard__theme:before{content:"·";color:var(--color-line-strong);margin-right:8px}.lcard__title{font-size:var(--text-md);color:var(--color-ink);-webkit-line-clamp:3;line-clamp:3;transition:color var(--dur) var(--ease);-webkit-box-orient:vertical;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.lcard:hover .lcard__title{color:var(--color-primary)}.lcard__lead{font-size:var(--text-xs);color:var(--color-ink-sub);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.8;display:-webkit-box;overflow:hidden}.lcard__meta{align-items:center;gap:var(--space-2) var(--space-3);padding-top:var(--space-3);font-size:var(--text-xs);color:var(--color-ink-sub);flex-wrap:wrap;margin-top:auto;display:flex}.lcard__by{color:var(--color-ink);font-weight:500}.lcard__by:after{content:"";width:1px;height:.85em;margin-left:var(--space-3);background:var(--color-line-strong);vertical-align:-.05em;display:inline-block}.lcard__new{font-family:var(--font-display);letter-spacing:.06em;background:var(--color-signal-text);color:#fff;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}
