.mProjectthumbnail{position:relative;min-width:0}.mProjectthumbnailContainer{display:grid;grid-template-rows:auto auto 1fr;gap:var(--space15)}@media(min-width: 768px){.mProjectthumbnailContainer{grid-template-columns:calc(100% - var(--space60)) 45rem}}@media(max-width: 767px){.mProjectthumbnailContainer{grid-template-columns:calc(100% - var(--space60) - 15rem) 45rem}}.mProjectthumbnailFigure{grid-column:1/-1;grid-row:1;aspect-ratio:404/390}@media(min-width: 768px){.mProjectthumbnailFigure:where(.mProjectthumbnail._large *){aspect-ratio:852/901}}.mProjectthumbnailFigure .cPicture{position:absolute;top:0;left:0}.mProjectthumbnailFigure .cPicture,.mProjectthumbnailFigure .cVideo{aspect-ratio:404/390}@media(min-width: 768px){.mProjectthumbnailFigure .cPicture:where(.mProjectthumbnail._large *),.mProjectthumbnailFigure .cVideo:where(.mProjectthumbnail._large *){aspect-ratio:852/901}}.mProjectthumbnailFigure .cVideo{pointer-events:none}.cPicture:where(.mProjectthumbnailFigure *){display:none}.cPicture:where(.mProjectthumbnailFigure *):where(.mProjectthumbnailFigure:not(:has(>.cPicture:nth-of-type(2))) *){display:block}.cPicture:where(.mProjectthumbnailFigure *)._shown{display:block}.cPicture:where(.mProjectthumbnailFigure *):has(+.cPicture._shown){display:block}.mProjectthumbnailTitle{grid-column:1;grid-row:2;display:flex;padding-top:var(--space15)}.mProjectthumbnailTitle span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mProjectthumbnailTitle:where(._hover *){opacity:.5}.mProjectthumbnailText{grid-column:1;grid-row:3;display:flex;color:var(--textColor);opacity:.5}.mProjectthumbnailText span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mProjectthumbnailArrow{grid-column:2;grid-row:2/-1;align-self:end}.mProjectthumbnailCategory{position:absolute;z-index:1;bottom:90rem;right:15rem;padding:10rem;background-color:var(--bgColor);border-radius:4rem;display:flex;color:rgb(from var(--textColor) r g b/0.5)}.mProjectthumbnailCategory._hover{color:var(--textColor)}.mProjectssection{display:flex;flex-direction:column;gap:var(--space60);padding-top:calc(var(--space210) + var(--headAreaHeight))}.mProjectgroup{display:grid}@media(min-width: 768px){.mProjectgroup{-moz-column-gap:var(--columnGap);column-gap:var(--columnGap);grid-template-columns:1fr 1fr 1fr}.mProjectgroup:has(.mProjectthumbnail._large){grid-template-rows:1fr 1fr;row-gap:calc(var(--columnGap) + 2rem)}.mProjectgroup:has(.mProjectthumbnail._large) .mProjectthumbnail._large{grid-column:1/3;grid-row:1/-1}}@media(max-width: 767px){.mProjectgroup{grid-template-rows:1fr 1fr 1fr;gap:var(--space60)}}