@layer base,variables,mixins,shared;.blog-search{width:100%;position:relative}@media (min-width:800px){.blog-search{flex-shrink:0;width:320px}}.blog-search__input{--height:40px;--icon-size:18px;--bg-color:var(--surface-light);--border-color:transparent;border-radius:var(--border-radius-xs);margin-bottom:0}.blog-search__icon,.blog-search__clear{width:18px;height:18px}.blog-search__dropdown{top:calc(100% + var(--spacing-3xs));z-index:20;background:var(--surface-lighter);max-height:400px;box-shadow:0 8px 24px rgb(from var(--black-500) r g b/40%);border-radius:12px;position:absolute;left:0;right:0;overflow-y:auto}.blog-search__state{padding:var(--spacing-xl) var(--spacing-sm);color:var(--text-caption);font:var(--body-md-regular);text-align:center}.blog-search__state.is-spinner{justify-content:center;display:flex}.blog-search__result{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-3xs) var(--spacing-sm);transition:background .2s;display:flex}@media (hover:hover){.blog-search__result:hover{background:var(--surface-lightest)}}.blog-search__result-thumb{flex-shrink:0}.blog-search__result-image{border-radius:var(--border-radius-2xs);object-fit:cover;width:63px;height:42px;display:block}.blog-search__result-image.is-placeholder{background:var(--surface-lightest)}.blog-search__result-title{-webkit-line-clamp:2;color:var(--text-light);font:var(--body-md-semibold);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
@layer base,variables;@layer mixins{.hero-post__author{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}}@layer shared;.hero-post{border-radius:var(--border-radius-lg);background:var(--surface-lighter);flex-direction:column;display:flex;overflow:hidden}@media (min-width:800px){.hero-post{align-items:stretch;gap:var(--spacing-2xl);padding-right:var(--spacing-2xl);border-radius:24px;flex-direction:row}}.hero-post__image-link{flex-shrink:0;display:block}@media (min-width:800px){.hero-post__image-link{width:50%}}.hero-post__image{aspect-ratio:1300/890;object-fit:cover;width:100%;height:100%;display:block}.hero-post__image.is-placeholder{background:var(--surface-lightest)}.hero-post__content{gap:var(--spacing-sm);padding:var(--spacing-xl);flex-direction:column;display:flex}@media (min-width:800px){.hero-post__content{min-width:0;padding:var(--spacing-2xl) 0;flex:1;justify-content:center}}.hero-post__title{color:var(--text-light);font:var(--title-md-semibold);margin:0}@media (min-width:800px){.hero-post__title{font:var(--title-xl-semibold)}}.hero-post__meta{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}@media (min-width:800px){.hero-post__meta{justify-content:flex-start}}.hero-post__author-link{align-items:center;gap:var(--spacing-3xs);min-width:0;display:flex}.hero-post__avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px}.hero-post__author{color:var(--text-light);font:var(--body-sm-regular)}.hero-post__date{color:var(--text-caption);font:var(--body-sm-regular);white-space:nowrap}.hero-post__excerpt{color:var(--text-body);font:var(--body-lg-regular);margin:0;display:none}@media (min-width:800px){.hero-post__excerpt{display:block}}.hero-post__read-more{color:var(--text-link);font:var(--body-lg-semibold);align-self:flex-start;transition:color .2s;display:none}@media (min-width:800px){.hero-post__read-more{display:block}}@media (hover:hover){.hero-post__read-more:hover{color:var(--text-link-hover)}}