.project-body{background:#f9f9f9;color:#242424}.project-main{max-width:1720px;margin:auto;padding:128px 3.5rem 65px}.project-back{display:inline-block;font:400 9px/1.8 Arial,sans-serif;letter-spacing:.12em;color:#777;margin-bottom:30px}.project-back:hover{color:#222}.project-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:1px solid #ddd;padding-bottom:25px;margin-bottom:38px}.project-heading h1{font:400 18px/1.5 Comfortaa,Arial,sans-serif;letter-spacing:.035em;margin:0}.project-heading>span{font:400 11px/1.5 Arial,sans-serif;color:#777}.project-gallery{columns:3;column-gap:30px}.gallery-photo{display:block;break-inside:avoid;margin:0 0 28px;position:relative}.gallery-photo img{display:block;width:100%;height:auto;transition:opacity .2s}.gallery-photo:hover img{opacity:.92}.image-number{display:block;margin-top:9px;font:400 9px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#999}.project-paging{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ddd;padding-top:28px;margin-top:45px}.project-paging a{display:flex;flex-direction:column;gap:12px;font:400 10px/1.7 Arial,sans-serif;letter-spacing:.03em;color:#777;max-width:46%}.project-paging a:last-child{text-align:right}.project-paging a>span:last-child{font-size:11px;color:#333}.site-header .works-toggle{color:white}
@media(max-width:1100px){.project-main{padding:115px 2rem 55px}.project-gallery{columns:2;column-gap:24px}.project-heading h1{font-size:16px}}
@media(max-width:600px){.project-main{padding:100px 1.25rem 40px}.project-back{margin-bottom:22px}.project-heading{padding-bottom:22px;margin-bottom:28px}.project-heading h1{font-size:13px}.project-heading>span{font-size:10px}.project-gallery{column-gap:15px}.gallery-photo{margin-bottom:20px}.image-number{font-size:8px;margin-top:7px}.project-paging{margin-top:25px;padding-top:22px}.project-paging a{font-size:9px}.project-paging a>span:last-child{font-size:10px}}
.gallery-photo{width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:zoom-in}.lightbox-open{overflow:hidden}#project-lightbox{position:fixed;inset:0;margin:0;border:0;padding:55px 70px 35px;width:100vw;height:100svh;max-width:none;max-height:none;background:rgba(18,18,18,.96);color:#fff;overflow:hidden}#project-lightbox[open]{display:flex;align-items:center;justify-content:center}#project-lightbox::backdrop{background:#111c}#project-lightbox figure{margin:0;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}#project-lightbox .lightbox-image{display:block;width:auto;height:auto;max-width:calc(100vw - 140px);max-height:calc(100svh - 140px);object-fit:contain}#project-lightbox figcaption{display:flex;justify-content:space-between;gap:30px;width:100%;font:400 10px/1.6 Arial,sans-serif;letter-spacing:.07em;color:#ccc}#project-lightbox button{position:absolute;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer;font:300 36px/1 Arial,sans-serif}#project-lightbox button:hover{background:#ffffff15}#project-lightbox .lightbox-close{right:18px;top:12px;font-size:30px}#project-lightbox .lightbox-prev{left:12px;top:calc(50% - 22px)}#project-lightbox .lightbox-next{right:12px;top:calc(50% - 22px)}
@media(max-width:600px){#project-lightbox{padding:60px 12px 65px}#project-lightbox .lightbox-image{max-width:calc(100vw - 24px);max-height:calc(100svh - 170px)}#project-lightbox .lightbox-prev,#project-lightbox .lightbox-next{top:auto;bottom:12px}#project-lightbox .lightbox-prev{left:calc(50% - 54px)}#project-lightbox .lightbox-next{right:calc(50% - 54px)}#project-lightbox figcaption{font-size:9px;gap:16px}}