.project-grid{display:grid;gap:1.5rem;margin-top:3rem}.project-grid__item{overflow:hidden}.project-grid__image{width:100%;height:100%;object-fit:cover;display:block}.project-grid--count-1{grid-template-columns:1fr}.project-grid--count-1 .project-grid__item{aspect-ratio:16 / 9}.project-grid--count-2{grid-template-columns:repeat(2,1fr)}.project-grid--count-2 .project-grid__item{aspect-ratio:4 / 5}.project-grid--count-3{grid-template-columns:repeat(2,1fr)}.project-grid--count-3 .project-grid__item:first-child{grid-row:span 2}.project-grid--count-3 .project-grid__item{aspect-ratio:4 / 5}.project-grid--count-4{grid-template-columns:repeat(2,1fr)}.project-grid--count-4 .project-grid__item{aspect-ratio:1 / 1}.project-grid--flow{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-grid--flow .project-grid__item{aspect-ratio:4 / 3}@media screen and (min-width:750px){.project-grid--count-3{grid-template-columns:repeat(3,1fr)}.project-grid--count-3 .project-grid__item:first-child{grid-row:span 1;grid-column:span 1}.project-grid--count-4{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:749px){.project-grid--count-1,.project-grid--count-2,.project-grid--count-3,.project-grid--count-4{grid-template-columns:1fr}}.project-grid__trigger{all:unset;display:block;width:100%;height:100%;cursor:zoom-in}.project-grid__trigger:focus-visible{outline:2px solid currentColor;outline-offset:2px}.project-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:9999;padding:2rem}.project-lightbox.is-open{display:flex}.project-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000026;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:block!important;overflow-y:visible}.project-lightbox__image{position:relative;max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain}@media screen and (min-width:750px){.project-lightbox__image{height:100%}}@media screen and (max-width:749px){.project-lightbox__image{width:100%}}.project-lightbox__close{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;z-index:9999;color:#fff;border:none;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:transparent}.project-lightbox__close:hover{opacity:.8}.portfolio-card{display:block;min-width:0}.portfolio-card img{width:100%;height:auto;display:block;aspect-ratio:7 / 5;object-fit:cover}.portfolio-grid{row-gap:var(--grid-desktop-vertical-spacing);display:grid}@media screen and (max-width:749px){.portfolio-grid{row-gap:var(--grid-mobile-vertical-spacing)}}.portfolio-info p,.portfolio-info a{color:rgb(var(--color-foreground));text-decoration:none!important}.project-lightbox.is-loading .project-lightbox__image{opacity:0}.project-lightbox__spinner{display:none;position:absolute;width:36px;height:36px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:project-lightbox-spin .7s linear infinite}.project-lightbox.is-loading .project-lightbox__spinner{display:block}@keyframes project-lightbox-spin{to{transform:rotate(360deg)}}.project-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:transparent;color:#fff;border:none;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999}.project-lightbox__nav:hover{opacity:.8}.project-lightbox__nav--prev{left:24px}.project-lightbox__nav--next{right:24px}.project-lightbox__counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:transparent;font-size:14px;letter-spacing:.02em}@media screen and (max-width:749px){.project-lightbox__nav{width:40px;height:40px;font-size:22px}.project-lightbox__nav--prev{left:8px}.project-lightbox__nav--next{right:8px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-project-grid.css.map */