.blog{--blog-aside: 20rem;--blog-rule: var(--color-accent-light);display:grid;grid-template-columns:minmax(0,1fr) 20rem;grid-template-columns:minmax(0,1fr) var(--blog-aside);grid-gap:var(--space-xl);gap:var(--space-xl);align-items:start;padding-top:var(--space-lg);padding-bottom:var(--space-2xl)}.blog__main{min-width:0}.blog-intro>:not(.rake-rule),.post__header>:not(.rake-rule){margin-left:calc(-1*max(0px,(100vw - var(--container-max)) / 2))}.blog__aside{position:sticky;top:calc(4.8rem + var(--space-md))}@media(max-width:900px){.blog{grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding-top:var(--space-md);padding-bottom:var(--space-lg)}.blog__aside{position:static;padding-top:var(--space-md)}}.blog-eyebrow{display:flex;align-items:center;gap:.6em;font-family:var(--font-title);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-dark)}.blog-eyebrow a:hover{color:var(--color-accent-dark)}.blog-section-title{font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.14em;color:var(--color-dark)}.blog-arrow-link{display:inline-flex;gap:.4em;font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent-dark);transition:color var(--transition-base)}.blog-arrow-link span{transition:transform var(--transition-base)}.blog-arrow-link:hover{color:var(--color-dark)}.blog-arrow-link:hover span{transform:translate(3px)}.tile-hero{--tile: max(44px, min(4.2vw, 64px));--tile-gap: max(8px, min(.9vw, 14px));padding-top:var(--space-lg);overflow:hidden}.tile-hero__grid{display:grid;grid-template-columns:repeat(var(--cols),var(--tile));grid-gap:var(--tile-gap);gap:var(--tile-gap);padding-left:var(--container-padding)}.tile-hero__grid .post-glyph{width:var(--tile);height:var(--tile)}.post-glyph.post-glyph--dark{stroke:var(--color-dark)}.blog-intro{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);margin-bottom:var(--space-lg)}.blog-intro .rake-rule{margin-top:var(--space-sm)}.rake-rule{--rake-bleed: max(0px, (100vw - var(--container-max)) / 2);position:relative}.rake-rule__svg{position:absolute;top:0;left:calc(-1 * var(--rake-bleed));width:calc(100% + var(--rake-bleed));max-width:none;overflow:visible;fill:none;stroke:var(--color-accent-medium);stroke-width:1}.blog-intro__title{font-size:var(--font-size-2xl);letter-spacing:.04em}.blog-intro__lede{color:var(--color-accent-dark);font-size:var(--font-size-lg);font-weight:300}.post-list__empty{padding-top:var(--space-lg);padding-bottom:var(--space-lg);color:var(--color-dark-50)}.post-card{display:grid;grid-template-columns:4rem minmax(0,1fr);grid-gap:var(--space-md);gap:var(--space-md);padding-top:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--blog-rule)}.post-card__glyph{padding-top:.3rem}.post-card__body{display:grid;grid-gap:.6rem;gap:.6rem;justify-items:start}.post-card__title{font-size:var(--font-size-xl);font-weight:500;line-height:1.15;letter-spacing:0;text-transform:none;text-wrap:balance}.post-card__title a{background:linear-gradient(var(--color-accent),var(--color-accent)) 0 100% / 0 1px no-repeat;transition:background-size var(--transition-base),color var(--transition-base)}.post-card__title a:hover{color:var(--color-accent-dark);background-size:100% 1px}.post-card__cover{display:block;width:100%;margin-bottom:.4rem;overflow:hidden;border-radius:.3rem;background:var(--color-accent-lighter)}.post-card__cover img{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.post-card__cover:hover img{transform:scale(1.02)}.post-card__excerpt{color:color-mix(in srgb,var(--color-dark) 80%,transparent)}@media(max-width:640px){.post-card{grid-template-columns:2.75rem minmax(0,1fr);gap:var(--space-sm);padding-top:var(--space-md);padding-bottom:var(--space-md)}.post-card .post-glyph{width:2.75rem;height:2.75rem}}.post-glyph{flex-shrink:0;fill:none;stroke:var(--color-accent);stroke-width:.8;transition:stroke var(--transition-base)}.post-glyph .post-glyph__sand,.post-glyph .post-glyph__stone{fill:none;stroke:none}.post-card:hover .post-glyph{stroke:var(--color-dark)}.post-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-dark-50)}.post-meta>*+*:before{content:"—";margin-right:1.1rem;color:var(--color-accent)}.post-meta__type{color:var(--color-accent-dark);transition:color var(--transition-base)}.post-meta__type:hover{color:var(--color-dark)}.post-meta__draft{color:#b4532a}.blog-tags{display:flex;flex-wrap:wrap;gap:.4rem}.blog-tag{display:inline-flex;align-items:center;gap:.45em;padding:calc(.35em - 1px) calc(.9em - 1px);border:1px solid var(--color-accent-light);border-radius:1.6rem;font-size:var(--font-size-xs);color:var(--color-accent-dark);transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}.blog-tag:hover{border-color:var(--color-accent);color:var(--color-dark)}.blog-tag[aria-current=page]{border-color:var(--color-accent-dark);background-color:var(--color-accent-dark);color:var(--color-clear)}.blog-tag__count{font-size:.85em;opacity:.6}.blog-tags--inline{margin-top:.3rem}.blog-aside{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.blog-aside__block{--card-pad: 1.5rem;display:grid;grid-gap:.75rem;gap:.75rem;justify-items:start;margin-left:1.5rem;margin-right:1.5rem;margin-left:var(--card-pad);margin-right:var(--card-pad)}.blog-aside__block--card{margin-left:0;margin-right:0;padding:var(--card-pad);background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #1c16230a,0 16px 40px -16px #1c162324}.blog-aside__block:not(.blog-aside__block--card)+.blog-aside__block{padding-top:var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-accent) 14%,transparent)}.blog-aside__mark{width:3.5rem;height:3.5rem;border-radius:.3rem}.blog-aside__bio{font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-dark) 80%,transparent)}.blog-aside__links{display:grid;grid-gap:.35rem;gap:.35rem}.post__header{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);margin-bottom:var(--space-lg)}.post__header .rake-rule{margin-top:var(--space-xs)}.post__title{font-size:var(--font-size-2xl);line-height:1.1;letter-spacing:0;text-transform:none;text-wrap:balance}.post__footer{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--blog-rule)}.post__footer .blog-tags--inline{margin-top:0}.post-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-md)}.post-nav__link{display:grid;grid-gap:.4rem;gap:.4rem;align-content:start;padding:var(--space-sm);border:1px solid var(--blog-rule);border-radius:.3rem;font-family:var(--font-title);font-size:var(--font-size-base);transition:border-color var(--transition-base),background-color var(--transition-base)}.post-nav__link:hover{border-color:var(--color-accent);background:var(--color-accent-lighter)}.post-nav__link--next{text-align:right}.post-nav__link--next .blog-eyebrow{justify-content:flex-end}@media(max-width:640px){.post-nav{grid-template-columns:1fr}}.prose{font-size:calc(var(--font-size-base) * 1.06);line-height:1.75}.prose>*+*{margin-top:1.25em}.prose p,.prose li{max-width:68ch}.prose h2,.prose h3,.prose h4{margin-top:2.2em;text-transform:none;letter-spacing:0}.prose h2{font-size:var(--font-size-xl)}.prose h3{font-size:var(--font-size-lg)}.prose h4{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:500}.prose a{color:var(--color-accent-dark);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--color-accent-light);text-underline-offset:.2em;transition:text-decoration-color var(--transition-base)}.prose a:hover{text-decoration-color:currentColor}.prose strong{font-weight:600}.prose ul,.prose ol{padding-left:1.3em}.prose ul{list-style:none}.prose ul>li{position:relative}.prose ul>li:before{content:"";position:absolute;left:-1.1em;top:.8em;width:.55em;height:1.5px;background:var(--color-accent)}.prose ol{list-style:decimal}.prose ol ::marker{color:var(--color-accent-dark);font-weight:500}.prose li+li{margin-top:1.2em}.prose blockquote{padding:.2em 0 .2em 1.2em;border-left:2px solid var(--color-accent);font-family:var(--font-title);font-size:var(--font-size-lg);font-weight:300;line-height:1.5;color:var(--color-accent-dark)}.prose hr{border:none;height:1px;background:var(--blog-rule);margin-top:2.5em;margin-bottom:2.5em}.prose :not(pre)>code{padding:.1em .35em;border-radius:.25em;background:var(--color-accent-lighter);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84em}.prose .expressive-code{margin-top:1.75em;margin-bottom:1.75em}.prose .expressive-code pre{margin:0}.prose .expressive-code code{font-feature-settings:none;font-variant-ligatures:none}.prose img,.prose video{border-radius:.3rem}.prose table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.prose th,.prose td{padding:.5em .75em;border-bottom:1px solid var(--blog-rule);text-align:left}.prose th{font-weight:500}.prose>iframe{width:100%;aspect-ratio:16 / 9;border:1px solid var(--blog-rule);border-radius:.3rem}.embed{margin-top:2em;margin-bottom:2em;overflow:hidden;background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #1c16230a,0 16px 40px -16px #1c162324}.embed iframe{display:block;width:100%;border:0;background:transparent}.embed figcaption{display:flex;justify-content:space-between;gap:var(--space-sm);padding:.75rem 1.25rem;border-top:1px solid color-mix(in srgb,var(--color-accent) 12%,transparent);font-size:var(--font-size-xs);letter-spacing:.04em;color:var(--color-accent-dark)}.embed figcaption a{-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}.embed--bleed{margin-left:calc(-1*max(0px,(100vw - var(--container-max)) / 2))}.embed--bleed figcaption{padding-left:calc(1.25rem + max(0px,(100vw - var(--container-max)) / 2))}.embed--tall iframe,.embed--square iframe{max-height:36rem}
