.PortfolioProject{margin-top:-100px;margin-bottom:48px}.PortfolioProject header{margin-bottom:24px}.PortfolioProject div.HeaderImage{opacity:.5;background-color:#a67759;width:100%;min-height:288px}.PortfolioProject div.HeaderImage img{height:auto;display:block}.PortfolioProject .TitleContainer{text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:40px 0 0;overflow:hidden}.PortfolioProject h1{font-size:300%}.PortfolioProject .Metadata{background-color:#fffc;flex-direction:row;justify-content:center;align-items:center;gap:48px;padding:12px 0;display:flex;position:absolute;bottom:0;left:0;right:0}.PortfolioProject .Metadata strong{margin-right:8px;font-weight:800}.PortfolioProject .Metadata li{margin:0;padding:0;list-style-type:none}.PortfolioProject .Module:not(.ImageModule) img{margin:32px 0}.PortfolioProject .GalleryWrapper{justify-content:center;margin-left:48px;margin-right:48px;display:flex}.PortfolioProject .Gallery{max-width:1280px}.PortfolioIndex .Project{border-radius:6px;transition:transform .3s,box-shadow .3s;display:block;position:relative;box-shadow:0 0 1px #000000ab,0 3px 12px #0000001a}.PortfolioIndex .Project:hover{transform:translateY(-1px);box-shadow:0 0 1px #000000ab,0 4px 16px #0003}.PortfolioIndex .ProjectList>.Content{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.PortfolioIndex .ProjectThumb{background-color:#a67759;border-radius:6px}.PortfolioIndex .ProjectThumb img{border-radius:6px}.PortfolioIndex .ProjectInfo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;color:#fff;background-color:#0000004d;border-radius:0 0 6px 6px;width:100%;padding:8px;position:absolute;bottom:0}.PortfolioIndex .ProjectInfo a{color:#fff}.PortfolioIndex .ProjectInfo h3{margin:0;font-size:100%}.PortfolioIndex .ProjectInfo h4{color:#ffffff80;margin:0;font-size:14px}@media screen and (max-width:800px){.PortfolioProject .BackLink{display:none}}@media screen and (max-width:680px){.PortfolioProject header{border:0 solid #b34400;border-bottom-width:1px;margin-top:80px;margin-bottom:-16px;padding:0 24px 24px}.PortfolioProject .HeaderImage{display:none}.PortfolioProject .TitleContainer{display:block;position:static}.PortfolioProject .Metadata{flex-direction:column;gap:0;position:static}.PortfolioProject .Metadata li{text-align:center}}@media screen and (max-width:480px){.PortfolioProject h1{font-size:2rem}}