.home-blog{border-top:1px solid var(--ds-border-subtle);padding-block:clamp(3.5rem,6vw,5.5rem)}.home-blog__heading{grid-template-columns:minmax(10rem,1fr) minmax(0,36rem);align-items:end;gap:2rem;margin-bottom:2.25rem;display:grid}.home-blog__heading h2{max-width:20ch;letter-spacing:var(--ds-tracking-heading);text-wrap:balance;margin:1rem 0 0;font-size:clamp(2rem,3.4vw,2.8rem);font-weight:500;line-height:1.03}.home-blog__heading>a{color:var(--ds-action-primary);font-size:var(--ds-text-1);justify-self:end;align-items:center;gap:.45rem;font-weight:720;display:inline-flex}.home-blog__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem);display:grid}.home-blog .blog-card{--blog-card-accent:var(--ds-action-primary);min-width:0;display:grid}.home-blog .blog-card[data-topic=conversations-and-channels]{--blog-card-accent:var(--ds-mint-400)}.home-blog .blog-card[data-topic=workflows-and-automation]{--blog-card-accent:var(--ds-amber-400)}.home-blog .blog-card[data-topic=human-controlled-ai]{--blog-card-accent:var(--ds-coral-400)}.home-blog .blog-card__surface{border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-lg);height:100%;transition:border-color var(--ds-duration-base) var(--ds-ease-standard), box-shadow var(--ds-duration-base) var(--ds-ease-standard), transform var(--ds-duration-base) var(--ds-ease-standard);background:linear-gradient(145deg,#ffffff06,#0000 52%),#ffffff03;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.home-blog .blog-card__surface:hover{border-color:color-mix(in srgb, var(--blog-card-accent) 42%, transparent);transform:translateY(-.2rem);box-shadow:0 20px 55px #0000003d}.home-blog .blog-cover{--blog-cover-accent:var(--ds-action-primary);isolation:isolate;aspect-ratio:16/9;border-bottom:1px solid var(--ds-border-subtle);background:radial-gradient(circle at 72% 28%,#a8ff542e,#0000 25%),linear-gradient(145deg,#172118,#090c09 70%);flex-direction:column;justify-content:space-between;min-height:0;padding:1rem 1.05rem;display:flex;position:relative;overflow:hidden}.home-blog .blog-cover--conversations-and-channels{--blog-cover-accent:var(--ds-mint-400)}.home-blog .blog-cover--workflows-and-automation{--blog-cover-accent:var(--ds-amber-400)}.home-blog .blog-cover--human-controlled-ai{--blog-cover-accent:var(--ds-coral-400)}.home-blog .blog-cover--photo:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#050806ad,#0000 72%),linear-gradient(#0000 42%,#0508067a);position:absolute;inset:0}.home-blog .blog-cover__image{z-index:0;object-fit:cover;filter:saturate(.9)contrast(1.03)brightness(.9)}.home-blog .blog-cover__topline{z-index:3;color:var(--blog-cover-accent);letter-spacing:.085em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.68rem;font-weight:750;display:flex;position:relative}.home-blog .blog-cover__graphic{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid;position:absolute;inset:28% 8% auto}.home-blog .blog-cover__graphic span{border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);min-height:2.5rem;color:var(--ds-text-secondary);text-align:center;background:#080c09c7;place-items:center;padding:.35rem;font-size:.58rem;display:grid}.home-blog .blog-card__body{flex-direction:column;min-height:10.75rem;padding:1.1rem 1.15rem 1.2rem;display:flex}.home-blog .blog-card__meta{color:var(--blog-card-accent);letter-spacing:.1em;text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;font-size:.75rem;font-weight:750;display:grid}.home-blog .blog-card__meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.home-blog .blog-card__meta span:last-child{color:var(--ds-text-secondary);letter-spacing:.08em;font-size:.7rem;font-weight:650}.home-blog .blog-card :is(h2,h3){letter-spacing:-.03em;text-wrap:balance;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:3.45em;margin:.75rem 0 0;font-size:clamp(1.3rem,1.65vw,1.5rem);font-weight:560;line-height:1.15;display:-webkit-box;overflow:hidden}.home-blog .blog-card__surface:hover :is(h2,h3){color:var(--blog-card-accent)}@media (max-width:64rem){.home-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:44rem){.home-blog__heading{grid-template-columns:1fr;align-items:start}.home-blog__heading>a{justify-self:start}.home-blog__heading h2{font-size:clamp(2rem,10vw,2.4rem)}.home-blog__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.home-blog .blog-card__surface{transition:none}.home-blog .blog-card__surface:hover{transform:none}}
/*# sourceMappingURL=0u..sxu.7goa0.css.map*/