.featured-articles-wrapper{display:grid;gap:var(--spacing-8x);grid-template-columns:repeat(auto-fill,minmax(427px,1fr));margin-bottom:var(--spacing-20x);&>.article{border:1px solid var(--border);box-shadow:none;padding:var(--spacing-5x);& .article__image{height:220px}& .article__title{font-size:var(--h5-font-size)}& .article__read-time{display:none}@media (hover:hover){&:hover{border-color:var(--blue-base);box-shadow:none;transform:translateY(-4px)}}}@media (max-width:640px){grid-template-columns:1fr}}.featured-articles{display:grid;gap:var(--spacing-4x);grid-template-rows:repeat(3,1fr);& .article{border:1px solid var(--border);box-shadow:none;flex-direction:row;padding:var(--spacing-5x);@media (hover:hover){&:hover{border-color:var(--blue-base);box-shadow:none;transform:translateY(-4px)}}@media (max-width:640px){flex-direction:column}}& .article__image{height:135px;min-height:100%;width:208px;@media (max-width:640px){height:220px;min-height:auto;width:100%}}& :is(.article__tags,.article__description){display:none}& .article__read-time{display:none}@media (max-width:640px){grid-template-rows:auto}}.article-tags-search{align-items:flex-end;display:flex;gap:var(--spacing-14x);justify-content:space-between;margin-bottom:var(--spacing-10x);& .hs-search-field__bar{padding:0;position:relative}& .hs-search-field{flex:0 0 324px;@media (max-width:1024px){flex:none}@media (max-width:820px){width:100%}}& button{cursor:pointer;inset:50% auto auto var(--spacing-4x);position:absolute;transform:translateY(-50%)}& [type=text].hs-search-field__input{font-size:1rem;line-height:normal;padding-left:var(--spacing-12x);&::placeholder{color:var(--text-light);font-size:1rem;line-height:normal}}& .hs-search-field__suggestions{display:none}@media (max-width:1024px){align-items:flex-start;flex-direction:column}}.article-tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3x)}.article-tag{border:1px solid var(--blue-base);border-radius:var(--radius-xl);color:var(--blue-600);font-size:var(--text-sm);font-weight:400;line-height:1;padding:var(--spacing-3x) var(--spacing-5x);transition:var(--transition);@media (hover:hover){&:hover{--underline-color:transparent;background:var(--blue-base);color:var(--white-base)}}}.articles{display:grid;gap:var(--spacing-8x);grid-template-columns:repeat(auto-fill,minmax(297px,1fr))}.article{border-radius:var(--radius-lg);box-shadow:var(--box-shadow-md);display:flex;flex-direction:column;gap:var(--spacing-5x);padding:var(--spacing-6x) var(--spacing-6x) var(--spacing-8x);transition:var(--transition);& .btn--card-link{font-size:var(--text-sm)}@media (hover:hover){&:hover{box-shadow:var(--box-shadow-lg)}}}.article__image{border-radius:var(--radius-lg);height:261px;object-fit:cover;width:100%;@media (max-width:640px){height:220px}}.article__body{display:flex;flex:1;flex-direction:column;gap:var(--spacing-6x);justify-content:space-between}.article__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2x);margin-bottom:var(--spacing-4x)}.article__tag{background:var(--gray-200);border-radius:var(--radius-xl);color:var(--text-light);font-size:var(--text-xs);line-height:1.2;padding:var(--spacing-1x) var(--spacing-3x)}.article__title{font-size:var(--h6-font-size);margin-bottom:var(--spacing-2x)}.article__description{color:var(--text-light);font-size:var(--text-sm)}.article__footer{align-items:center;display:flex;gap:var(--spacing-8x);justify-content:space-between}.article__read-time{align-items:center;color:var(--text-light);display:flex;flex-shrink:0;font-size:var(--text-sm);gap:var(--spacing-1x)}.pagination{align-items:center;display:flex;gap:var(--spacing-4x);justify-content:center;margin-top:var(--spacing-12x);width:100%;@media (max-width:400px){flex-direction:column}}.pagination-item-link{--anchor-color:var(--text-base);align-items:center;color:var(--anchor-color);display:flex;font-size:.7222rem;font-weight:600;gap:var(--spacing-2x);letter-spacing:-.39px;line-height:1.2;&.pagination-item-link--prev svg{transform:rotate(180deg)}& path{fill:var(--anchor-color);transition:var(--transition)}@media (hover:hover){&:hover{--anchor-color:var(--blue-base);--underline-color:transparent}}}.pagination-items{align-items:center;display:flex;gap:var(--spacing-1x)}.pagination-item{--anchor-color:var(--text-base);align-items:center;background:var(--white-base);border-radius:var(--radius-sm);color:var(--anchor-color);display:flex;font-size:.7222rem;font-weight:600;height:28px;justify-content:center;letter-spacing:-.39px;line-height:1;width:28px;&.pagination-item--active{background:var(--blue-600);color:var(--white-base)}@media (hover:hover){&:hover{--anchor-color:var(--blue-base);--underline-color:transparent}}}