:root{--sc-pattern-grid-radius:16px;--sc-pattern-grid-gap:clamp(12px, 2vw, 24px)}.sc-pattern-grid{display:grid;grid-template-columns:1fr;gap:var(--sc-pattern-grid-gap)}@media (min-width:768px){.sc-pattern-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(240px,1fr)}.sc-pattern-grid__item--wide{grid-column:span 2}.sc-pattern-grid__item--tall{grid-row:span 2}}.sc-pattern-grid__item{position:relative;overflow:hidden;border-radius:var(--sc-pattern-grid-radius);isolation:isolate;min-height:220px}.sc-pattern-grid__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--sc-motion-duration-2, 280ms) var(--sc-ease-inout, cubic-bezier(.65, 0, .35, 1))}@media (hover:hover){.sc-pattern-grid__item:hover{animation:sc-project-card-bounce 520ms cubic-bezier(.34,1.56,.64,1) both}.sc-pattern-grid__item:hover .sc-pattern-grid__image{transform:scale(1.06)}}.sc-pattern-grid__item:focus-within{animation:sc-project-card-bounce 520ms cubic-bezier(.34,1.56,.64,1) both}.sc-pattern-grid__item:focus-within .sc-pattern-grid__image{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.sc-pattern-grid__image{transition:none}@media (hover:hover){.sc-pattern-grid__item:hover{animation:none;transform:translateY(-4px)}.sc-pattern-grid__item:hover .sc-pattern-grid__image{transform:none}}.sc-pattern-grid__item:focus-within{animation:none;transform:translateY(-4px)}.sc-pattern-grid__item:focus-within .sc-pattern-grid__image{transform:none}}