[id^=components-project-mosaic-block]{margin-top:56px;margin-bottom:56px}[id^=components-project-mosaic-block] .project-mosaic-frame{container-type:inline-size}@media (min-width: 40rem){[id^=components-project-mosaic-block] .project-mosaic.is-tiles-3>:nth-child(1){grid-area:1 / 1 / 3 / 3}[id^=components-project-mosaic-block] .project-mosaic.is-tiles-3>:nth-child(2){grid-area:3 / 1 / 4 / 3}[id^=components-project-mosaic-block] .project-mosaic.is-tiles-3>:nth-child(3){grid-area:4 / 1 / 5 / 3}}@media (min-width: 48rem){[id^=components-project-mosaic-block] .project-mosaic.is-tiles-3>:nth-child(1){grid-area:1 / 1 / 3 / 3}[id^=components-project-mosaic-block] .project-mosaic.is-tiles-3>:nth-child(2){grid-area:3 / 1 / 4 / 4}[id^=components-project-mosaic-block] .project-mosaic.is-tiles-3>:nth-child(3){grid-area:1 / 3 / 3 / 4}}@media (min-width: 80rem){[id^=components-project-mosaic-block] .project-mosaic.is-tiles-3>:nth-child(1){grid-area:1 / 1 / 3 / 3}[id^=components-project-mosaic-block] .project-mosaic.is-tiles-3>:nth-child(2){grid-area:1 / 3 / 2 / 5}[id^=components-project-mosaic-block] .project-mosaic.is-tiles-3>:nth-child(3){grid-area:2 / 3 / 3 / 5}}@media (min-width: 40rem){[id^=components-project-mosaic-block] .project-mosaic.is-tiles-1,[id^=components-project-mosaic-block] .project-mosaic.is-tiles-2{grid-template-columns:repeat(2,minmax(0,1fr))}}[id^=components-project-mosaic-block] .project-mosaic.is-tiles-1,[id^=components-project-mosaic-block] .project-mosaic.is-tiles-2{grid-auto-rows:auto}[id^=components-project-mosaic-block] .project-mosaic.is-tiles-1>*,[id^=components-project-mosaic-block] .project-mosaic.is-tiles-2>*{aspect-ratio:4 / 3}[id^=components-project-mosaic-block] .project-mosaic__thumb{position:relative;display:block;height:100%;width:100%;cursor:pointer;overflow:hidden;border-radius:0;border-width:0px;--tw-bg-opacity: 1;background-color:rgb(231 233 235 / var(--tw-bg-opacity, 1));padding:0;text-decoration-line:none}[id^=components-project-mosaic-block] .project-mosaic__thumb img{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.01,.99,.39,1)}[id^=components-project-mosaic-block] .project-mosaic__thumb:hover img,[id^=components-project-mosaic-block] .project-mosaic__thumb:focus-visible img{--tw-scale-x: 1.06;--tw-scale-y: 1.06;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[id^=components-project-mosaic-block] .project-mosaic__thumb:focus-visible{outline:2px solid var(--og--text-accent);outline-offset:2px}[id^=components-project-mosaic-block] .project-mosaic__label{pointer-events:none;position:absolute;inset:0;display:grid;padding:1.5rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}[id^=components-project-mosaic-block] .project-mosaic__label>*{grid-area:2 / 2;place-self:center}[id^=components-project-mosaic-block] .project-mosaic__label .wp-block-button__link{height:auto}[id^=components-project-mosaic-block] .project-mosaic__thumb:is(.is-position-top-left,.is-position-top-center,.is-position-top-right) .project-mosaic__label>*{grid-row:1}[id^=components-project-mosaic-block] .project-mosaic__thumb:is(.is-position-bottom-left,.is-position-bottom-center,.is-position-bottom-right) .project-mosaic__label>*{grid-row:3}[id^=components-project-mosaic-block] .project-mosaic__thumb:is(.is-position-top-left,.is-position-center-left,.is-position-bottom-left) .project-mosaic__label>*{grid-column:1}[id^=components-project-mosaic-block] .project-mosaic__thumb:is(.is-position-top-right,.is-position-center-right,.is-position-bottom-right) .project-mosaic__label>*{grid-column:3}[id^=components-project-mosaic-block] .project-mosaic__label .wp-block-button.is-style-glass .wp-block-button__link{display:block;white-space:nowrap;font-size:clamp(1rem,.58rem + 1.04vw,1.25rem);word-break:normal}[id^=components-project-mosaic-block] .project-mosaic__thumb:hover .wp-block-button.is-style-glass .wp-block-button__link:after,[id^=components-project-mosaic-block] .project-mosaic__thumb:focus-visible .wp-block-button.is-style-glass .wp-block-button__link:after{--tw-translate-y: -8px;--tw-translate-x: 8px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[id^=components-project-mosaic-block] .project-mosaic__callout{height:100%;width:100%}@media (prefers-reduced-motion: reduce){[id^=components-project-mosaic-block] .project-mosaic__thumb img,[id^=components-project-mosaic-block] .project-mosaic__label .wp-block-button__link:after{transition-property:none}[id^=components-project-mosaic-block] .project-mosaic__thumb:hover img,[id^=components-project-mosaic-block] .project-mosaic__thumb:focus-visible img{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}