body.project-page-body{font-family:Doto,sans-serif;background:#000;color:#ffffffbf;min-height:100vh}.project-page{width:100%;max-width:none;margin:0;padding:3rem 1.5rem 5rem}.project-page__back{display:inline-block;margin-bottom:2rem;color:#fff9;text-decoration:none;font-size:14px;text-transform:uppercase;letter-spacing:.04em;position:relative;z-index:2}.project-page__back:hover{color:#fff}.project-page__layout{display:flex;flex-direction:column;gap:2.5rem}.project-page__title{margin:0 0 .5rem;color:#fff;font-family:Pixelify Sans,sans-serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:400;line-height:100%;letter-spacing:-.08em;text-transform:uppercase}.project-page__client{margin:0 0 1.5rem;font-size:16px;text-transform:uppercase;color:#ffffff73}.project-page__gallery{display:flex;flex-direction:column;gap:1rem}.project-page__gallery:empty{display:none}.project-page__figure{margin:0}.project-page__figure-button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;text-align:inherit;position:relative}.project-page__figure--video .project-page__figure-button{cursor:pointer}.project-page__figure--video .project-page__figure-button:after{content:"";position:absolute;inset:0;background:#00000038;pointer-events:none}.project-page__figure--video .project-page__figure-button:before{content:"";position:absolute;left:50%;top:50%;z-index:1;margin:-.85rem 0 0 -.55rem;border:0;border-top:.85rem solid transparent;border-bottom:.85rem solid transparent;border-left:1.35rem solid rgba(255,255,255,.95);pointer-events:none}.project-page__figure-button:focus-visible{outline:2px solid #fff;outline-offset:4px}.project-page__figure img,.project-page__figure-video{display:block;width:100%;height:auto;object-fit:cover;background:#111}.project-page__figure-video{pointer-events:none}body.project-lightbox-open{overflow:hidden}.project-lightbox{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:1.5rem}.project-lightbox[hidden]{display:none}.project-lightbox__backdrop{position:absolute;inset:0;background:#000000eb}.project-lightbox__dialog{position:relative;z-index:1;display:grid;place-items:center;width:min(100%,72rem);max-height:calc(100vh - 3rem)}.project-lightbox__stage{margin:0;width:100%;max-height:calc(100vh - 6rem);display:grid;place-items:center}.project-lightbox__image,.project-lightbox__video{display:block;max-width:100%;max-height:calc(100vh - 6rem);width:auto;height:auto;object-fit:contain}.project-lightbox__video{background:#000}.project-lightbox__image[hidden],.project-lightbox__video[hidden]{display:none}.project-lightbox__close,.project-lightbox__nav{position:absolute;z-index:2;border:0;background:#0000008c;color:#fff;cursor:pointer;line-height:1;transition:background .15s ease,color .15s ease}.project-lightbox__close:hover,.project-lightbox__nav:hover{background:#ffffff1f;color:#fff}.project-lightbox__close:focus-visible,.project-lightbox__nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.project-lightbox__close{top:.75rem;right:.75rem;width:2.75rem;height:2.75rem;font-size:2rem}.project-lightbox__nav{top:50%;transform:translateY(-50%);width:3rem;height:3rem;font-size:1.5rem}.project-lightbox__nav--prev{left:.75rem}.project-lightbox__nav--next{right:.75rem}.project-lightbox__counter{position:absolute;left:50%;bottom:-2rem;transform:translate(-50%);margin:0;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6}@media(max-width:640px){.project-lightbox{padding:1rem}.project-lightbox__nav{width:2.5rem;height:2.5rem;font-size:1.25rem}.project-lightbox__close{top:.5rem;right:.5rem}.project-lightbox__nav--prev{left:.5rem}.project-lightbox__nav--next{right:.5rem}}.project-page__content{font-size:16px;line-height:1.6}.project-page__content h2,.project-page__content h3{color:#fff;margin:2rem 0 .75rem;font-weight:400;text-transform:uppercase}.project-page__content h2:first-child,.project-page__content h3:first-child{margin-top:0}.project-page__content p{margin:0 0 1rem}.project-page__content img{display:block;max-width:100%;height:auto;margin:1.5rem 0}.project-page__content a{color:#fff}@media screen and (min-width:1024px){.project-page{padding:3rem 2.5rem 5rem}.project-page__layout{display:grid;grid-template-columns:minmax(280px,36vw) minmax(0,1fr);gap:clamp(2rem,4vw,5rem);align-items:start}.project-page__info{position:sticky;top:2rem;align-self:start;max-height:calc(100vh - 4rem);overflow-y:auto;padding-right:1rem}.project-page__gallery{display:flex;flex-direction:column;gap:1.5rem}.project-page__content img{display:none}}