.post-skeleton{grid-template-rows:auto 1fr auto;gap:1.8rem;width:100%;display:none}.blog-article-grid.is--loading .post-skeleton{opacity:0;animation:.2s .12s forwards post-skeleton-reveal;display:grid}.blog-article-grid.is--loading .post-skeleton[hidden]{display:none}@keyframes post-skeleton-reveal{to{opacity:1}}.blog-article-grid.is--replacing .post-card,.blog-article-grid.is--loading .empty-state{display:none}.blog-article.is--loading .blog-article-cta{opacity:.4;pointer-events:none}.post-skeleton .post-skeleton__media{aspect-ratio:221/123;border-radius:3rem;width:100%}.post-skeleton .post-skeleton__content{flex-direction:column;gap:1rem;display:flex}.post-skeleton .post-skeleton__footer{justify-content:space-between;align-items:center;gap:1.5rem;padding-top:.5rem;display:flex}.post-skeleton .post-skeleton__author{align-items:center;gap:1.5rem;display:flex}.post-skeleton .post-skeleton__avatar{border-radius:50%;flex-shrink:0;width:6rem;height:6rem;display:block}.post-skeleton .post-skeleton__line{border-radius:.8rem;width:100%;height:1.6rem;display:block}.post-skeleton .post-skeleton__line--title{height:2.6rem}.post-skeleton .post-skeleton__line.is--short{width:60%}.post-skeleton .post-skeleton__line.is--name{width:12rem}.post-skeleton .post-skeleton__line.is--date{flex-shrink:0;width:8rem}.post-skeleton .post-skeleton__media,.post-skeleton .post-skeleton__avatar,.post-skeleton .post-skeleton__line{animation:post-skeleton-shimmer 1.4s var(--fade-ease,ease) infinite;background:linear-gradient(90deg,#f1f1f1 0%,#e6e6e6 40%,#f1f1f1 80%) 0 0/300% 100%}@keyframes post-skeleton-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}@media screen and (orientation:portrait){.post-skeleton{gap:1.2rem}.post-skeleton .post-skeleton__media{border-radius:1.5rem}.post-skeleton .post-skeleton__content{gap:.8rem}.post-skeleton .post-skeleton__footer{flex-direction:column;align-items:flex-start;gap:.6rem;padding-top:.2rem}.post-skeleton .post-skeleton__author{gap:.8rem}.post-skeleton .post-skeleton__avatar{width:3.2rem;height:3.2rem}}@media (prefers-reduced-motion:reduce){.post-skeleton .post-skeleton__media,.post-skeleton .post-skeleton__avatar,.post-skeleton .post-skeleton__line{background:#eee;animation:none}}.blog-article{isolation:isolate;background:#fff;width:100%;min-height:100svh;position:relative;overflow:hidden}.blog-article .blog-article-container{flex-direction:column;align-items:center;gap:3.5rem;width:100%;padding:15rem 13rem 12rem;display:flex}.blog-article .blog-article-heading{flex-direction:column;align-items:center;display:flex}.blog-article .blog-article-heading__title{visibility:hidden;color:#1a1a1a;text-align:center;letter-spacing:-.03em;font-family:DM Sans;font-size:max(28px,min(4.5rem + 5px,100px));font-weight:500;line-height:110%;position:relative}.blog-article .blog-article-heading__accent{color:var(--main-blue);position:relative}.blog-article .blog-article-toolbar{justify-content:space-between;align-items:center;gap:3rem;width:100%;display:flex}.blog-article .blog-article-filters{align-items:center;gap:1rem;display:flex}.blog-article .blog-article-filters__item{opacity:0;display:flex}.blog-article .blog-article-filters__link{color:#1a1a1a99;white-space:nowrap;transition:background .6s var(--fade-ease), color .6s var(--fade-ease);background:0 0;border:1px solid #ececec;border-radius:5rem;align-items:center;padding:1rem 2rem;font-size:max(12px,min(1.4rem + 2px,24px));font-weight:500;display:flex}.blog-article .blog-article-filters__link:hover{color:#1a1a1a;background:#f8f8f8}.blog-article .blog-article-filters__link.is--active{color:#1a1a1a;background:#f3f3f3;border-color:#0000}.blog-article .blog-article-search{opacity:0;background:#fff;border:1px solid #ececec;border-radius:5rem;align-items:center;gap:1rem;width:28.5rem;padding:1rem 2rem;display:flex}.blog-article .blog-article-search:focus-within{border-color:var(--main-blue);outline:2px solid var(--main-blue);outline-offset:2px}.blog-article .blog-article-search__input:focus-visible{outline:none}.blog-article .blog-article-search__icon{flex-shrink:0;width:1.8rem;height:auto;display:flex}.blog-article .blog-article-search__input{color:#1a1a1a;width:100%;font-size:max(12px,min(1.4rem + 2px,24px));font-weight:500}.blog-article .blog-article-search__input::placeholder{color:#1a1a1a99;font-weight:500}.blog-article .blog-article-search__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.blog-article .blog-article-grid{width:100%}.blog-article .blog-article-grid__list{grid-template-columns:repeat(4,1fr);gap:4rem 3rem;width:100%;display:grid}.blog-article .blog-article-cta{justify-content:center;padding-top:3.5rem;display:flex}@media screen and (orientation:portrait){.blog-article .blog-article-container{gap:4rem;padding:14rem 3rem 8rem}.blog-article .blog-article-toolbar{flex-direction:column;align-items:stretch;gap:2rem}.blog-article .blog-article-search{width:100%}.blog-article .blog-article-grid__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2rem}}@media (prefers-reduced-motion:reduce){.blog-article .blog-article-heading__title{visibility:visible}.blog-article .blog-article-filters__item,.blog-article .blog-article-search{opacity:1}}
