.blog-hero{border-bottom:1px dashed var(--color-stroke-500);overflow:hidden;position:relative}.blog-hero__slider{position:relative;width:100%}.blog-hero__slide{display:none;flex-direction:column}.blog-hero__slide.is-active{display:flex}.blog-hero__content{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-32) var(--space-16)}.blog-hero__meta{align-items:center;display:flex;font-family:var(--font-mono);font-size:var(--font-size-body-14);gap:var(--space-16);line-height:1.5}.blog-hero__trending{color:var(--color-text-300);font-weight:var(--font-weight-semibold)}.blog-hero__separator{color:var(--color-stroke-500);font-weight:var(--font-weight-normal)}.blog-hero__date{color:var(--color-text-400);font-weight:var(--font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-hero__title{color:var(--color-text-450);font-family:var(--font-sans);font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);line-height:1.1;margin:0}.blog-hero__description{color:var(--color-text-400);font-family:var(--font-mono);font-size:var(--font-size-body-16);font-weight:var(--font-weight-normal);line-height:1.5;margin:0}.blog-hero__button{align-self:flex-start}.blog-hero__pagination{display:flex;gap:var(--space-6)}.blog-hero__dot{background-color:var(--color-stroke-500);border:none;cursor:pointer;height:8px;padding:0;transition:background-color .2s ease;width:8px}.blog-hero__dot:hover{background-color:var(--color-text-400)}.blog-hero__dot--active{background-color:var(--color-primary)}.blog-hero__image-container{min-height:212px;overflow:hidden}.blog-hero__image{height:auto;object-fit:cover;width:100%}@media (min-width:1190px){.blog-hero__slide{align-items:stretch;flex-direction:row;min-height:408px}.blog-hero__content{flex:1;justify-content:space-between;padding:var(--space-48) var(--space-32)}.blog-hero__image-container{border-left:1px dashed var(--color-stroke-500);border-right:1px dashed var(--color-stroke-500);display:flex;flex-shrink:0;margin:0;padding:var(--space-88) 0;position:relative;width:50%}.blog-hero__image{border-bottom:1px dashed var(--color-stroke-500);border-top:1px dashed var(--color-stroke-500);height:auto;object-fit:cover;width:100%}}