.lale-blog-card{color:inherit;border-radius:var(--lale-radius);border:1px solid var(--lale-gray-200);flex-direction:column;display:flex;overflow:hidden}.lale-blog-card__image-link{text-decoration:none;display:block}.lale-blog-card__image-wrap{aspect-ratio:1;background:var(--lale-gray-100);position:relative;overflow:hidden}.lale-blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--lale-ease);display:block}.lale-blog-card:hover .lale-blog-card__image{transform:scale(1.04)}.lale-blog-card__content{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.lale-blog-card__category{border:1px solid var(--lale-gray-200);border-radius:var(--lale-radius);color:var(--lale-gray-700);align-self:flex-start;padding:.25rem .75rem;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-block}.lale-blog-card__title{color:var(--lale-gray-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.lale-blog-card__desc{color:var(--lale-ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.lale-blog-card__footer{flex-direction:column;gap:.75rem;margin-top:auto;padding-top:.5rem;display:flex}@media (min-width:768px){.lale-blog-card__footer{flex-direction:row;justify-content:space-between;align-items:center}}.lale-blog-card__meta{color:var(--lale-gray-500);align-items:center;gap:.375rem;display:flex}.lale-blog-card__dot{color:var(--lale-gray-400)}.lale-blog-card__read-more{color:var(--lale-gray-700);white-space:nowrap;flex-shrink:0;align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.lale-blog-card__read-more:hover{text-decoration:underline}.lale-blog-card{background:var(--lale-white);position:relative}.lale-blog-card__title a{color:inherit;text-decoration:none}.lale-blog-card__title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.lale-blog-card__title a:focus-visible{outline:none}.lale-blog-card:has(.lale-blog-card__title a:focus-visible){outline:2px solid var(--lale-gray-900);outline-offset:3px}.lale-blog-card:hover .lale-blog-card__read-more{text-decoration:underline}.lale-blog-card__meta{color:var(--lale-muted)}@media (prefers-reduced-motion:reduce){.lale-blog-card__image{transition:none}}
.lale-blog-home{width:100%;padding:2rem 0}.lale-blog-home .lale-container{flex-direction:column;gap:2rem;display:flex}.lale-blog-home__header{flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:1rem;display:flex}.lale-blog-home__title{color:var(--lale-gray-900);margin:0;font-size:clamp(2.5rem,6vw,4.5rem)}.lale-blog-home__description{color:var(--lale-ink-2);margin:0}.lale-blog-home__categories{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:center;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.lale-blog-home__categories::-webkit-scrollbar{display:none}.lale-blog-home__cat-btn{border:1px solid var(--lale-gray-200);border-radius:var(--lale-radius);cursor:pointer;white-space:nowrap;color:var(--lale-gray-700);background:0 0;padding:.5rem 1rem;font-family:inherit;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}.lale-blog-home__cat-btn:hover{border-color:var(--lale-gray-300)}.lale-blog-home__cat-btn--active{background:var(--lale-gray-900);color:var(--lale-white);border-color:var(--lale-gray-900)}.lale-blog-home__cat-btn--active:hover{background:var(--lale-gray-800);border-color:var(--lale-gray-800)}.lale-blog-home__empty{text-align:center;color:var(--lale-gray-900);margin:0;padding:3rem 0}.lale-blog-home__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.lale-blog-home{padding:2.5rem 0}.lale-blog-home__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.lale-blog-home{padding:3rem 0}.lale-blog-home .lale-container{gap:2.5rem}.lale-blog-home__grid{grid-template-columns:repeat(3,1fr)}}.lale-blog-card__writer{white-space:nowrap}.lale-blog-card__meta{flex-wrap:wrap;row-gap:.25rem}.lale-blog-home__cat-btn:focus-visible{outline:2px solid var(--lale-gray-900);outline-offset:2px}.lale-blog-home__header{padding-top:2rem}
