flynt-component[name=GridProjects]{-webkit-padding-after:var(--component-spacing);padding-block-end:var(--component-spacing)}flynt-component[name=GridProjects] .filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;-webkit-margin-after:48px;margin-block-end:48px}flynt-component[name=GridProjects] .filter{background:var(--soft);border:1px solid transparent;color:inherit;cursor:pointer;font:inherit;font-size:.875rem;min-block-size:44px;padding-block:12px;padding-inline:20px;transition:background-color .25s,color .25s,scale .2s}flynt-component[name=GridProjects] .filter:hover{scale:1.04}flynt-component[name=GridProjects] .filter:active{scale:.97}flynt-component[name=GridProjects] .filter[aria-pressed=true]{background:var(--black);border-color:var(--black);color:var(--white)}flynt-component[name=GridProjects] .count{color:var(--color-text-muted);flex-basis:100%;font-size:.75rem;-webkit-margin-before:12px;margin-block-start:12px;text-align:center}flynt-component[name=GridProjects] .grid{display:grid;gap:50px 26px;grid-template-columns:repeat(3,1fr)}flynt-component[name=GridProjects] .card{display:block;-webkit-margin-before:0;margin-block-start:0;min-inline-size:0}flynt-component[name=GridProjects] .card[hidden]{display:none}flynt-component[name=GridProjects] .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=GridProjects] .card-image img{block-size:100%;inline-size:100%;object-fit:cover;transition:transform .55s var(--motion-ease)}flynt-component[name=GridProjects] .card-image[data-fit=contain] img{object-fit:contain}flynt-component[name=GridProjects] .card-image[data-padding]{padding:28px}flynt-component[name=GridProjects] .card:hover .card-image{box-shadow:0 16px 35px #00000014}flynt-component[name=GridProjects] .card:hover .card-image img{transform:scale(1.025)}flynt-component[name=GridProjects] .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=GridProjects] .card-open>span{font-family:var(--font-family-text);font-size:.8125rem;font-weight:600}flynt-component[name=GridProjects] .card-open.is-tracking{inset-block-end:auto;inset-inline-end:auto;scale:1;transform:translate(-50%,-50%)}flynt-component[name=GridProjects] .card:hover .card-open,flynt-component[name=GridProjects] .card:focus-visible .card-open{opacity:1;scale:1}flynt-component[name=GridProjects] .card-caption{display:flex;gap:20px;justify-content:space-between;-webkit-padding-before:22px;padding-block-start:22px}flynt-component[name=GridProjects] .card-caption>div>*{margin:0}flynt-component[name=GridProjects] .card-caption .eyebrow{color:var(--color-text-muted);font-size:.625rem;-webkit-margin-after:9px;margin-block-end:9px}flynt-component[name=GridProjects] .card-caption>.arrow{font-size:27px;-webkit-margin-before:27px;margin-block-start:27px}flynt-component[name=GridProjects] .card-title{font-size:1.875rem;line-height:1.1;transition:translate .35s var(--motion-ease)}flynt-component[name=GridProjects] .card:hover .card-title{translate:4px 0}flynt-component[name=GridProjects] .card-headline{font-size:1.125rem;-webkit-margin-before:9px!important;margin-block-start:9px!important}flynt-component[name=GridProjects] .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=GridProjects] .card-image{aspect-ratio:1.4}flynt-component[name=GridProjects] .card-image[data-padding]{padding:18px}flynt-component[name=GridProjects] .card-open{display:none}flynt-component[name=GridProjects] .card-caption{-webkit-padding-before:17px;padding-block-start:17px}flynt-component[name=GridProjects] .card-caption .eyebrow{font-size:.5625rem}flynt-component[name=GridProjects] .card-caption>.arrow{font-size:24px}flynt-component[name=GridProjects] .card-title{font-size:1.75rem}flynt-component[name=GridProjects] .card-headline{font-size:1.0625rem}flynt-component[name=GridProjects] .card-tags{font-size:.625rem;-webkit-margin-before:12px;margin-block-start:12px}}@media (prefers-reduced-motion: reduce){flynt-component[name=GridProjects] .card-image,flynt-component[name=GridProjects] .card-image img{transform:none!important}flynt-component[name=GridProjects] .card-title{translate:none!important}}flynt-component[name=GridProjects] .card-title{font-size:1.6875rem}flynt-component[name=GridProjects] .card-caption>.arrow{font-size:22px}flynt-component[name=GridProjects] .card-headline{font-size:1.0625rem}flynt-component[name=GridProjects] .card-tags{font-size:.625rem}flynt-component[name=GridProjects] .status{font-size:.875rem;-webkit-margin-before:32px;margin-block-start:32px}flynt-component[name=GridProjects] .status:empty{display:none}@media (max-width: 1100px){flynt-component[name=GridProjects] .grid{grid-template-columns:1fr 1fr}}@media (max-width: 767px){flynt-component[name=GridProjects] .filters{gap:8px;justify-content:flex-start;-webkit-margin-after:32px;margin-block-end:32px}flynt-component[name=GridProjects] .filter{font-size:.8125rem;padding-block:9px;padding-inline:15px}flynt-component[name=GridProjects] .count{-webkit-margin-before:8px;margin-block-start:8px;text-align:start}flynt-component[name=GridProjects] .grid{gap:38px;grid-template-columns:1fr}flynt-component[name=GridProjects] .card-title{font-size:1.75rem}}
