::view-transition-old(root){animation-delay:600ms}::view-transition-new(root){animation:circle-in 600ms}@keyframes circle-in{from{clip-path:circle(0% at 80% 0%)}to{clip-path:circle(120% at 50% 0%)}}@keyframes skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.card-grid__header{padding-bottom:var(--spacing-200);border-bottom:2px solid var(--color-neutral-300);margin-bottom:var(--spacing-400);gap:var(--spacing-100)}@media(max-width: 479.98px){.card-grid__header{flex-direction:column}}.card-grid__title{font:var(--font-heading-300)}.card-grid__layout{--gap: var(--spacing-300);display:grid;gap:var(--gap);padding-block:var(--spacing-200);grid-auto-flow:column;grid-template-columns:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media(min-width: 768px){.card-grid__layout{overflow:visible;grid-auto-flow:initial;grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1200px){.card-grid__layout{grid-template-columns:repeat(4, 1fr)}}.card-grid__view-all{font:var(--font-body-300-bold);gap:var(--spacing-100)}.card-grid__view-all:hover,.card-grid__view-all:focus{text-decoration:underline}.card-grid__view-all:hover svg,.card-grid__view-all:focus svg{transform:translateX(4px)}.card-grid__view-all svg{transition:transform .25s ease 0s}.card-grid__navigation{display:flex;justify-content:end;padding:var(--spacing-300) var(--spacing-300) 0;gap:var(--spacing-200)}@media(min-width: 768px){.card-grid__navigation{display:none}}.card-grid__arrow{width:2.25rem;height:2.25rem;background-color:var(--color-primary-500);border:1px solid;color:var(--color-text-light);border-radius:var(--border-radius--circle);display:grid;place-content:center;cursor:pointer;user-select:none;transition:opacity 0.25s ease 0s,background-color 0.25s ease 0s,color 0.25s ease 0s}.card-grid__arrow:hover,.card-grid__arrow:focus{background-color:rgba(0,0,0,0);color:var(--color-fg)}.card-grid__arrow:disabled{opacity:.25;pointer-events:none}.card-grid__arrow-chevron{width:1rem;height:1rem}@media(min-width: 768px){.review-grid .card-grid__layout{grid-template-columns:repeat(4, 1fr)}.review-grid .card-grid__layout>*:nth-child(-n+2){grid-column:span 2}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-grid--infinite .card-grid__layout{grid-auto-flow:row;grid-template-columns:1fr;overflow-x:visible;scroll-snap-type:none}@media(min-width: 768px){.card-grid--infinite .card-grid__layout{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1200px){.card-grid--infinite .card-grid__layout{grid-template-columns:repeat(4, 1fr)}}.card-grid--infinite .js-post-card{transform:translateY(20px)}.card-grid--infinite .js-post-card.is-new{opacity:0;animation:fadeInUp .5s ease forwards}.load-more-container{display:flex;flex-direction:column;align-items:center;margin-top:var(--spacing-600);gap:var(--spacing-200)}.load-more-container #post-counter{font:var(--font-body-300);color:var(--color-neutral-600)}.load-more-container #post-counter span{font-weight:bold;color:var(--color-fg)}.load-more-container .btn-load-more{appearance:none;background-color:var(--color-primary-500);color:var(--color-text-light);padding:var(--spacing-200) var(--spacing-500);border-radius:var(--border-radius--pill);font:var(--font-body-300-bold);border:none;cursor:pointer;position:relative;min-width:11.25rem;transition:background-color 0.25s ease 0s,transform 0.25s ease 0s,box-shadow 0.25s ease 0s}.load-more-container .btn-load-more:hover{background-color:var(--color-primary-600);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.load-more-container .btn-load-more.is-loading{color:rgba(0,0,0,0)}.load-more-container .btn-load-more.is-loading::after{content:"";position:absolute;width:18px;height:18px;top:calc(50% - 9px);left:calc(50% - 9px);border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}