:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 20px;--space-5: 32px;--space-6: 52px;--space-7: 84px;--space-8: 136px;--space-9: 220px;--font-family-sans: Inter;--font-family-serif: PT Serif;--font-family-mono: IBM Plex Mono;--font-size-0: 12px;--font-size-1: 14px;--font-size-2: 16px;--font-size-3: 18px;--font-size-4: 20px;--font-size-5: 24px;--font-size-6: 30px;--font-size-7: 36px;--font-size-8: 48px;--font-size-9: 60px;--font-size-10: 72px;--line-height-0: 16px;--line-height-1: 20px;--line-height-2: 24px;--line-height-3: 28px;--line-height-4: 28px;--line-height-5: 32px;--line-height-6: 36px;--line-height-7: 40px;--line-height-8: 48px;--line-height-9: 60px;--line-height-10: 72px;--line-height-11: 96px;--line-height-12: 128px;--white: #fff;--black: #101112;--gray-200: #ced2d9;--gray-600: #6e7683;--blue-600: #1e61cd;--magenta-100: #f9d7eb;--max-width-0: 320px;--max-width-1: 768px}html{background-color:var(--white);font-family:var(--font-family-sans),var(--font-family-serif),sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}.post{width:100%;margin:var(--space-1) 0 var(--space-4)}.post .post__cover,.post .post__cover--none{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.post .post__cover--none{background:var(--black)}.post .post__container{padding:0 var(--space-3)}.post .post__content{font-family:var(--font-family-serif);font-weight:400;font-size:var(--font-size-4);line-height:var(--line-height-5);letter-spacing:-.02em;margin-top:var(--space-6)}.post .post__content blockquote{border-left:5px solid var(--black);padding-left:var(--space-3);margin-left:var(--space-4)}.post .post__content a{color:var(--blue-600);text-decoration:none}.post .post__title{font-family:var(--font-family-sans);font-size:var(--font-size-7);line-height:var(--line-height-6);margin:var(--space-4) 0;font-weight:800}.post .post__excerpt{font-family:var(--font-family-serif);font-size:var(--font-size-5);line-height:var(--line-height-4);margin-top:0;font-weight:400}.post .post__date{font-weight:600;font-family:var(--font-family-sans);font-size:var(--font-size-1);line-height:var(--line-height-1);margin-top:var(--space-4)}@media (min-width: 800px){.post .post__title{font-size:var(--font-size-10);line-height:var(--line-height-10);margin:var(--space-6) 0 0;letter-spacing:-.025em}.post .post__excerpt{font-size:var(--font-size-5);line-height:var(--line-height-5);margin-top:var(--space-3);margin-bottom:var(--space-3)}.post .post__date{font-size:var(--font-size-3);line-height:var(--line-height-2);margin-top:var(--space-0)}.post .post__content{margin-top:var(--space-7)}}.card{display:flex;flex-direction:column;padding:var(--space-2);padding:9px;position:relative;border-bottom:1px solid #ced2d9}.card .card__container{margin:0 var(--space-1) 0}.card .card__cover{width:100%;height:231px;-o-object-fit:cover;object-fit:cover}.card .card__cover--none{width:100%;height:231px;background:var(--black)}.card .card__title{font-family:var(--font-family-sans);font-weight:800;font-size:var(--font-size-7);line-height:var(--line-height-6);letter-spacing:-.025em;margin:var(--space-3) 0}.card .card__excerpt{font-family:var(--font-family-serif);font-weight:400;font-size:var(--font-size-4);line-height:var(--line-height-3);margin-top:0}.card .card__date{font-weight:600;font-family:var(--font-family-sans);font-size:var(--font-size-1);margin-top:calc(var(----space-4) + 7)}.card .card__link{color:var(--black);text-decoration:none}.card .card__link:hover{opacity:.8;transition:.2s}.card .card__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}@media (min-width: 575px){.card{border:1px solid #ced2d9;border-bottom:none}.card .card__title{margin-top:var(--space-4)}.card:last-child{border-bottom:1px solid #ced2d9}}@media (min-width: 800px){.card{flex-direction:row}.card .card__container{margin:0 var(--space-4) 0}.card .card__cover,.card .card__cover--none{min-width:366.5px;max-width:366.5px;max-height:231px}}
