@layer components{.art-meta{flex-wrap:wrap;gap:4px 14px;display:flex}.art-meta[data-size=s]{font-size:max(10px, var(--mono-min));letter-spacing:.2em}.art-kicker{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-cyan);font-size:11px;line-height:1.5}.art-kicker[data-tone=mute]{color:var(--color-mute)}.art-line{flex-wrap:wrap;align-items:baseline;column-gap:14px;display:flex}.art-date{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);font-size:11px;line-height:1.5}.art-meta.art-date-line{font-size:11px}.art-card{flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:relative}.art-card[data-variant=featured]{gap:16px}.art-card[data-variant=featured] .art-frame{margin-bottom:4px}.art-card-link{color:inherit;text-decoration:none}.art-card-link:after{content:"";z-index:1;position:absolute;inset:0}.art-card:has(.art-card-link:focus-visible){outline:1px solid var(--color-cyan);outline-offset:4px}.art-card-link:focus-visible{outline:none}.art-title{background:linear-gradient(var(--color-cyan), var(--color-cyan)) left bottom / 0% 2px no-repeat;transition:background-size .7s var(--ease-sig);text-wrap:balance;margin-bottom:-6px;padding-bottom:6px}.art-card[data-variant=featured] .art-title{letter-spacing:-.025em;font-size:28px;line-height:1.05}.art-card[data-variant=column] .art-title,.art-card[data-variant=grid] .art-title{font-size:22px;line-height:1.1}.art-card[data-variant=compact] .art-title,.art-card[data-variant=related] .art-title{font-size:20px;line-height:1.15}@media (min-width:64rem){.art-card[data-variant=featured] .art-title{font-size:40px}.art-card[data-variant=column] .art-title,.art-card[data-variant=grid] .art-title{font-size:26px}.art-card[data-variant=compact] .art-title{font-size:22px}.art-card[data-variant=related] .art-title{font-size:24px}}.art-lead{font-size:max(14px, var(--text-min));color:var(--color-off-soft);line-height:1.55}.art-card[data-variant=featured] .art-lead{max-width:620px;font-size:17px;line-height:1.5}.art-frame{aspect-ratio:16/9;background:var(--color-panel);width:100%;position:relative;overflow:hidden}.art-img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-medium) var(--ease-out);display:block}.art-frame-empty{background:var(--color-panel);position:absolute;inset:0}.art-frame-chip{font-family:var(--font-mono);font-size:max(9px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);line-height:1.4;position:absolute;bottom:10px;left:12px}.art-frame:has(.art-img) .art-frame-chip{color:var(--color-cyan)}.art-read{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-off);align-items:center;gap:8px;font-size:12px;line-height:1.5;display:none}@media (hover:hover){.art-read{opacity:0;transition:opacity var(--dur-default) var(--ease-out), transform var(--dur-default) var(--ease-out);display:inline-flex;transform:translate(-8px)}.art-card:hover .art-title{background-size:100% 2px}.art-card:hover .art-img{transform:scale(1.03)}.art-card:hover .art-read{opacity:1;transform:none}}.art-card:has(.art-card-link:focus-visible) .art-title{background-size:100% 2px}.art-card:has(.art-card-link:focus-visible) .art-read{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.art-img,.art-read,.art-title{transition:none}.art-card:hover .art-img,.art-read,.art-card:hover .art-read{transform:none}}.art-chips{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.art-chips-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);font-size:11px;line-height:1.5}.art-chips-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.art-chip{border:1px solid var(--color-line-2);min-height:44px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-off-soft);transition:border-color var(--dur-default) var(--ease-out), color var(--dur-default) var(--ease-out), background-color var(--dur-default) var(--ease-out);align-items:center;padding:6px 12px;font-size:11px;line-height:1.4;text-decoration:none;display:inline-flex}@media (min-width:64rem){.art-chip{min-height:0;font-size:12px}}@media (hover:hover){.art-chip:hover{border-color:var(--color-cyan);color:var(--color-cyan)}}.art-chip[aria-current=page]{border-color:var(--color-cyan);background:var(--color-cyan-veil);color:var(--color-cyan)}}