.project-det{padding:0 1rem;position:relative}@media screen and (min-width:768px){.project-det{padding-left:52px;padding-right:52px}}.project-det__header{margin-bottom:2rem;text-align:center}.project-det__photos{text-align:center}.project-det .project-det__photo{margin-bottom:2rem}.project-det__info-and-content{margin:4rem 0}.project-det__name{-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;font-size:1.125rem;font-weight:700;line-height:1.2;margin:0}@media screen and (min-width:768px){.project-det__name{font-size:1.3rem}}.project-det__subtitle{font-size:1.125rem;font-weight:300}@media screen and (min-width:768px){.project-det__subtitle{font-size:1.3rem}}.project-det__client,.project-det__job-description{margin:1.5rem 0}@media screen and (min-width:1024px){.project-det__info-and-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.project-det__content,.project-det__info{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}}.project-det__footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:2rem}.project-det__navigator{display:grid;gap:12px;grid-template-areas:"left" "right" ".";margin:0 auto}@media screen and (min-width:768px){.project-det__navigator{gap:6px;grid-template-columns:auto 1fr auto;grid-template-areas:"left . right"}}@media screen and (min-width:1024px){.project-det__navigator{gap:12px;grid-template-columns:auto;grid-template-areas:"left" "right"}}@media screen and (min-width:1440px){.project-det__navigator{gap:6px;grid-template-columns:auto 1fr auto;grid-template-areas:"left . right"}}@media screen and (min-width:3840px){.project-det__navigator{margin-top:0}}.project-det__navigator-project{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.project-det__navigator-project.is-prev{grid-area:left}.project-det__navigator-project.is-next{grid-area:right}.project-det .navigator-project{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#fff;color:#595959;border:1px solid #cacaca;display:grid;font-size:11px;grid-template-columns:20px 1fr;grid-template-rows:auto auto;grid-template-areas:"icon image" "client client" "name name" ". .";height:100%;line-height:1.2;padding:6px;text-decoration:none}.project-det .navigator-project:hover{border-color:#595959;text-decoration:none}.project-det .navigator-project img{max-width:64px;width:100%}.project-det .navigator-project.is-next{grid-template-columns:1fr 20px;grid-template-areas:"image icon" "client client" "name name" ". ."}.project-det .navigator-project__icon{font-size:12px;grid-area:icon;text-align:center}.project-det .navigator-project.is-prev .navigator-project__icon{margin-right:3px}.project-det .navigator-project.is-next .navigator-project__icon{margin-left:3px}.project-det .navigator-project__image{grid-area:image}.project-det .navigator-project__name{grid-area:name;text-align:center}.project-det .navigator-project.is-next .navigator-project__icon{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}@media screen and (min-width:3840px){.project-det .navigator-project{position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:120px;z-index:2}.project-det .navigator-project.is-prev{left:6px}.project-det .navigator-project.is-next{right:6px}}