/* Figma desktop 6853:1957 / mobile 6710:5763; shared landing tokens. */
.landing-blog-section { background: #d3e5f1; padding: var(--marketing-section-padding) 0; color: var(--coffee-900); }
.landing-blog-grid { display: grid; grid-template-columns: minmax(0, 392px) minmax(0, 538px); justify-content: space-between; gap: 80px; }
.landing-blog-intro { display: flex; flex-direction: column; align-items: flex-start; gap: 48px; }
.landing-blog-intro h2 { margin: 0; scroll-margin-top: 120px; font-family: var(--display); font-size: 70px; font-weight: 500; line-height: 1.1; letter-spacing: -2px; text-wrap: balance; }
.landing-blog-explore { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 56px; padding: 14px 20px; border-radius: 1000px; background: var(--coffee-950); color: white; text-decoration: none; box-shadow: 0 0 14px rgba(0,0,0,.1); }
.landing-blog-explore img { display: block; width: 24px; height: 24px; flex: 0 0 24px; }
.landing-blog-cards { display: flex; flex-direction: column; gap: 32px; }
.landing-blog-card { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 24px; min-height: 250px; padding: 40px 48px; border-radius: 32px; background: var(--paper); color: var(--coffee-900); text-decoration: none; }
.landing-blog-card h3 { width: 100%; margin: 0; font-family: var(--body); font-size: 28px; font-weight: 590; line-height: 34px; letter-spacing: -.41px; text-wrap: balance; }
.landing-blog-card img { display: block; width: 32px; height: 32px; flex: 0 0 32px; }
.landing-blog-explore:hover { background: var(--coffee-900); }
.landing-blog-section a:focus-visible { outline: 3px solid var(--merlot); outline-offset: 5px; }
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .landing-blog-card { transition: background-color 200ms ease; }
  .landing-blog-card img { transition: transform 200ms ease; }
  .landing-blog-card:hover { background: #F9F1E1; }
  .landing-blog-card:hover img { transform: translateX(5px); }
  .landing-blog-card:active { background: #efe9db; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-blog-card, .landing-blog-card img { transition: none; }
  .landing-blog-card:hover img { transform: none; }
}
@media (max-width: 1023px) {
  .landing-blog-explore { min-height: 48px; padding-block: 12px; }
  .landing-blog-grid { grid-template-columns: minmax(0, 1fr); gap: 120px; }
  .landing-blog-intro h2 { font-size: 48px; }
  .landing-blog-card { min-height: 200px; padding: 24px 32px; }
  .landing-blog-card h3 { font-size: 22px; font-weight: 600; line-height: 28px; letter-spacing: -0.26px; }
  .landing-blog-card img { width: 24px; height: 24px; flex-basis: 24px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .landing-blog-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}