.app-articles{position:relative}.app-articles__loading-overlay,.app-articles__loading-overlay:after{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:900}.app-articles__loading-overlay.htmx-request{cursor:progress;pointer-events:all}.app-articles__loading-overlay:after{background:var(--ui-color-1);content:"";opacity:.8}.app-articles__items{display:grid;gap:1.5rem 1rem}@media only screen and (min-width:53.75rem){.app-articles__items{grid-template-columns:repeat(2,1fr)}}.app-articles__item{list-style:none}.app-articles__pagination{margin-top:var(--space-l)}.card-article{background:var(--ui-color-2);box-shadow:0 2px 1rem rgba(0,0,0,.15)}@media only screen and (min-width:53.75rem){.card-article{display:flex;flex-direction:row-reverse;height:100%;position:relative}}.card-article__media{flex:0 1 35%;position:relative}.card-article__img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;transform:scale3d(1.001,1.001,1);transition:transform var(--ui-transition-duration) ease-in-out;width:100%}@media only screen and (min-width:53.75rem){.card-article__img{aspect-ratio:unset;height:100%}}.card-article__img-link{display:block;overflow:hidden;position:relative;width:100%}@media only screen and (min-width:53.75rem){.card-article__img-link{height:100%}}.card-article__img-link:hover .card-article__img{transform:scale3d(1.05,1.05,1)}.card-article__header{display:flex;flex:0 1 65%;flex-direction:column;gap:1rem;justify-content:space-between;padding:1.5rem}@media only screen and (min-width:53.75rem){.card-article__header{padding:2.5rem}}.card-article__header-top{align-items:flex-start;display:flex;flex-direction:column-reverse;gap:1rem}.card-article__heading{color:var(--ui-heading-color);font-family:var(--ui-body-heading-font);font-size:var(--display-step-2);font-weight:600;line-height:1.375}.card-article__heading a{color:var(--ui-heading-color);transition:color var(--ui-transition-duration) ease-in-out}.card-article__heading a:focus,.card-article__heading a:hover{color:var(--brand-color-1)}.card-article__date-link{align-items:center;color:var(--brand-color-0);display:flex;font-size:.875rem;font-weight:700;gap:.75em;transition:color var(--ui-transition-duration) ease-in-out}.card-article__date-link:focus,.card-article__date-link:hover{color:var(--brand-color-1)}.card-article__date-icon{height:1.25em;width:1.25em;fill:currentColor}