.card-grid{--card-radius:18px;--card-dots:#c3c9be;--card-on-accent:var(--white)}.card-grid .story picture{isolation:isolate;border-radius:var(--card-radius);background:var(--pale);transition:box-shadow .45s var(--ease-out), transform .45s var(--ease-out);align-self:start;display:block;overflow:hidden;box-shadow:0 1px 2px #232a2712}.card-grid .story .card__img{transition:transform .9s var(--ease-out), filter .45s ease}.card-grid .story:hover picture{transform:translateY(-2px);box-shadow:0 18px 34px -18px #232a2766,0 2px 6px #232a2714}.card-grid .story:hover .card__img{filter:saturate(1.06);transform:scale(1.045)}.card-grid .story .meta{gap:8px;min-height:22px}.card-grid .story .number{font:650 14px/1 var(--display);letter-spacing:.02em;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.card-grid .story .number:after{content:"";opacity:.7;background:radial-gradient(circle,currentColor .9px,#0000 1.3px) 0/5px 3px repeat-x;width:20px;height:3px}.card-grid .story .card__kicker{letter-spacing:.12em;line-height:1.5}.card-grid .card__stamp{--stamp-r:2.5px;background:var(--accent);color:var(--white);transform-origin:30% 60%;transition:transform .45s var(--ease-spring);flex-shrink:0;padding:4px;display:inline-grid;transform:rotate(-2.5deg)}.card-grid .card__stamp>span{outline-offset:-1px;font:800 9px/1.6 var(--ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;outline:1px solid #ffffff80;padding:2px 8px 1px;display:block}.card-grid .card:hover .card__stamp{transform:rotate(1.5deg)scale(1.05)}.card-grid.card-grid--stories .story .card__title a,.card-grid.card-grid--list .hub-card .card__title a{color:inherit;text-wrap:pretty;transition:background-size .5s var(--ease-out);background:linear-gradient(currentColor 0 0) 0 100%/0 1.5px no-repeat;padding-bottom:1px;text-decoration:none}.card-grid.card-grid--stories .story:hover .card__title a,.card-grid.card-grid--list .hub-card:hover .card__title a{background-size:100% 1.5px;text-decoration:none}.card-grid .card__follow{min-height:40px;font:700 13px/1.3 var(--ui);letter-spacing:.005em;align-items:center;gap:12px;margin-top:16px;padding:0;text-decoration:none;transition:color .25s;display:inline-flex}.card-grid .card__follow:after{content:none}.card-grid .card__arrow{border:1.5px solid color-mix(in srgb, currentColor 45%, transparent);border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;transition:background-color .3s,border-color .3s,color .3s;display:grid}.card-grid .card__arrow .icon{width:17px;height:17px;transition:transform .35s var(--ease-out)}.card-grid .card:hover .card__arrow{background-color:currentColor;border-color:currentColor}.card-grid .card:hover .card__arrow .icon{color:var(--card-on-accent);transform:translate(2px)}.card-grid .card:hover .card__follow{color:var(--accent-dark)}.card-grid .hub-card{border-top:0}.card-grid .hub-card:before{content:"";height:3px;color:var(--card-dots);background:radial-gradient(circle,currentColor 1px,#0000 1.4px) 0/7px 3px repeat-x;transition:color .3s;position:absolute;top:0;left:0;right:0}.card-grid .hub-card:hover:before{color:var(--accent)}.card-grid .hub-card .card__kicker{letter-spacing:.12em}.card-grid .card:focus-within{outline-offset:6px;border-radius:calc(var(--card-radius) + 4px);outline-width:2px}.article__related:not(.article__related--hub){--card-on-accent:var(--ink);--card-dots:#ffffff40}.article__related:not(.article__related--hub) .card__stamp{color:var(--ink);background:#efd689}.article__related:not(.article__related--hub) .card__stamp>span{outline-color:#232a2766}.article__related:not(.article__related--hub) .card:hover .card__follow{color:#f7ebc6}.article__related:not(.article__related--hub) .story{background:0 0}.article__related:not(.article__related--hub) .story picture{box-shadow:none}@media (width<=760px){.card-grid{--card-radius:16px}.card-grid .story+.story:not(.story--text) picture{--card-radius:12px}.card-grid .card__follow{margin-top:12px}.card-grid .story+.story .card__follow{margin-top:8px;font-size:12px}.card-grid .story+.story .card__arrow{width:30px;height:30px}}@media (hover:none){.card-grid .story:hover picture{transform:none}}@media (prefers-reduced-motion:reduce){.card-grid .story:hover .card__img,.card-grid .story:hover picture,.card-grid .card:hover .card__stamp{transform:none}}