.projects-section .MuiPaper-root{box-shadow:none;background:0 0;border-radius:12px;padding:0;overflow:hidden}.projects-section .MuiGrid-container{width:100%}.projects{max-width:1200px;margin:0 auto;padding:2rem}.projects h1{font-family:var(--font-roboto),sans-serif;color:var(--text-primary);text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:300}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.project-card{width:100%;min-height:160px;color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0003;container:card/inline-size}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.project-card__image{aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:cover;flex:none;width:100%}.project-card--dashboard .project-card__image{background-image:url(/images/dashboard_background_v3.jpg)}.project-card--piano .project-card__image{background-image:url(/images/piano_background_v2.jpg)}.project-card--assistant .project-card__image{background-image:url(/images/assistant_background_v8.jpg)}.project-card__content{text-align:left;background:#fffffff2;flex-direction:column;flex:1;justify-content:center;padding:1rem 1.25rem;display:flex;box-shadow:0 4px 24px #00000026}.project-card__content .project-card__title,.project-card__content .project-card__description{text-align:left;width:100%}.project-card--dashboard .project-card__content,.project-card--piano .project-card__content,.project-card--assistant .project-card__content{background:#fffffff2}.project-card--dashboard .project-card__accent,.project-card--piano .project-card__accent,.project-card--assistant .project-card__accent{background:#000}.project-card--dashboard .project-card__title,.project-card--piano .project-card__title,.project-card--assistant .project-card__title{color:#000;font-size:clamp(1rem,5cqw,1.5rem);font-weight:600}.project-card--dashboard .project-card__description,.project-card--piano .project-card__description,.project-card--assistant .project-card__description{color:#222;font-size:clamp(.8rem,3.5cqw,1.1rem)}.project-card--dashboard .project-card__cta,.project-card--piano .project-card__cta,.project-card--assistant .project-card__cta{color:#fff;background:#000;border-radius:clamp(6px,2cqw,8px);padding:clamp(.5rem,1.8cqw,.65rem) clamp(1rem,3.5cqw,1.25rem);font-size:clamp(.75rem,2.8cqw,.9rem);transition:background .2s,transform .2s}.project-card--dashboard:hover .project-card__cta,.project-card--piano:hover .project-card__cta,.project-card--assistant:hover .project-card__cta{background:#333}.project-card__accent{border-radius:2px;width:clamp(28px,10cqw,40px);height:clamp(2px,.8cqw,3px);margin-bottom:clamp(.5rem,2.5cqw,1rem)}.project-card__title{font-family:var(--font-roboto),sans-serif;letter-spacing:.02em;margin:0 0 clamp(.4rem,1.5cqw,.6rem);font-weight:500}.project-card__description{font-family:var(--font-roboto),sans-serif;letter-spacing:.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 clamp(.75rem,3cqw,1.25rem);font-weight:400;line-height:1.6;display:none;overflow:hidden}.project-card__cta{font-family:var(--font-roboto),sans-serif;letter-spacing:.05em;text-transform:uppercase;align-self:flex-start;font-weight:600}@media (min-width:640px) and (max-width:1023px){.project-card__description{display:none}.project-card__title{margin-bottom:.5rem}}@media (min-width:1024px){.project-card{flex-direction:row;min-height:160px}.project-card--image-right{flex-direction:row-reverse}.project-card__image{aspect-ratio:auto;flex:0 0 66.67%;width:66.67%;min-height:160px}.project-card__content{text-align:left;flex:0 0 33.33%;width:33.33%;padding:1.25rem 1.75rem}.project-card--image-right .project-card__content{text-align:right;align-items:flex-end}.project-card--image-right .project-card__content .project-card__title,.project-card--image-right .project-card__content .project-card__description{text-align:right}.project-card__description{display:-webkit-box}}@media (max-width:639px){.projects-section .MuiGrid-container{padding:0 clamp(1rem,4vw,1.5rem)}.project-card__description{display:none}.project-card__title{margin-bottom:.5rem}.project-card__content{padding:clamp(.875rem,3cqw,1.25rem)}.project-card__accent{margin-bottom:.5rem}}