.blog-post-hero{background-color:var(--color-bg-500);border-bottom:1px dashed var(--color-stroke-500);color:var(--color-text-500);display:flex;flex-direction:column}.blog-post-hero__header{display:flex;flex-direction:column;gap:var(--space-32);padding:var(--space-32) var(--space-16)}.blog-post-hero__content{display:flex;flex-direction:column;gap:var(--space-64)}.blog-post-hero__back{align-items:center;color:var(--color-text-400);display:inline-flex;font-family:var(--font-mono);font-size:var(--font-size-body-14);gap:var(--space-8);text-decoration:none;transition:color var(--transition-base)}.blog-post-hero__back:hover{color:var(--color-primary)}.blog-post-hero__back-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.blog-post-hero__back-icon path,.blog-post-hero__back-icon rect{transition:fill .3s ease}.blog-post-hero__back:hover .blog-post-hero__back-icon rect{fill:var(--color-primary)}.blog-post-hero__back:hover .blog-post-hero__back-icon path{fill:#fff}.blog-post-hero__title-area{display:flex;flex-direction:column;gap:var(--space-16)}.blog-post-hero__subtitle{color:var(--color-primary);font-size:24px}.blog-post-hero__subtitle,.blog-post-hero__title{font-family:var(--font-sans);font-weight:var(--font-weight-medium);line-height:1.1;margin:0}.blog-post-hero__title{color:var(--color-text-500);font-size:32px}.blog-post-hero__meta{align-items:flex-start;display:flex;gap:var(--space-24)}.blog-post-hero__avatar-wrapper{background-color:var(--color-bg-500);border:1px dashed var(--color-stroke-500);flex-shrink:0;height:64px;overflow:hidden;padding:0;width:64px}.blog-post-hero__author-avatar{height:100%;object-fit:cover;width:100%}.blog-post-hero__info-col{padding-top:0;width:100%}.blog-post-hero__author-text,.blog-post-hero__info-col{display:flex;flex-direction:column;gap:4px}.blog-post-hero__label{color:var(--color-text-400);font-family:var(--font-mono);font-size:12px;line-height:1.5}.blog-post-hero__author-name{color:var(--color-text-450);font-family:var(--font-sans);font-size:20px;font-weight:var(--font-weight-medium);line-height:1.1;margin-bottom:4px}.blog-post-hero__separator{color:var(--color-stroke-500)}.blog-post-hero__date-time,.blog-post-hero__separator{font-family:var(--font-mono);font-size:14px;line-height:1.5}.blog-post-hero__date-time{color:var(--color-text-400)}.blog-post-hero__image-wrapper{aspect-ratio:16/9;border:1px dashed var(--color-stroke-500);margin-left:calc(var(--space-16)*-1);overflow:hidden;width:calc(100% + var(--space-32))}.blog-post-hero__image{height:auto;object-fit:cover;width:100%}@media (min-width:1190px){.blog-post-hero{align-items:stretch;flex-direction:row;gap:0;min-height:567px;padding:0}.blog-post-hero .content-wrapper{display:flex;flex-direction:column;margin:0;max-width:none;padding:0;width:50%}.blog-post-hero__header{flex:1;gap:0;justify-content:space-between;padding:var(--space-48) var(--space-32)}.blog-post-hero__content{flex:1;gap:var(--space-32);justify-content:space-between}.blog-post-hero__title-area{display:flex;flex:1;flex-direction:column;justify-content:center}.blog-post-hero__title{font-size:64px}.blog-post-hero__title a{color:inherit;text-decoration:none;transition:color var(--transition-base)}.blog-post-hero__title a:hover{color:var(--color-primary)}.blog-post-hero__image-link{display:flex;text-decoration:none;width:50%}.blog-post-hero__image-wrapper{align-items:center;border:none;border-left:1px dashed var(--color-stroke-500);border-radius:0;border-right:1px dashed var(--color-stroke-500);display:flex;margin:0;padding:var(--space-48) 0;position:relative;width:50%}.blog-post-hero:not(.blog-listing-hero) .blog-post-hero__image-wrapper{width:50%}.blog-post-hero__image{border-bottom:1px dashed var(--color-stroke-500);border-top:1px dashed var(--color-stroke-500);height:auto;width:100%}.blog-post-hero__arrow{bottom:84px;height:64px;position:absolute;right:0;transition:transform .3s var(--easing-smooth);width:64px;z-index:2}.blog-post-hero__image-link:hover .blog-post-hero__arrow{transform:scale(1.1)}.blog-post-hero__meta{align-items:center}.blog-post-hero__info-col{flex-direction:row;gap:var(--space-16);justify-content:space-between}.blog-post-hero__author-text,.blog-post-hero__info-col{align-items:center}.blog-post-hero__label{text-align:left;width:100%}}