.project-grid{background-color:var(--cream-50);color:var(--indigo-950);overflow:hidden;padding:3em 0}.project-grid.dark{background-color:var(--indigo-950);color:var(--mono-600)}.project-grid>.sub-wrapper{gap:2em;position:relative}.project-grid-title{overflow:clip;width:50%}.project-grid-swiper{display:flex;flex-direction:column;margin-bottom:1em;overflow:visible;width:100%}.project-grid-swiper>.swiper{overflow:visible;padding:0;width:100%}.project-grid-swiper .swiper-wrapper{align-items:stretch;overflow:visible;width:100%}.project-grid-swiper .swiper-slide{height:auto}.project-grid-item{display:flex;flex-direction:column;gap:1em;height:100%;width:100%}.project-grid-item-image{aspect-ratio:4/3;background:var(--white-10);overflow:hidden;position:relative;width:100%}.project-grid-item-image .full{transition:transform .6s ease;will-change:transform}.project-grid-item:hover .project-grid-item-image .full{transform:scale(1.05)}.project-grid-item-info{display:flex;flex-direction:column;gap:.3em;width:100%}.project-grid-item-title{font-size:1.4em}.project-grid-item-location{font-size:.9em}@media(min-width:1000px){.project-grid{padding:4.5em 0}.project-grid>.sub-wrapper{gap:3.2em}.project-grid-button-wrapper{position:absolute;right:var(--side-padding);top:0}}.project-grid-d{background-color:var(--cream-50);color:var(--indigo-950);overflow:hidden;padding:3em 0}.project-grid-d.dark{background-color:var(--indigo-950);color:var(--white)}.project-grid-d>.sub-wrapper{align-items:center;gap:2em;position:relative}.project-grid-d-title{max-width:570px;overflow:clip;text-align:center;width:50%}.project-grid-d-swiper{display:flex;flex-direction:column;margin-bottom:1em;overflow:visible;width:100%}.project-grid-d-swiper>.swiper{overflow:visible;padding:0;width:100%}.project-grid-d-swiper .swiper-wrapper{align-items:stretch;overflow:visible;width:100%}.project-grid-d-swiper .swiper-slide{height:auto}.project-grid-d-item{display:flex;flex-direction:column;gap:1em;height:100%;width:100%}.project-grid-d-item-image{aspect-ratio:4/5;background:var(--white-10);overflow:hidden;position:relative;width:100%}.project-grid-d-item-image .full{transition:transform .6s ease;will-change:transform}.project-grid-d-item:hover .project-grid-d-item-image .full{transform:scale(1.05)}.project-grid-d-item-info{display:flex;flex-direction:column;gap:.3em;width:100%}.dark .project-grid-d-item-title{color:var(--mono-600)}.project-grid-d-item-title{color:var(--black)}.project-grid-d-item-location{font-size:.9em}@media(min-width:1000px){.project-grid-d{padding:4.5em 0}.project-grid-d>.sub-wrapper{gap:3.2em;overflow:hidden}.project-grid-d-button-wrapper{position:absolute;right:var(--side-padding);top:0}}.project-grid-l{background-color:var(--cream-200);color:var(--indigo-950);overflow:hidden;padding:3em 0}.project-grid-l.dark{background-color:var(--indigo-950);color:var(--white)}.project-grid-l>.sub-wrapper{align-items:center;gap:2em;position:relative}.project-grid-l-top{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center;width:100%}.project-grid-l-title{max-width:570px;overflow:clip;text-align:center;width:50%}.project-grid-l-description{max-width:570px;overflow:clip;text-align:center;width:100%}.project-grid-l-swiper{display:flex;flex-direction:column;margin-bottom:1em;overflow:visible;width:100%}.project-grid-l-swiper>.swiper{overflow:visible;padding:0;width:100%}.project-grid-l-swiper .swiper-wrapper{align-items:stretch;overflow:visible;width:100%}.project-grid-l-swiper .swiper-slide{height:auto}.project-grid-l-item{display:flex;flex-direction:column;gap:1em;height:100%;width:100%}.project-grid-l-item-image{aspect-ratio:4/3;background:var(--white-10);overflow:hidden;position:relative;width:100%}.project-grid-l-item-image .full{transition:transform .6s ease;will-change:transform}.project-grid-l-item:hover .project-grid-l-item-image .full{transform:scale(1.05)}.project-grid-l-item-info{display:flex;flex-direction:column;gap:.3em;width:100%}.dark .project-grid-l-item-title{color:var(--mono-600)}.project-grid-l-item-title{color:var(--black)}.project-grid-l-item-location{font-size:.9em}@media(min-width:1000px){.project-grid-l{padding:4.5em 0}.project-grid-l>.sub-wrapper{gap:3.2em;overflow:hidden}.project-grid-l-button-wrapper{position:absolute;right:var(--side-padding);top:0}}
