.project:where(.astro-tkm2rszc){overflow-x:hidden;display:grid;grid-template-columns:1fr;gap:var(--space-2);padding-block:var(--space-4)}@media only screen and (min-width: 900px){.project:where(.astro-tkm2rszc){padding-block:var(--space-5);grid-template-columns:1.614fr 1fr}.project:where(.astro-tkm2rszc):has(:first-child:is(.img-wrapper--outer)){grid-template-columns:1fr 1.614fr}.project:where(.astro-tkm2rszc):has(:first-child:is(.img-wrapper--outer)) .img-wrapper--outer:where(.astro-tkm2rszc){order:1}.project:where(.astro-tkm2rszc):has(:first-child:is(.img-wrapper--outer)) .text-wrapper:where(.astro-tkm2rszc){order:2}.project:where(.astro-tkm2rszc):has(:first-child:not(.img-wrapper--outer)) .text-wrapper:where(.astro-tkm2rszc){order:1}}.project:where(.astro-tkm2rszc) .text-wrapper:where(.astro-tkm2rszc){padding:var(--container-padding);order:2}@media only screen and (min-width: 700px){.project:where(.astro-tkm2rszc) .text-wrapper:where(.astro-tkm2rszc){padding:var(--space-2)}}@media only screen and (min-width: 1100px){.project:where(.astro-tkm2rszc) .text-wrapper:where(.astro-tkm2rszc){padding:var(--space-3)}}@media only screen and (min-width: 1300px){.project:where(.astro-tkm2rszc) .text-wrapper:where(.astro-tkm2rszc){padding:var(--space-4)}}.project:where(.astro-tkm2rszc) .text-wrapper:where(.astro-tkm2rszc) h1:where(.astro-tkm2rszc){text-transform:uppercase;line-height:1}.project:where(.astro-tkm2rszc) .text-wrapper:where(.astro-tkm2rszc) .technology:where(.astro-tkm2rszc){list-style:none;display:flex;padding:0;gap:var(--space--1);margin-bottom:var(--space-1)}.project:where(.astro-tkm2rszc) .text-wrapper:where(.astro-tkm2rszc) .technology:where(.astro-tkm2rszc) li:where(.astro-tkm2rszc){background:var(--clr-accent);padding:3px 12px;border-radius:var(--space-5);font-size:var(--fs--2);color:var(--clr-background)}.project:where(.astro-tkm2rszc) .text-wrapper:where(.astro-tkm2rszc) a:where(.astro-tkm2rszc){display:block;padding-top:var(--space-1)}.project:where(.astro-tkm2rszc) .img-wrapper--outer:where(.astro-tkm2rszc){position:relative;display:grid;place-items:center;min-height:350px;overflow:hidden;order:1;filter:grayscale(1)}.project:where(.astro-tkm2rszc) .img-wrapper--outer:where(.astro-tkm2rszc):after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(transparent,#00000080)}.project:where(.astro-tkm2rszc) .img-wrapper--inner:where(.astro-tkm2rszc){display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;rotate:-10deg;position:absolute}.project:where(.astro-tkm2rszc) .img-wrapper--inner__row:where(.astro-tkm2rszc){display:flex;flex-direction:column;gap:1rem;justify-content:center}.project:where(.astro-tkm2rszc) .img-wrapper--inner__row:where(.astro-tkm2rszc):nth-child(1),.project:where(.astro-tkm2rszc) .img-wrapper--inner__row:where(.astro-tkm2rszc):nth-child(3){transform:translateY(40px)}.project:where(.astro-tkm2rszc) .img-wrapper--inner__row:where(.astro-tkm2rszc):nth-child(2){transform:translateY(-40px)}.project:where(.astro-tkm2rszc) .img-wrapper--inner:where(.astro-tkm2rszc) img:where(.astro-tkm2rszc){width:100%;height:auto}header:where(.astro-aid3sr62){max-width:980px;padding:0 var(--container-padding);margin:0 auto}.project:where(.astro-aid3sr62){overflow-x:hidden;display:grid;grid-template-columns:1fr;gap:var(--space-2);padding-block:var(--space-4)}@media only screen and (min-width: 900px){.project:where(.astro-aid3sr62){padding-block:var(--space-5);grid-template-columns:1.614fr 1fr}.project:where(.astro-aid3sr62):has(:first-child:is(.img-wrapper--outer)){grid-template-columns:1fr 1.614fr}.project:where(.astro-aid3sr62):has(:first-child:is(.img-wrapper--outer)) .img-wrapper--outer:where(.astro-aid3sr62){order:1}.project:where(.astro-aid3sr62):has(:first-child:is(.img-wrapper--outer)) .text-wrapper:where(.astro-aid3sr62){order:2}.project:where(.astro-aid3sr62):has(:first-child:not(.img-wrapper--outer)) .text-wrapper:where(.astro-aid3sr62){order:1}}.project:where(.astro-aid3sr62) .text-wrapper:where(.astro-aid3sr62){padding:var(--container-padding);order:2}@media only screen and (min-width: 700px){.project:where(.astro-aid3sr62) .text-wrapper:where(.astro-aid3sr62){padding:var(--space-2)}}@media only screen and (min-width: 1100px){.project:where(.astro-aid3sr62) .text-wrapper:where(.astro-aid3sr62){padding:var(--space-3)}}@media only screen and (min-width: 1300px){.project:where(.astro-aid3sr62) .text-wrapper:where(.astro-aid3sr62){padding:var(--space-4)}}.project:where(.astro-aid3sr62) .text-wrapper:where(.astro-aid3sr62) h1:where(.astro-aid3sr62){text-transform:uppercase;line-height:1}.project:where(.astro-aid3sr62) .text-wrapper:where(.astro-aid3sr62) .technology:where(.astro-aid3sr62){list-style:none;display:flex;padding:0;gap:var(--space--1);margin-bottom:var(--space-1)}.project:where(.astro-aid3sr62) .text-wrapper:where(.astro-aid3sr62) .technology:where(.astro-aid3sr62) li:where(.astro-aid3sr62){background:var(--clr-accent);padding:3px 12px;border-radius:var(--space-5);font-size:var(--fs--2);color:var(--clr-background)}.project:where(.astro-aid3sr62) .text-wrapper:where(.astro-aid3sr62) a:where(.astro-aid3sr62){display:block;padding-top:var(--space-1)}.project:where(.astro-aid3sr62) .img-wrapper--outer:where(.astro-aid3sr62){position:relative;display:grid;place-items:center;min-height:350px;overflow:hidden;order:1;filter:grayscale(1)}.project:where(.astro-aid3sr62) .img-wrapper--outer:where(.astro-aid3sr62):after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(transparent,#00000080)}.project:where(.astro-aid3sr62) .img-wrapper--inner:where(.astro-aid3sr62){display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;rotate:-10deg;position:absolute}.project:where(.astro-aid3sr62) .img-wrapper--inner__row:where(.astro-aid3sr62){display:flex;flex-direction:column;gap:1rem;justify-content:center}.project:where(.astro-aid3sr62) .img-wrapper--inner__row:where(.astro-aid3sr62):nth-child(1),.project:where(.astro-aid3sr62) .img-wrapper--inner__row:where(.astro-aid3sr62):nth-child(3){transform:translateY(40px)}.project:where(.astro-aid3sr62) .img-wrapper--inner__row:where(.astro-aid3sr62):nth-child(2){transform:translateY(-40px)}.project:where(.astro-aid3sr62) .img-wrapper--inner:where(.astro-aid3sr62) img:where(.astro-aid3sr62){width:100%;height:auto}