[data-category=design]{--cat-accent: var(--color-supreme);--cat-tint: rgba(255, 77, 0, .06);--cat-tint-strong: rgba(255, 77, 0, .12)}[data-category=engineering]{--cat-accent: var(--color-blue);--cat-tint: rgba(43, 61, 79, .06);--cat-tint-strong: rgba(43, 61, 79, .12)}[data-category=thinking]{--cat-accent: var(--color-tan);--cat-tint: rgba(184, 151, 122, .06);--cat-tint-strong: rgba(184, 151, 122, .12)}.blog-index{padding-block:var(--space-9) var(--space-10);min-height:100svh}.blog-index-header{margin-block-end:var(--space-8)}.blog-index-title{font-family:var(--font-sans);font-size:var(--text-display-m);font-weight:500}.blog-index-subtitle{font-family:var(--font-text);font-size:var(--text-body-s);color:var(--color-gray-600);margin-block-start:var(--space-4)}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-7);max-width:var(--container-text)}.post-card-link{display:flex;align-items:flex-start;gap:var(--space-6);text-decoration:none;color:inherit}.post-card-link:focus-visible{outline:2px solid var(--color-supreme);outline-offset:var(--space-4);border-radius:var(--radius-sm)}.post-card-thumb{position:relative;flex-shrink:0;width:120px;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--thumb-bg, var(--color-gray-200))}.post-card-new{position:absolute;top:var(--space-3);left:var(--space-3);font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:var(--tracking-normal);text-transform:uppercase;color:var(--color-white);background:var(--color-dark);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);line-height:var(--leading-normal);z-index:1}.post-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out)}.post-card-link:hover .post-card-img{transform:scale(1.05)}.post-card-placeholder{width:100%;height:100%}.post-card-body{padding-block-start:var(--space-3)}.post-card-title{font-family:var(--font-sans);font-size:var(--text-body-l);font-weight:500;margin:0;line-height:var(--leading-snug);color:var(--color-copenhagen);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.15em;transition:text-decoration-color var(--duration-fast) var(--ease-out)}.post-card-link:hover .post-card-title{text-decoration-color:currentColor}.post-card-meta{font-family:var(--font-sans);font-size:var(--text-ui-xs);letter-spacing:var(--tracking-normal);color:var(--color-gray-500);margin-block-start:var(--space-4);display:flex;gap:var(--space-3)}.blog-post{padding-block:var(--space-9) var(--space-10);max-width:var(--container-text);margin-inline:auto}.post-header{margin-block-end:var(--space-8);padding-block-end:var(--space-7);border-block-end:1px solid var(--color-gray-300)}.post-category{display:inline-block;font-family:var(--font-sans);font-size:var(--text-label);text-transform:uppercase;letter-spacing:var(--tracking-normal);color:var(--cat-accent, var(--color-supreme));background:var(--cat-tint-strong, rgba(255, 77, 0, .12));padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin:0}.post-title{font-family:var(--font-sans);font-size:var(--text-display-l);font-weight:400;margin-block:var(--space-5) var(--space-5);line-height:var(--leading-tight)}.post-meta{font-family:var(--font-sans);font-size:var(--text-label);color:var(--color-gray-500);display:flex;gap:var(--space-4)}.post-meta-sep{color:var(--color-gray-300)}.post-body{font-family:var(--font-text);font-size:var(--text-body-m);line-height:var(--leading-body);color:var(--color-text-body)}.post-body h2,.post-body h3,.post-body h4{font-family:var(--font-sans);font-weight:500;line-height:var(--leading-normal)}.post-body h2{font-size:var(--text-display-s);margin-block:var(--space-8) var(--space-4)}.post-body h3{font-size:24px;margin-block:var(--space-7) var(--space-4)}.post-body h4{font-size:var(--text-body-m);font-weight:600;margin-block:var(--space-7) var(--space-4)}.post-body p{margin-block:0 var(--space-6)}.post-body ul,.post-body ol{padding-inline-start:var(--space-6);margin-block:0 var(--space-6)}.post-body li{margin-block-end:var(--space-4)}.post-body li::marker{color:var(--color-gray-400)}.post-body blockquote{border-inline-start:3px solid var(--color-supreme);padding-inline-start:var(--space-6);margin-inline:0;margin-block:var(--space-7);color:var(--color-gray-700);font-style:italic}.post-body hr{border:none;border-top:1px solid var(--color-gray-300);margin-block:var(--space-8)}.post-body pre{background-color:#b8977a14;color:var(--color-copenhagen);border:1px solid rgba(184,151,122,.15);padding:var(--space-6);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--text-body-s);margin-block:var(--space-7)}.post-body code:not(pre code){font-size:.9em;padding:.15em .4em;background:#b8977a14;border:1px solid rgba(184,151,122,.12);border-radius:var(--radius-sm)}.post-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin-block:var(--space-7)}.post-body a{color:var(--color-supreme);text-decoration-thickness:1px;text-underline-offset:.15em;transition:text-decoration-thickness var(--duration-fast) var(--ease-out)}.post-body a:hover{text-decoration-thickness:2px}.post-footer{margin-block-start:var(--space-9);padding-block-start:var(--space-7);border-block-start:1px solid var(--color-gray-300)}.post-tags{font-family:var(--font-sans);font-size:var(--text-label);color:var(--color-gray-500);margin-block-end:var(--space-6)}.back-to-blog{font-family:var(--font-sans);font-size:var(--text-body-s);color:var(--color-supreme);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.15em;transition:text-decoration-color var(--duration-fast) var(--ease-out)}.back-to-blog:hover{text-decoration-color:var(--color-supreme)}.post-nav{display:flex;justify-content:space-between;margin-block-start:var(--space-7);gap:var(--space-6)}.post-nav-link{text-decoration:none;color:inherit;padding:var(--space-5) var(--space-6);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out)}.post-nav-link:hover{border-color:var(--color-supreme)}.post-nav-link:hover .post-nav-title{color:var(--color-supreme)}.post-nav-link:focus-visible{outline:2px solid var(--color-supreme);outline-offset:2px}.post-nav-next{text-align:end;margin-inline-start:auto}.post-nav-label{font-family:var(--font-sans);font-size:var(--text-label);color:var(--color-gray-500);display:block}.post-nav-title{font-family:var(--font-sans);font-size:var(--text-body-s);font-weight:500;display:block;margin-block-start:var(--space-2);transition:color var(--duration-fast) var(--ease-out)}@media(max-width:768px){.blog-index-title{font-size:var(--text-display-s)}.post-card-thumb{width:89px}.post-title{font-size:var(--text-display-s)}.post-nav{flex-direction:column}.post-nav-link{width:100%}.post-nav-next{text-align:start;margin-inline-start:0}}@media(prefers-reduced-motion:reduce){.post-card-title,.post-card-img,.post-body a,.back-to-blog,.post-nav-link,.post-nav-title{transition-duration:.01ms}}