:root{--project-gap:0rem;--project-item-gap:1rem;--project-min-height:32rem;--project-columns:2;--project-color:var(--color-white)}@media (min-width:1024px){:root{--project-gap:4rem;--project-item-gap:3rem 1rem}}.project{--section-color-text:var(--project-color)}@media screen and (max-width:1023px){.project{--padding-x:0;--padding-y:0}}.project-wrapper{display:flex;overflow-x:scroll;flex-direction:row;scroll-snap-type:x mandatory;scroll-behavior:smooth;align-items:center;min-height:32rem;min-height:var(--project-min-height)}.project-wrapper>*{scroll-snap-align:center;scroll-snap-stop:always}@media (min-width:1024px){.project-wrapper{overflow:visible;scroll-snap-type:none;display:grid;grid-gap:0 6rem;gap:0 6rem;grid-template-columns:2fr 1fr;grid-template-areas:"puffs title" "puffs text"}}@media (min-width:1024px){.project-navigation{display:none}}.project-navigation-hidden{opacity:0}.project-navigation-next,.project-navigation-prev{transition:var(--transition-fast);position:absolute;top:calc(50% - 1rem);pointer-events:visible}.project-navigation-prev{left:1rem;transform:rotate(180deg)}.project-navigation-next{right:1rem}.project-title{grid-area:title;order:1}@media screen and (max-width:1023px){.project-title{text-align:center}}.project-title>*{max-width:30rem;margin-left:auto;margin-right:auto}@media (min-width:1024px){.project-title{align-self:flex-end}}.project-text{grid-area:text;order:2}@media screen and (max-width:1023px){.project-text{text-align:center}}.project-text>*{max-width:30rem;margin-left:auto;margin-right:auto}@media (min-width:1024px){.project-text{align-self:flex-start}}.project-link{display:flex;justify-content:center}@media (min-width:1024px){.project-link{display:block}}.project-grid{grid-area:puffs;flex:1 1 60%;background:var(--color-brown-200);color:var(--color-blue-700);display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1rem;gap:1rem;grid-gap:var(--project-item-gap);gap:var(--project-item-gap);order:3;align-self:stretch;padding-left:2rem!important;padding-right:2rem!important}@media (min-width:1024px){.project-grid{padding-left:2.5rem!important;padding-right:2.5rem!important;align-self:auto;background:transparent;color:var(--section-color-text)!important;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);grid-template-areas:". a ." ". . b" "c . ." ". d ."}}.project-slide{width:100vw;min-width:100vw;padding:2.75rem 2.5rem}@media (min-width:1024px){.project-slide{padding:0;width:auto;min-width:auto}}.project-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:30rem;margin-left:auto;margin-right:auto}@media (min-width:1024px){.project-item{flex-direction:column-reverse;justify-content:flex-start;margin-left:0;margin-right:0}.project-item[data-grid=a]{grid-area:a;position:relative;left:-3rem}.project-item[data-grid=b]{grid-area:b;position:relative;left:2rem}.project-item[data-grid=c]{grid-area:c;flex-direction:column}.project-item[data-grid=d]{grid-area:d;position:relative;left:3rem}}.project-item-title{color:var(--color-orange-500)}.project-item-text{font-size:12px;margin-bottom:0}@media (min-width:1024px){[data-grid=b] .project-item-text,[data-grid=c] .project-item-text{max-width:10rem}}