.project-page.svelte-jdofo4{--fade-duration: .3s;position:relative;min-height:100vh;background-color:var(--clr-bg)}.project-page__inner.svelte-jdofo4{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--spacing-8);flex-wrap:nowrap;padding-top:calc(var(--compact-header-height, 0px));padding-bottom:var(--spacing-12);width:100%}@media(max-width:1024px){.project-page__inner.svelte-jdofo4{gap:var(--spacing-6);padding-top:calc(var(--compact-header-height, 0px) + var(--spacing-6));padding-bottom:var(--spacing-6)}}@media(max-width:768px){.project-page__inner.svelte-jdofo4{padding-top:calc(var(--compact-header-height, 0px) + var(--spacing-6));padding-bottom:var(--spacing-6)}}.project-page__back.svelte-jdofo4{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;opacity:0;transition:opacity var(--fade-duration) ease-out}.project-page__back_visible.svelte-jdofo4{opacity:1}.project-page__back-link.svelte-jdofo4{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap;color:var(--clr-text);text-decoration:none;transition:color .3s ease}.project-page__back-link.svelte-jdofo4:hover{color:var(--clr-secondary-500)}.project-page__back-text.svelte-jdofo4{letter-spacing:.05em}.project-page.svelte-jdofo4 .project-page__back-icon{width:1.25em;height:1.25em;flex-shrink:0}.project-page__body.svelte-jdofo4{display:grid;gap:var(--spacing-8);align-items:start;width:100%}@media(max-width:1024px){.project-page__body.svelte-jdofo4{gap:var(--spacing-6)}}@media(max-width:768px){.project-page__body.svelte-jdofo4{gap:var(--spacing-6)}}.project-page__cover.svelte-jdofo4{width:100%;overflow:hidden;margin-top:0;min-height:60vh;grid-column:2/span 5}.project-page__cover.svelte-jdofo4 img:where(.svelte-jdofo4){width:100%;height:100%;object-fit:cover;display:block}@media(max-width:768px){.project-page__cover.svelte-jdofo4{min-height:auto;grid-column:2/-2}}.project-page__content.svelte-jdofo4{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--spacing-8);flex-wrap:nowrap;padding:0;max-width:none;margin:0;width:100%;grid-column:7/span 5;opacity:0;transition:opacity var(--fade-duration) ease-out;background-color:var(--clr-bg)}.project-page__content_visible.svelte-jdofo4{opacity:1}@media(max-width:768px){.project-page__content.svelte-jdofo4{grid-column:2/-2}}.project-page__header.svelte-jdofo4{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-2);flex-wrap:nowrap;text-align:left;padding-top:var(--spacing-6)}.project-page__type.svelte-jdofo4{text-transform:uppercase;color:var(--clr-text-100)}.project-page__title.svelte-jdofo4{margin:0}.project-page__description.svelte-jdofo4{text-align:left}.project-page__description.svelte-jdofo4 p:where(.svelte-jdofo4){margin:0}.project-page__gallery.svelte-jdofo4{width:100%;opacity:0;transition:opacity var(--fade-duration) ease-out}.project-page__gallery_visible.svelte-jdofo4{opacity:1}.project-page__gallery-scroll.svelte-jdofo4{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:var(--spacing-4);flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-2);grid-column:2/span 10}.project-page__gallery-scroll.svelte-jdofo4::-webkit-scrollbar{height:6px}.project-page__gallery-scroll.svelte-jdofo4::-webkit-scrollbar-track{background:var(--clr-bg-200);border-radius:var(--rounded-full)}.project-page__gallery-scroll.svelte-jdofo4::-webkit-scrollbar-thumb{background:var(--clr-text-100);border-radius:var(--rounded-full)}.project-page__gallery-scroll.svelte-jdofo4 img:where(.svelte-jdofo4){scroll-snap-align:start;flex-shrink:0;max-height:300px;width:auto;border-radius:var(--rounded-md)}@media(max-width:768px){.project-page__gallery-scroll.svelte-jdofo4 img:where(.svelte-jdofo4){max-height:200px}}@media(max-width:768px){.project-page__gallery-scroll.svelte-jdofo4{grid-column:2/-2}}