.ofn{gap:var(--space-1xl);padding-bottom:var(--section-padding-y);padding-top:var(--section-padding-y);width:100%}.ofn,.ofn__grid{box-sizing:border-box;display:flex;flex-direction:column}.ofn__grid{gap:var(--space-lg);margin-left:auto;margin-right:auto;max-width:var(--container-max-width);padding-left:var(--template-margin);padding-right:var(--template-margin)}.ofn__card{color:inherit;display:flex;flex-direction:column;gap:16px;opacity:0;text-decoration:none;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.ofn__card--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.ofn__card{opacity:1;transform:none;transition:none}}.ofn__card-image{aspect-ratio:1/1;border:1px solid var(--color-separator);border-radius:8px;box-sizing:border-box;flex-shrink:0;overflow:hidden;position:relative;width:100%}.ofn__card-image img,.ofn__card-image video,.ofn__img{display:block;height:100%;object-fit:cover;width:100%}.ofn__card-meta{display:flex;flex-direction:column;gap:var(--space-md);padding-left:8px}.ofn__client{color:var(--color-text);display:block;letter-spacing:var(--tracking-small-label);text-transform:uppercase}.ofn__tag{align-items:center;background-color:var(--color-container-bg);border:1px solid var(--color-separator);border-radius:24px;display:inline-flex;justify-content:center;padding:4px 12px;width:fit-content}.ofn__tag span{color:var(--color-text-variant);letter-spacing:var(--tracking-small-label);text-transform:uppercase}@media (min-width:640px){.ofn__grid{flex-direction:row;flex-wrap:wrap;gap:16px}.ofn__card{flex:1 1 calc(50% - 8px);max-width:calc(50% - 8px);min-width:0}}@media (min-width:1024px){.ofn__grid{flex-wrap:nowrap;gap:24px}.ofn__card{flex:1;max-width:none}}