.mfof-article-puffs{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem;width:100%}.mfof-article-puffs .mfof-puff{background-color:var(--env-section-background-color);box-shadow:0 4px 6px -1px var(--env-box-shadow-color),0 2px 4px -2px var(--env-box-shadow-color);border-radius:var(--env-border-radius);text-decoration:none;height:-moz-fit-content;height:fit-content;transition:transform 300ms ease-out,box-shadow 300ms ease-out;overflow:hidden}@media(max-width: 904px){.mfof-article-puffs .mfof-puff{max-width:35rem;margin-inline:auto;min-width:35rem}}@media(max-width: 576px){.mfof-article-puffs .mfof-puff{max-width:unset;min-width:100%}}.mfof-article-puffs .mfof-puff::after{content:"";position:absolute;inset:0;transition:opacity 300ms ease-out;border-radius:inherit;pointer-events:none}.mfof-article-puffs .mfof-puff:hover{box-shadow:4px 8px 10px -1px rgba(0,0,0,.25),-4px 8px 10px -2px rgba(0,0,0,.25);transform:translateY(-8px)}.mfof-article-puffs .mfof-puff:focus-visible{outline:var(--env-focus-size) solid var(--env-focus-outline-color);outline-offset:var(--env-focus-offset)}.mfof-article-puffs .mfof-puff-image-container{display:grid}.mfof-article-puffs .mfof-puff-image-container .mfof-puff-image{aspect-ratio:16/9;overflow:hidden;width:100%;grid-area:1/1;height:100%}.mfof-article-puffs .mfof-puff-tag-image{grid-area:1/1;align-self:end;justify-self:end;margin:0 1rem .5rem 0;padding:.25rem .5rem;background-color:#f7f3e4;border-radius:var(--env-badge-border-radius);color:#3b3c43}.mfof-article-puffs .mfof-puff-tag{padding:.25rem .5rem;background-color:#f7f3e4;color:#3b3c43;border-radius:var(--env-badge-border-radius);width:-moz-fit-content;width:fit-content}.mfof-article-puffs .mfof-puff-tag.mfof-puff-tag-alternative{background-color:#f1cfb8;color:#3b3c43}.mfof-article-puffs .mfof-article-text{padding:1rem;display:flex;flex-direction:column;gap:1rem}.mfof-article-puffs .mfof-article-text h2,.mfof-article-puffs .mfof-article-text p,.mfof-article-puffs .mfof-article-text span{margin:0}.mfof-article-puffs .mfof-article-text p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media(max-width: 904px){.mfof-article-puffs{grid-template-columns:repeat(auto-fit, minmax(33rem, 1fr))}}@media(max-width: 576px){.mfof-article-puffs{grid-template-columns:1fr}}.mfof-articles-link{display:flex;width:100%;justify-content:center;margin-top:1rem}