.gallery-preview.svelte-anz5l2{padding:var(--padding-section) 0;background-image:var(--gradient-09);color:var(--color-white);position:relative}.gallery-preview.svelte-anz5l2:after,.gallery-preview.svelte-anz5l2:before{position:absolute;content:"";width:100%;height:90px;opacity:.02;left:0;background-image:url(../../../icons/bricks.svg);background-size:200px 200px;background-repeat:repeat-x}.gallery-preview.svelte-anz5l2:after{bottom:0%;background-position:center bottom -40px}.gallery-preview.svelte-anz5l2:before{top:0%;background-position:center top -30px}.gallery-preview__top.svelte-anz5l2{margin-bottom:var(--gutter)}@media only screen and (min-width: 1024px){.gallery-preview__top.svelte-anz5l2{margin-bottom:var(--padding-section)}}.gallery-preview__anchor.svelte-anz5l2{margin-bottom:var(--gutter)}@media only screen and (min-width: 768px){.gallery-preview__anchor.svelte-anz5l2{margin-bottom:50px}}.gallery-preview__title.svelte-anz5l2{margin-bottom:var(--gutter-30);font-size:var(--fs-30)}.gallery-preview__inner.svelte-anz5l2{display:flex;flex-direction:column;gap:30px 0}@media only screen and (min-width: 1024px){.gallery-preview__inner.svelte-anz5l2{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:unset}}.gallery-preview__link.svelte-anz5l2{width:-moz-fit-content;width:fit-content;padding-right:10px}.gallery-preview__link.svelte-anz5l2:before{content:"";position:absolute;top:5px;left:100%;width:12px;height:12px;background-image:url(../../../icons/arrow-white.svg);background-repeat:no-repeat;background-size:contain}@media only screen and (min-width: 1280px){.gallery-preview__link.svelte-anz5l2:before{transform:translate(-15px);transition:transform .3s ease,opacity .3s ease;opacity:0}}.gallery-preview__link.svelte-anz5l2:after{background-color:var(--color-white)}.gallery-preview__link.svelte-anz5l2:hover:before{transform:translate(0);opacity:1}.gallery-preview__content.svelte-anz5l2{width:calc(100vw - 10px);overflow-x:clip;margin:0 auto;max-width:2240px}.gallery-preview.svelte-anz5l2 .project:where(.svelte-anz5l2){display:grid;grid-auto-flow:column;grid-auto-columns:300px;gap:20px;justify-items:stretch;overflow:scroll hidden;overflow:scroll clip;padding:20px 0;scroll-snap-type:x mandatory}@media (min-width: 768px){.gallery-preview.svelte-anz5l2 .project:where(.svelte-anz5l2){gap:var(--gutter-30)}}@media (min-width: 1280px){.gallery-preview.svelte-anz5l2 .project:where(.svelte-anz5l2){grid-template-columns:repeat(4,1fr);overflow:hidden}}.gallery-preview.svelte-anz5l2 .project:where(.svelte-anz5l2)::-webkit-scrollbar{height:5px}.gallery-preview.svelte-anz5l2 .project:where(.svelte-anz5l2)::-webkit-scrollbar-track{background-color:transparent}.gallery-preview.svelte-anz5l2 .project:where(.svelte-anz5l2)::-webkit-scrollbar-thumb{background-color:var(--color-dark-blue);outline:.2px solid var(--color-dark-blue);border-radius:4px}.gallery-preview.svelte-anz5l2 .project__item:where(.svelte-anz5l2){border-radius:8px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;min-height:320px;scroll-snap-align:center}@media (min-width: 768px){.gallery-preview.svelte-anz5l2 .project__item:where(.svelte-anz5l2){min-height:320px;aspect-ratio:4/6}}@media (min-width: 1280px){.gallery-preview.svelte-anz5l2 .project__item:where(.svelte-anz5l2){min-height:unset}}.gallery-preview.svelte-anz5l2 .project__item:where(.svelte-anz5l2) .placeholder{height:220px;border-radius:8px}.gallery-preview.svelte-anz5l2 .project__item:where(.svelte-anz5l2) .actual{border-radius:8px}@media (min-width: 1280px){.gallery-preview.svelte-anz5l2 .project__item:where(.svelte-anz5l2) .actual{height:auto}}@media (min-width: 1280px){.gallery-preview.svelte-anz5l2 .project__item:where(.svelte-anz5l2) .actual{scroll-snap-align:unset;overflow:hidden}}.gallery-preview.svelte-anz5l2 .project__info:where(.svelte-anz5l2){position:absolute;top:0;left:0;padding:10px 20px 10px 10px;border-bottom-right-radius:8px;border-top-left-radius:8px;background-image:var(--gradient-08);width:-moz-fit-content;width:fit-content;box-shadow:2px 0 10px #0000004d;letter-spacing:.1rem}.gallery-preview.svelte-anz5l2 .project:where(.svelte-anz5l2) .fog:where(.svelte-anz5l2):after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-image:linear-gradient(90deg,transparent,transparent,transparent,hsla(204,65%,21%,.3),hsla(204,65%,21%,.9))}
