flynt-component[name=GridPostsArchive]{-webkit-padding-after:var(--component-spacing);padding-block-end:var(--component-spacing)}flynt-component[name=GridPostsArchive] .hero{padding-block:75px 65px;text-align:center}flynt-component[name=GridPostsArchive] .hero>*{margin:0}flynt-component[name=GridPostsArchive] .hero h1{font-size:clamp(3.75rem,6.7vw,6.375rem);margin-inline:auto;max-inline-size:1160px}flynt-component[name=GridPostsArchive] .hero .intro{font-size:1.4375rem;line-height:1.4;-webkit-margin-before:32px;margin-block-start:32px;margin-inline:auto;max-inline-size:760px}flynt-component[name=GridPostsArchive] .hero .intro>*{margin:0}flynt-component[name=GridPostsArchive] .filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;-webkit-margin-after:48px;margin-block-end:48px}flynt-component[name=GridPostsArchive] .filter{background:var(--soft);border:1px solid transparent;display:inline-block;font-size:.875rem;padding-block:12px;padding-inline:20px;transition:background-color .25s,color .25s}flynt-component[name=GridPostsArchive] .filter:hover{border-color:var(--black)}flynt-component[name=GridPostsArchive] .filter[aria-current=page]{background:var(--black);border-color:var(--black);color:var(--white)}flynt-component[name=GridPostsArchive] .grid{display:grid;gap:50px 26px;grid-template-columns:repeat(3,1fr);margin:0}flynt-component[name=GridPostsArchive] .card{display:block;-webkit-margin-before:0;margin-block-start:0;min-inline-size:0}flynt-component[name=GridPostsArchive] .card[hidden]{display:none}flynt-component[name=GridPostsArchive] .card-image{aspect-ratio:1.3;background:var(--brand-color, var(--soft));overflow:hidden;position:relative;transform-style:preserve-3d;transition:box-shadow .35s var(--motion-ease)}flynt-component[name=GridPostsArchive] .card-image img{block-size:100%;inline-size:100%;object-fit:cover;transition:transform .55s var(--motion-ease)}flynt-component[name=GridPostsArchive] .card-image[data-fit=contain] img{object-fit:contain}flynt-component[name=GridPostsArchive] .card-image[data-padding]{padding:28px}flynt-component[name=GridPostsArchive] .card:hover .card-image{box-shadow:0 16px 35px #00000014}flynt-component[name=GridPostsArchive] .card:hover .card-image img{transform:scale(1.025)}flynt-component[name=GridPostsArchive] .card-open{align-items:center;background:var(--yellow);block-size:92px;border-radius:50%;color:var(--black);display:flex;flex-direction:column;font-family:var(--font-family-arrow);font-size:23px;gap:7px;inline-size:92px;inset-block-end:18px;inset-inline-end:18px;justify-content:center;line-height:1;opacity:0;pointer-events:none;position:absolute;scale:.8;transition:opacity .25s,scale .35s var(--motion-ease)}flynt-component[name=GridPostsArchive] .card-open>span{font-family:var(--font-family-text);font-size:.8125rem;font-weight:600}flynt-component[name=GridPostsArchive] .card-open.is-tracking{inset-block-end:auto;inset-inline-end:auto;scale:1;transform:translate(-50%,-50%)}flynt-component[name=GridPostsArchive] .card:hover .card-open,flynt-component[name=GridPostsArchive] .card:focus-visible .card-open{opacity:1;scale:1}flynt-component[name=GridPostsArchive] .card-caption{display:flex;gap:20px;justify-content:space-between;-webkit-padding-before:22px;padding-block-start:22px}flynt-component[name=GridPostsArchive] .card-caption>div>*{margin:0}flynt-component[name=GridPostsArchive] .card-caption .eyebrow{color:var(--color-text-muted);font-size:.625rem;-webkit-margin-after:9px;margin-block-end:9px}flynt-component[name=GridPostsArchive] .card-caption>.arrow{font-size:27px;-webkit-margin-before:27px;margin-block-start:27px}flynt-component[name=GridPostsArchive] .card-title{font-size:1.875rem;line-height:1.1;transition:translate .35s var(--motion-ease)}flynt-component[name=GridPostsArchive] .card:hover .card-title{translate:4px 0}flynt-component[name=GridPostsArchive] .card-headline{font-size:1.125rem;-webkit-margin-before:9px!important;margin-block-start:9px!important}flynt-component[name=GridPostsArchive] .card-tags{color:var(--color-text-muted);font-size:.6875rem;letter-spacing:.04em;-webkit-margin-before:17px;margin-block-start:17px;text-transform:uppercase}@media (max-width: 767px){flynt-component[name=GridPostsArchive] .card-image{aspect-ratio:1.4}flynt-component[name=GridPostsArchive] .card-image[data-padding]{padding:18px}flynt-component[name=GridPostsArchive] .card-open{display:none}flynt-component[name=GridPostsArchive] .card-caption{-webkit-padding-before:17px;padding-block-start:17px}flynt-component[name=GridPostsArchive] .card-caption .eyebrow{font-size:.5625rem}flynt-component[name=GridPostsArchive] .card-caption>.arrow{font-size:24px}flynt-component[name=GridPostsArchive] .card-title{font-size:1.75rem}flynt-component[name=GridPostsArchive] .card-headline{font-size:1.0625rem}flynt-component[name=GridPostsArchive] .card-tags{font-size:.625rem;-webkit-margin-before:12px;margin-block-start:12px}}@media (prefers-reduced-motion: reduce){flynt-component[name=GridPostsArchive] .card-image,flynt-component[name=GridPostsArchive] .card-image img{transform:none!important}flynt-component[name=GridPostsArchive] .card-title{translate:none!important}}flynt-component[name=GridPostsArchive] .empty{text-align:center}flynt-component[name=GridPostsArchive] .pagination{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;-webkit-margin-before:60px;margin-block-start:60px}flynt-component[name=GridPostsArchive] .pagination:empty{display:none}@media (max-width: 1100px){flynt-component[name=GridPostsArchive] .grid{grid-template-columns:1fr 1fr}}@media (max-width: 767px){flynt-component[name=GridPostsArchive] .hero{padding-block:45px 42px}flynt-component[name=GridPostsArchive] .hero h1{font-size:clamp(2.625rem,10.8vw,4.125rem)}flynt-component[name=GridPostsArchive] .hero .intro{font-size:1.25rem;-webkit-margin-before:25px;margin-block-start:25px}flynt-component[name=GridPostsArchive] .filters{gap:8px;justify-content:flex-start;-webkit-margin-after:32px;margin-block-end:32px}flynt-component[name=GridPostsArchive] .filter{font-size:.8125rem;padding-block:9px;padding-inline:15px}flynt-component[name=GridPostsArchive] .grid{gap:38px;grid-template-columns:1fr}}