.project-det{position:relative}.project-det__header{margin-bottom:2rem}.project-det__name{font-size:1.125rem;font-weight:700;line-height:1.2}@media screen and (min-width:768px){.project-det__name{font-size:1.75rem}}.project-det__client{text-align:center}.project-det__photos{margin:0 0 1rem;text-align:center}.project-det__services{margin:0 0 50px}.project-det__service{list-style:none;margin:0 0 6px}.project-det__service a{align-items:center;color:inherit;display:flex;padding:6px 20px 6px 6px;position:relative;text-decoration:none}.project-det__service a:hover{border-color:#595959;transition:border-color .25s ease-in-out}.project-det__service a *{vertical-align:center}.project-det__service a .bullet{color:#cacaca;font-size:7px;line-height:0;margin-right:12px}.project-det__service a:hover .bullet{color:#595959}.project-det__service a .chevron{color:#595959;font-size:14px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.project-det .project__photo{margin-bottom:2rem}@media screen and (min-width:1280px){.project-det__photos-and-services{display:flex}.project-det__photos{flex:0 0 70%}.project-det__info{flex:0 0 30%;padding-left:2rem}.project-det .sticky{position:sticky;top:100px}}.project-det__navigator{display:grid;gap:12px;grid-template-areas:"left" "right" ".";margin-top:60px}@media screen and (min-width:768px){.project-det__navigator{gap:6px;grid-template-areas:"left . right";grid-template-columns:auto 1fr auto}}@media screen and (min-width:1280px){.project-det__navigator{gap:12px;grid-template-areas:"left" "right";grid-template-columns:auto}}@media screen and (min-width:1440px){.project-det__navigator{gap:6px;grid-template-areas:"left . right";grid-template-columns:auto 1fr auto}}@media screen and (min-width:3840px){.project-det__navigator{margin-top:0}}.project-det__navigator-project{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{align-items:center;background:#fff;border:1px solid #cacaca;color:#595959;display:grid;font-size:11px;grid-template-areas:"icon image" "client client" "name name" ". .";grid-template-columns:20px 1fr;grid-template-rows:auto auto;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{width:100%}.project-det .navigator-project.is-next{grid-template-areas:"image icon" "client client" "name name" ". .";grid-template-columns:1fr 20px}.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__client{color:#858585;font-weight:500;grid-area:client;text-align:center}.project-det .navigator-project__name{grid-area:name;text-align:center}.project-det .navigator-project.is-next .navigator-project__icon{order:2}@media screen and (min-width:3840px){.project-det .navigator-project{position:fixed;top: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}}