@media only screen and (min-width:0rem){#blog-hero,#post-hero{background:var(--brand-ink);color:#fff;padding:clamp(8rem,14vw,11rem) 1rem clamp(4.5rem,8vw,6.5rem)}#blog-hero .cs-container,#post-hero .cs-container{margin:auto;max-width:80rem;width:100%}#blog-hero .cs-topper,#post-hero .cs-topper{color:var(--brand-accent-light);font-family:var(--font-mono);font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}#blog-hero h1,#post-hero h1{color:#fff;font-family:var(--font-display);font-size:clamp(3rem,7vw,5.25rem);font-weight:800;letter-spacing:-.04em;line-height:.98em;margin:1rem 0;max-width:56.25rem}#blog-hero p,#post-hero p{color:var(--brand-accent-soft);font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.55em;margin:0;max-width:38.75rem}#post-hero{padding-bottom:clamp(3.5rem,7vw,5.25rem)}#post-hero h1{max-width:61.25rem}.cs-back-link{color:var(--brand-accent-light);font-family:var(--font-mono);font-size:.8125rem;font-weight:600;letter-spacing:.04em;margin-bottom:clamp(2.5rem,5vw,4rem);text-decoration:none;width:-moz-fit-content;width:fit-content}.cs-back-link:focus-visible,.cs-back-link:hover{color:#fff;text-decoration:underline}.cs-author-group{align-items:center;display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:.75rem;font-weight:600;gap:.625rem;letter-spacing:.04em;text-transform:uppercase}.cs-author-name,.cs-date{color:#61707b}#post-hero .cs-author-name,#post-hero .cs-date{color:var(--brand-accent-soft)}.cs-dot{background:var(--brand-accent);border-radius:50%;height:.25rem;width:.25rem}#blog-listing,#single-article{background:var(--brand-paper);padding:clamp(4rem,9vw,7rem) 1rem}#blog-listing>.cs-container,#single-article>.cs-container{margin:auto;max-width:80rem;width:100%}.cs-listing-layout,.cs-reading-layout{display:grid;gap:clamp(3rem,7vw,5rem);grid-template-columns:1fr}.cs-post-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.cs-listing-heading{margin-bottom:clamp(1rem,2vw,1.5rem)}.cs-listing-heading .cs-topper,.cs-listing-heading h2{margin:0}.cs-listing-heading .cs-topper{color:var(--brand-accent);font-family:var(--font-mono);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cs-listing-heading h2{color:var(--brand-ink);font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.04em;margin-top:.5rem}.cs-article{background:#fff;border:1px solid rgba(4,34,64,.16);border-radius:1rem;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.cs-article-image{aspect-ratio:16/8;background:var(--brand-accent-soft);display:block;overflow:hidden}.cs-article-image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease;width:100%}.cs-article-group{padding:clamp(1.5rem,4vw,2.25rem)}.cs-article-title{font-family:var(--font-display);font-size:clamp(1.625rem,3vw,2.125rem);font-weight:800;letter-spacing:-.025em;line-height:1.08em;margin:1rem 0 .75rem}.cs-article-title a{color:var(--brand-ink);text-decoration:none}.cs-article-desc{color:#4a5761;font-size:1rem;line-height:1.55em;margin:0 0 1.5rem}.cs-read-link{color:var(--brand-accent);font-family:var(--font-mono);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.cs-read-link span{display:inline-block;margin-left:.25rem;transition:transform .2s ease}.cs-read-link:focus-visible span,.cs-read-link:hover span{transform:translateX(.25rem)}#blog-sidebar{max-width:none;width:100%}#blog-sidebar .cs-featured-group{background:var(--brand-accent-soft);border:1px solid rgba(4,34,64,.16);border-radius:1rem;padding:clamp(1.5rem,4vw,2rem)}#blog-sidebar .cs-sidebar-header{color:var(--brand-ink);display:block;font-family:var(--font-display);font-size:1.375rem;font-weight:800;margin-bottom:1.125rem}#blog-sidebar .cs-sidebar-link{align-items:center;border-top:1px solid rgba(4,34,64,.14);display:grid;gap:.875rem;grid-template-columns:3.5rem 1fr;padding:1rem 0;text-decoration:none}#blog-sidebar .cs-sidebar-img{border-radius:.625rem;height:3.5rem;overflow:hidden;width:3.5rem}#blog-sidebar .cs-sidebar-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#blog-sidebar .cs-sidebar-title{color:var(--brand-ink);font-family:var(--font-display);font-size:1rem;font-weight:800;line-height:1.15em;margin:0 0 .25rem}#blog-sidebar .cs-sidebar-date{color:#4a5761;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cs-article-post{max-width:50rem;width:100%}#single-article .cs-article-image{aspect-ratio:16/9;border:1px solid rgba(4,34,64,.16);border-radius:1rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.cs-article-content{border-top:1px solid rgba(4,34,64,.18);color:#4a5761;padding-top:clamp(2rem,4vw,3rem)}.cs-article-content h2,.cs-article-content h3,.cs-article-content h4,.cs-article-content h5,.cs-article-content h6{color:var(--brand-ink);font-family:var(--font-display);font-weight:800;line-height:1.1em;margin:clamp(2.25rem,5vw,3.5rem) 0 .75rem}.cs-article-content h2{font-size:clamp(1.75rem,3vw,2.5rem)}.cs-article-content h3{font-size:clamp(1.375rem,2.5vw,1.875rem)}.cs-article-content li,.cs-article-content p{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7em}.cs-article-content p{margin:0 0 1.25rem}.cs-article-content a{color:var(--brand-accent);text-decoration-thickness:1px;text-underline-offset:.1875rem}.cs-article-content ol,.cs-article-content ul{margin:0 0 1.5rem;padding-left:1.5rem}.cs-article-content li{margin-bottom:.625rem}.cs-article-content blockquote{background:var(--brand-accent-soft);border-left:.25rem solid var(--brand-accent);color:var(--brand-ink);margin:clamp(2rem,5vw,3rem) 0;padding:clamp(1.5rem,4vw,2rem)}.cs-article-content blockquote p{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:1.35em;margin:0}.cs-empty-state{background:#fff;border:1px solid rgba(4,34,64,.16);border-radius:1rem;max-width:38.75rem;padding:clamp(2rem,5vw,3.5rem)}.cs-empty-state .cs-topper{color:var(--brand-accent);font-family:var(--font-mono);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cs-empty-state h2{color:var(--brand-ink);font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.05em;margin:.75rem 0}.cs-empty-state p{color:#4a5761;margin:0}}@media only screen and (min-width:48rem){.cs-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-listing-heading{grid-column:1/-1}}@media only screen and (min-width:64rem){.cs-listing-layout{align-items:start;grid-template-columns:minmax(0,1fr) 20rem}.cs-reading-layout{align-items:start;grid-template-columns:minmax(0,50rem) 17.5rem;justify-content:space-between}#blog-sidebar{position:sticky;top:7rem}}@media (hover:hover){.cs-article:hover{border-color:rgba(var(--brand-accent-rgb),.5);box-shadow:0 .75rem 1.75rem rgba(4,34,64,.1);transform:translateY(-.25rem)}.cs-article:hover .cs-article-image img{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.cs-article,.cs-article-image img,.cs-read-link span{transition:none}}