export function EditorialArticleCard() {
  return (
    <div className="bg-[#F4F3EF] p-12 grid place-items-center">
      <article className="w-full max-w-sm bg-[#FAFAF8] border border-[#1111111A]">
        <div
          className="aspect-[4/3] border-b border-[#1111111A]"
          style={{
            background:
              "linear-gradient(135deg, #2A3D2F 0%, #1F2D24 50%, #111111 100%)",
          }}
        />
        <div className="p-6">
          <div
            className="font-mono text-[10px] uppercase tracking-[0.16em] text-[#6B6B66] mb-3"
          >
            Essay · 12 min read
          </div>
          <h3
            className="text-[#111111] tracking-[-0.015em] leading-[1.1]"
            style={{
              fontFamily: "'Instrument Serif', Georgia, serif",
              fontSize: 26,
            }}
          >
            On <span className="italic">restraint</span> as a competitive
            advantage.
          </h3>
          <p className="text-[14px] text-[#6B6B66] leading-[1.5] mt-3">
            Why removing things from your landing page is harder — and more
            valuable — than adding them.
          </p>
          <div className="flex items-center justify-between mt-6 pt-4 border-t border-[#1111111A]">
            <span className="text-[12px] text-[#6B6B66]">By the editors</span>
            <span className="font-mono text-[11px] text-[#111111]">→</span>
          </div>
        </div>
      </article>
    </div>
  );
}
Editorial Article Card

On restraint as a competitive advantage.
