.blog-intro{padding-block:clamp(48px,7vw,88px) clamp(28px,3.5vw,40px)}.blog-intro .wrap{align-items:flex-start;display:flex;flex-direction:column;gap:18px}.blog-intro .display{font-size:clamp(36px,5.2vw,60px);max-width:14ch}.blog-intro .lede{max-width:54ch}.cat-filter{border-bottom:1px solid hsl(var(--divider))}.cat-filter .wrap{display:flex;gap:8px;overflow-x:auto;padding-block:14px;scrollbar-width:none}.cat-filter .wrap::-webkit-scrollbar{display:none}.cat-chip{background:transparent;border:1px solid transparent;border-radius:var(--radius-pill);color:hsl(var(--text-2));cursor:pointer;flex:none;font-family:var(--font-head);font-size:14px;font-weight:500;letter-spacing:-.005em;padding:9px 16px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);white-space:nowrap}.cat-chip:hover{background:hsl(var(--secondary));color:hsl(var(--text-1))}.cat-chip.is-active{background:hsl(var(--brand)/.1);border-color:hsl(var(--brand)/.22);color:hsl(var(--brand))}.cat-chip:focus-visible{box-shadow:0 0 0 3px hsl(var(--ring)/.3);outline:none}.featured{padding-block:clamp(40px,5vw,64px) clamp(8px,2vw,16px)}.featured-card{align-items:center;display:grid;gap:clamp(24px,3.5vw,48px);grid-template-columns:1fr;text-decoration:none}.featured-media{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.featured-card:hover .featured-media{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.featured-body{align-items:flex-start;display:flex;flex-direction:column;gap:18px}.featured-body .post-title{font-size:clamp(26px,3vw,38px)}.featured-body .post-excerpt{font-size:clamp(16px,1.4vw,18px)}.post-media{aspect-ratio:16/10;background-color:hsl(var(--secondary));background-image:repeating-linear-gradient(-45deg,hsl(var(--text-3)/.07) 0,hsl(var(--text-3)/.07) 1px,transparent 1px,transparent 11px);display:block;display:grid;overflow:hidden;place-items:center;position:relative}.post-media img{height:100%;object-fit:cover;width:100%}.post-media .ph-label{background:hsl(var(--card)/.7);border:1px solid hsl(var(--border));border-radius:var(--radius-pill);color:hsl(var(--text-3));font-size:11px;letter-spacing:.12em;padding:6px 12px}.post-cat,.post-media .ph-label{font-family:var(--font-mono);text-transform:uppercase}.post-cat{color:hsl(var(--brand));font-size:12px;letter-spacing:.13em}.post-title{color:hsl(var(--text-1));font-family:var(--font-head);font-size:clamp(19px,1.5vw,22px);font-weight:600;letter-spacing:-.015em;line-height:1.18;margin:0;text-wrap:balance;transition:color var(--dur) var(--ease)}.post-excerpt{color:hsl(var(--text-2));font-family:var(--font-body);font-size:15.5px;line-height:1.6;margin:0;text-wrap:pretty}.post-meta{align-items:center;display:flex;gap:10px}.post-meta .avatar{background-color:hsl(var(--text-3)/.18);background-image:repeating-linear-gradient(-45deg,hsl(var(--text-3)/.1) 0 1px,transparent 1px 8px);border:1px solid hsl(var(--border));border-radius:50%;flex:none;height:32px;object-fit:cover;width:32px}.post-meta .meta-text{display:flex;flex-direction:column;gap:1px}.post-author{color:hsl(var(--text-1));font-family:var(--font-head);font-size:13.5px;font-weight:500;line-height:1.3}.post-sub{color:hsl(var(--text-3));font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;line-height:1.3}.post-sub .dot{margin-inline:6px;opacity:.6}.post-list{padding-block:clamp(40px,5vw,64px)}.post-grid{display:grid;gap:clamp(28px,3.5vw,40px) 28px;grid-template-columns:1fr}.post-card{display:flex;flex-direction:column;gap:16px;text-decoration:none}.post-card .post-media{border:1px solid hsl(var(--border));border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.post-card:hover .post-media{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.post-card:hover .post-title{color:hsl(var(--brand))}.post-card:focus-visible{outline:none}.post-card:focus-visible .post-media{box-shadow:0 0 0 3px hsl(var(--ring)/.35)}.post-card-body{display:flex;flex-direction:column;gap:10px}.post-card-body .post-meta{margin-top:6px}.pagination{display:flex;margin-top:clamp(40px,5vw,64px)}.page-link,.pagination{align-items:center;gap:8px;justify-content:center}.page-link{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--text-2));cursor:pointer;display:inline-flex;font-family:var(--font-head);font-size:15px;font-weight:500;height:42px;min-width:42px;padding-inline:10px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.page-link:hover{background:hsl(var(--secondary));color:hsl(var(--text-1))}.page-link.is-active{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.page-link.is-disabled{opacity:.4;pointer-events:none}.page-ellipsis{color:hsl(var(--text-3));font-family:var(--font-mono);font-size:14px;padding-inline:4px}.newsletter{background:hsl(var(--card));border-block:1px solid hsl(var(--divider))}.newsletter .wrap{display:flex;flex-direction:column;gap:clamp(24px,3vw,36px)}.newsletter-copy{gap:14px;max-width:52ch}.newsletter-copy,.newsletter-form{display:flex;flex-direction:column}.newsletter-form{gap:12px;max-width:480px;width:100%}.newsletter-row{display:flex;flex-wrap:wrap;gap:10px}.newsletter-row input{background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:var(--radius-md);color:hsl(var(--text-1));flex:1 1 220px;font-family:var(--font-body);font-size:16px;min-width:0;padding:14px 16px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.newsletter-row input::placeholder{color:hsl(var(--text-3))}.newsletter-row input:focus-visible{border-color:hsl(var(--brand));box-shadow:0 0 0 3px hsl(var(--ring)/.16);outline:none}.newsletter-fine{color:hsl(var(--text-3));font-family:var(--font-body);font-size:13px}.read-progress{background:hsl(var(--brand));height:3px;left:0;position:fixed;top:0;transition:width 80ms linear;width:0;z-index:60}@media (prefers-reduced-motion:reduce){.read-progress{transition:none}}.article-head{padding-block:clamp(40px,6vw,72px) clamp(28px,3vw,36px)}.article-head .wrap{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.article-breadcrumb{align-items:center;color:hsl(var(--text-3));display:flex;font-family:var(--font-mono);font-size:12px;gap:8px;letter-spacing:.12em;text-transform:uppercase}.article-breadcrumb a{color:hsl(var(--text-3));transition:color var(--dur) var(--ease)}.article-breadcrumb a:hover{color:hsl(var(--brand))}.article-breadcrumb .sep{opacity:.55}.article-title{color:hsl(var(--text-1));font-family:var(--font-head);font-size:clamp(32px,4.6vw,54px);font-weight:600;letter-spacing:-.025em;line-height:1.08;margin:0;max-width:18ch;text-wrap:balance}.article-dek{color:hsl(var(--text-2));font-family:var(--font-body);font-size:clamp(17px,1.6vw,21px);line-height:1.55;margin:0;max-width:56ch;text-wrap:pretty}.article-byline{align-items:center;border-top:1px solid hsl(var(--divider));display:flex;gap:12px;margin-top:6px;padding-top:22px}.article-byline .avatar{background-color:hsl(var(--text-3)/.18);background-image:repeating-linear-gradient(-45deg,hsl(var(--text-3)/.1) 0 1px,transparent 1px 8px);border:1px solid hsl(var(--border));border-radius:50%;flex:none;height:44px;object-fit:cover;width:44px}.article-byline .meta-text{display:flex;flex-direction:column;gap:2px;text-align:left}.article-byline .post-author{font-size:15px}.article-byline .post-sub{font-size:12px}.article-cover{padding-block:0 clamp(36px,4.5vw,56px)}.article-cover .post-media{aspect-ratio:16/7.5;border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.article-layout{padding-block:0 clamp(48px,6vw,80px)}.article-layout .wrap{display:grid;gap:clamp(36px,5vw,64px);grid-template-columns:1fr}.toc{display:none}.toc-inner{display:flex;flex-direction:column;gap:14px;position:sticky;top:92px}.toc-title{color:hsl(var(--text-3));font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.toc-list{border-left:1px solid hsl(var(--divider));display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.toc-list a{border-left:2px solid transparent;color:hsl(var(--text-3));display:block;font-family:var(--font-body);font-size:14px;line-height:1.4;margin-left:-1px;padding:7px 0 7px 16px;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.toc-list a:hover{color:hsl(var(--text-1))}.toc-list a.is-active{border-left-color:hsl(var(--brand));color:hsl(var(--brand))}.prose{max-width:68ch}.prose>*+*{margin-top:1.45em}.prose p{color:hsl(var(--text-1));font-family:var(--font-body);font-size:18px;line-height:1.72;margin:0;text-wrap:pretty}.prose h2{font-size:clamp(24px,2.6vw,30px);letter-spacing:-.02em;line-height:1.18;margin:1.9em 0 0}.prose h2,.prose h3{color:hsl(var(--text-1));font-family:var(--font-head);font-weight:600;scroll-margin-top:96px}.prose h3{font-size:clamp(19px,1.9vw,22px);letter-spacing:-.012em;line-height:1.25;margin:1.6em 0 0}.prose h2+p,.prose h3+p{margin-top:.7em}.prose a{color:hsl(var(--brand));text-decoration:underline;text-decoration-color:hsl(var(--brand)/.35);text-underline-offset:3px;transition:text-decoration-color var(--dur) var(--ease)}.prose a:hover{text-decoration-color:hsl(var(--brand))}.prose strong{color:hsl(var(--text-1));font-weight:600}.prose ol,.prose ul{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:1.4em}.prose li{color:hsl(var(--text-1));font-family:var(--font-body);font-size:18px;line-height:1.66}.prose li::marker{color:hsl(var(--text-3))}.prose blockquote{border-left:2px solid hsl(var(--brand));color:hsl(var(--text-1));font-family:var(--font-accent);font-size:clamp(22px,2.4vw,27px);font-style:italic;font-weight:400;line-height:1.4;margin:2em 0;padding:4px 0 4px 28px;text-wrap:pretty}.prose blockquote p{color:inherit;font:inherit;margin:0}.prose figure{display:flex;flex-direction:column;gap:12px;margin:2.2em 0}.prose figure .post-media{aspect-ratio:16/9;border:1px solid hsl(var(--border));border-radius:var(--radius-md)}.prose figcaption{color:hsl(var(--text-3));font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-align:center}.prose hr{border:0;border-top:1px solid hsl(var(--divider));margin:2.4em 0}.prose code{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:6px;color:hsl(var(--text-1));font-family:var(--font-mono);font-size:.86em;padding:2px 6px}.callout{background:hsl(var(--brand)/.06);border:1px solid hsl(var(--brand)/.2);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;margin:2.2em 0;padding:clamp(22px,3vw,30px)}.callout .callout-label{color:hsl(var(--brand));font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.callout p{color:hsl(var(--text-1));font-size:17px;line-height:1.6;margin:0}.article-foot{max-width:68ch}.article-foot>*+*{margin-top:clamp(28px,3.5vw,40px)}.article-tags{border-top:1px solid hsl(var(--divider));display:flex;flex-wrap:wrap;gap:8px;padding-top:clamp(28px,3.5vw,40px)}.tag-chip{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:var(--radius-pill);color:hsl(var(--text-2));font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;padding:6px 13px;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tag-chip:hover{border-color:hsl(var(--brand)/.4);color:hsl(var(--brand))}.article-share{align-items:center;display:flex;gap:14px}.share-label{color:hsl(var(--text-3));font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.share-row{display:flex;gap:10px}.share-link{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--text-2));cursor:pointer;display:grid;height:40px;place-items:center;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);width:40px}.share-link:hover{background:hsl(var(--secondary));border-color:hsl(var(--text-3));color:hsl(var(--text-1))}.share-link svg{height:17px;width:17px}.author-box{align-items:flex-start;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;gap:18px;padding:clamp(22px,3vw,30px)}.author-box .avatar{background-color:hsl(var(--text-3)/.18);background-image:repeating-linear-gradient(-45deg,hsl(var(--text-3)/.1) 0 1px,transparent 1px 8px);border:1px solid hsl(var(--border));border-radius:50%;flex:none;height:60px;object-fit:cover;width:60px}.author-box .author-info{display:flex;flex-direction:column;gap:7px}.author-box .author-name{color:hsl(var(--text-1));font-family:var(--font-head);font-size:17px;font-weight:600}.author-box .author-role{color:hsl(var(--text-3));font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.author-box .author-bio{color:hsl(var(--text-2));font-family:var(--font-body);font-size:15px;line-height:1.6;margin:4px 0 0}.related{border-top:1px solid hsl(var(--divider))}.related .section-head{margin-bottom:clamp(28px,3.5vw,44px)}.related-grid{display:grid;gap:clamp(28px,3.5vw,40px) 28px;grid-template-columns:1fr}@media (min-width:640px){.post-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.newsletter .wrap{align-items:center;flex-direction:row;justify-content:space-between}.newsletter-copy{flex:1}}@media (min-width:900px){.featured-card{grid-template-columns:1.1fr .9fr}.featured-card.media-right .featured-media{order:2}.post-grid,.related-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1040px){.article-layout .wrap{grid-template-columns:220px minmax(0,1fr)}.toc{display:block}.article-foot,.prose{margin-inline:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.newsletter .newsletter-form-col{max-width:480px;width:100%}.newsletter .hs_cos_wrapper_type_form{margin-inline:0;max-width:480px;padding-inline:0}@media (min-width:640px){.newsletter .wrap>.hs_cos_wrapper{flex:1;min-width:0}}@media (min-width:480px){.newsletter .hsfc-Step__Content{align-items:flex-end;display:flex;gap:10px}.newsletter .hsfc-Step__Content>.hsfc-Row{flex:1 1 auto;margin-bottom:0;min-width:0}.newsletter .hsfc-NavigationRow{flex:0 0 auto;margin:0}}