.use-diamond-gallery{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);place-items:center;max-width:500px;margin-inline:auto;display:grid}.use-diamond-gallery .gallery-item{grid-column:var(--gallery-column)/span 2;grid-row:var(--gallery-row)/span 2;width:100%;height:100%;line-height:0;transition:z-index .25s}.use-diamond-gallery .gallery-item img{aspect-ratio:1;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);filter:brightness(.55)contrast(.9)saturate(.85);will-change:clip-path, filter;cursor:pointer;width:100%;height:100%;transition:filter .5s,clip-path .35s cubic-bezier(.4,0,.2,1)}.use-diamond-gallery .gallery-item img:hover{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);filter:brightness()contrast()saturate()}.use-diamond-gallery .gallery-item:has(img:hover),.use-diamond-gallery .gallery-item:has(img:focus-visible){z-index:10}.use-diamond-gallery:not(:has(img:hover)):not(:has(img:focus-visible)) .gallery-item:nth-child(3){z-index:5}.use-diamond-gallery:not(:has(img:hover)):not(:has(img:focus-visible)) .gallery-item:nth-child(3) img{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);filter:brightness()contrast()saturate()}section.about .use-link{margin-top:10px}section.services.use-background{background-image:radial-gradient(circle at top left, color-mix(in oklab, var(--color-primary) 15%, transparent), transparent 40%), radial-gradient(circle at bottom right, color-mix(in oklab, var(--color-primary) 25%, transparent), transparent 40%);outline:1px solid var(--color-border);isolation:isolate}section.services.use-background:after{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(45deg, transparent, transparent 40px, var(--color-border) 40px, var(--color-border) 42px);opacity:.4;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}section.services:has(.use-link){--text-align:center}section.services .use-container:has(.use-icon-box){margin-block:10px}section.services .use-icon-box .icon-box-title{font-size:var(--font-size-h5)}section.services .use-icon-box .icon-box-content,section.services .use-icon-box .icon-box-description{flex-direction:column;display:inline-flex}section.services .use-icon-box .icon-box-description{flex-grow:1}section.services .use-icon-box .icon-box-description a{margin-top:auto;margin-inline:auto}section.services .use-icon-box .icon-box-description a .use-icon{margin-bottom:-3px}