@media (max-width: 1024px){
  .sakura-grid-3,
  .sakura-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 767px){
  body{font-size:15px}
  .sakura-section,
  .sakura-page-hero,
  .sakura-home-hero{width:calc(100% - 28px)}
  .sakura-grid-2,
  .sakura-grid-3,
  .sakura-post-grid{grid-template-columns:1fr}
  .sakura-card,
  .sakura-post-card,
  .sakura-price-card{padding:22px}
  .sakura-home-hero,
  .sakura-page-hero{padding:28px 20px;border-radius:26px}
  .sakura-home-hero h1,
  .sakura-page-hero__title{font-size:2.8rem}
  .sakura-home-hero__lead,
  .sakura-page-hero__subtitle{font-size:1.02rem}
  .sakura-home-hero__actions{flex-direction:column}
  .sakura-button{width:100%}
  .sakura-subtle-bg{padding:22px}
}