:root{--color-primary-100: hsl(173, 58%, 69%);--color-primary-200: hsl(173, 58%, 59%);--color-primary-300: #34c5b5;--color-primary-400: #2a9d90;--color-primary-500: #24897d;--color-primary-600: hsl(173, 58%, 29%);--color-primary-700: hsl(173, 58%, 24%);--color-primary-800: hsl(173, 58%, 19%);--color-accent-100: hsl(35, 83%, 76%);--color-accent-200: hsl(35, 83%, 66%);--color-accent-300: hsl(35, 83%, 56%);--color-accent-400: hsl(35, 83%, 50%);--color-accent-500: hsl(35, 83%, 45%);--color-accent-600: hsl(35, 83%, 26%);--color-accent-700: hsl(35, 83%, 16%);--color-cta-100: hsl(50, 100%, 89%);--color-cta-200: hsl(50, 100%, 78%);--color-cta-300: hsl(50, 100%, 67%);--color-cta-400: hsl(50, 100%, 58%);--color-cta-500: hsl(50, 100%, 47%);--color-cta-600: hsl(50, 100%, 36%);--color-cta-700: hsl(50, 100%, 25%);--color-danger-100: #fee2e2;--color-danger-200: #fecaca;--color-danger-300: #fca5a5;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-800: #991b1b;--color-slate-25: hsl(210, 50%, 99%);--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: rgb(226, 232, 240);--color-slate-300: #cbd5e1;--color-slate-400: #92a5b9;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a}body{background-color:#fff}.hero-wrapper{box-shadow:none}.posts-wrapper{padding:6rem 0rem}.posts .post{display:flex;justify-content:center}.posts .post .published-wrapper{flex-basis:20%;flex-shrink:0;padding-right:2.5rem}.posts .post .published{text-align:right;font-size:.9375rem;color:#475569;letter-spacing:-.025em}.posts .post .preview-wrapper{flex-basis:50%;position:relative;padding-left:3rem;padding-bottom:4rem}.posts .post .preview-wrapper:after{content:" ";width:.75rem;height:.75rem;top:0;left:0;position:absolute;border:2px solid #cbd5e1;background-color:#fff;border-radius:50%;transform:translate(-50%)}.posts .post .preview-wrapper:before{content:" ";top:0;left:0;border-left:1px solid rgb(226,232,240);height:100%;position:absolute}.posts .post .preview{padding:.75rem 1rem;border-radius:.5rem;transition:all .125s ease;position:relative;margin-top:-1rem}.posts .post .preview:hover{background-color:#f8fafc}.posts .post .preview .title-wrapper{margin-bottom:.75rem}.posts .post .preview .title{font-size:1.25rem;color:#1e293b;font-weight:500}.posts .post .preview .description{color:#334155;font-size:.9375rem;line-height:1.75em}.posts .post .preview .action{font-weight:500;font-size:.875rem;color:#2a9d90}.posts .post .preview .link-overlay{position:absolute;left:0;height:100%;top:0;width:100%}@media(max-width:1200px){.posts .post .published-wrapper{flex-basis:15rem;flex-shrink:0}.posts .post .preview-wrapper{flex-grow:1}}@media(max-width:992px){.posts .post{flex-direction:column;position:relative}.posts .post .published-wrapper{flex-basis:unset;width:100%;padding-left:1rem;margin-left:1rem;position:absolute;top:-.5rem}.posts .post .preview-wrapper{flex-basis:unset;padding-left:1rem;margin-left:1rem}.posts .post .published{text-align:left;font-size:.8375rem;color:#64748b;letter-spacing:-.025em;margin-left:1rem}.posts .post .preview{margin-top:.5rem}}@media(max-width:576px){.posts .post .published-wrapper,.posts .post .preview-wrapper{padding-left:0;margin-left:0}.posts .post .preview .description{font-size:.9375rem}.posts .post .preview .title{font-size:1.5rem}}