.proj-cat-label{font-size:1.875rem;line-height:2.25rem}.project{position:relative;display:flex;flex-direction:column-reverse;gap:3.5rem;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-top:5rem;margin-bottom:5rem;border-bottom-width:2px;border-top-width:8px}.project:after{position:absolute;inset:0;z-index:-10;border-top-left-radius:9999px;border-top-right-radius:9999px;content:var(--tw-content);background-color:var(--color-accentone-100)}@media (min-width:1024px){.project{flex-direction:row;border-left-width:2px;border-right-width:2px}.project.inverted{flex-direction:row-reverse}}.project.active{transition-duration:1s}.project>div:first-child{flex-basis:41.666667%;padding-bottom:2rem}@media (min-width:1024px){.project>div:first-child{padding-top:1.25rem}}.project>div:last-child{position:relative;flex-basis:58.333333%}.project h3{font-size:1.5rem;line-height:2rem}.project p:first-of-type{margin-bottom:1.25rem;font-family:var(--font-poppins);color:var(--color-heading)}.project p:nth-of-type(2){text-wrap:balance}.project a,.project h4{font-size:1rem;line-height:1.5rem}:where(a>*,.project a){transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.project a{background-color:var(--color-heading);color:var(--color-accentone-100);text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.project a:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.project a:hover{background-color:var(--color-accentone-100);color:var(--color-heading);--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgb(0 0 0/0.1);--tw-shadow:var(--tw-shadow-colored)}.project a:hover:is(.dark *){--tw-shadow-color:rgb(255 255 255/0.1);--tw-shadow:var(--tw-shadow-colored)}}.project a{margin:1.25rem;display:block;width:-moz-fit-content;width:fit-content;padding:.25rem .75rem}