.project-link{color:#222;cursor:pointer;background:#fff;border:2px solid;border-radius:2px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.project-link.blue{color:#2960d9;border-color:#2960d9}.project-link.black{color:#14110f;border-color:#14110f}.project-link.red{color:#ef5b5b;border-color:#ef5b5b}.project-link.orange{color:#ffba49;border-color:#ffba49}.project-link.green{color:#20a39e;border-color:#20a39e}.project-link:visited{color:#222;background:#fff}.project-link.blue:visited{color:#2960d9;border-color:#2960d9}.project-link.black:visited{color:#14110f;border-color:#14110f}.project-link.red:visited{color:#ef5b5b;border-color:#ef5b5b}.project-link.orange:visited{color:#ffba49;border-color:#ffba49}.project-link.green:visited{color:#20a39e;border-color:#20a39e}.project-link:hover{color:#222;background:#f5f5f5;border-color:#222}.project-link.blue:hover{color:#fff;background:#1741a6;border-color:#1741a6}.project-link.black:hover{color:#fff;background:#222;border-color:#222}.project-link.red:hover{color:#fff;background:#c13c3c;border-color:#c13c3c}.project-link.orange:hover{color:#fff;background:#e6a200;border-color:#e6a200}.project-link.green:hover{color:#fff;background:#157a73;border-color:#157a73}.project-detail-page{max-width:100%;min-height:100vh;padding:calc(56px + 2rem) 16px 0;overflow-x:hidden}.back-button{cursor:pointer;color:inherit;background:0 0;border:2px solid;margin:2rem 0;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .3s}.back-button.blue{color:#fff;background:#2960d9;border-color:#2960d9}.back-button.black{color:#fff;background:#14110f;border-color:#14110f}.back-button.red{color:#fff;background:#ef5b5b;border-color:#ef5b5b}.back-button.orange{color:#fff;background:#ffba49;border-color:#ffba49}.back-button.green{color:#fff;background:#20a39e;border-color:#20a39e}.back-button:hover{color:#222;background:#f5f5f5;border-color:#222}.back-button.blue:hover{color:#fff;background:#1741a6;border-color:#1741a6}.back-button.black:hover{color:#fff;background:#222;border-color:#222}.back-button.red:hover{color:#fff;background:#c13c3c;border-color:#c13c3c}.back-button.orange:hover{color:#fff;background:#e6a200;border-color:#e6a200}.back-button.green:hover{color:#fff;background:#157a73;border-color:#157a73}.project-content{flex-direction:column;gap:1rem;margin:0 auto;display:flex}.project-title{text-align:left;margin-bottom:0;font-size:2.5rem;line-height:1.3}.project-title a{color:inherit;text-decoration:none;transition:opacity .3s}.project-title a:visited{color:inherit}.project-title a:hover{opacity:.7}.project-info{text-align:left;order:2}.project-image{justify-content:center;align-items:center;width:100%;max-width:100%;padding:1rem;display:flex;overflow:hidden}.project-image>.image{width:100%;max-width:100%}.project-video{width:100%;padding:1rem}.project-video .video-container,.project-image .video-container{background:#000;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.project-video .video-container iframe,.project-image .video-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.project-images{flex-direction:column;order:1;gap:2rem;display:flex}.project-body{white-space:pre-line;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.project-credits{opacity:.8;font-size:.9rem;font-style:italic}.project-image.blue,.project-video.blue{background:#2960d9}.project-image.black,.project-video.black{background:#14110f}.project-image.red,.project-video.red{background:#ef5b5b}.project-image.orange,.project-video.orange{background:#ffba49}.project-image.green,.project-video.green{background:#20a39e}@media screen and (min-width:576px){.project-detail-page{padding:calc(56px + 2rem) 0 0}.project-content{max-width:540px}}@media screen and (min-width:768px){.project-content{max-width:720px}}@media screen and (min-width:992px){.project-content{grid-template-columns:1.618fr 1fr;grid-template-areas:"title title""info images";gap:3rem;max-width:960px;display:grid}.project-title{text-align:left;grid-area:title;padding:2rem 0 0;font-size:3rem}.project-info{text-align:left;order:initial;grid-area:info;padding:0 0 2rem}.project-images{order:initial;grid-area:images;padding-right:0}}@media screen and (min-width:1200px){.project-content{max-width:1170px}}