/* Project pages follow the existing Tilda palette, type and spacing. */
.project-page #allrecords > .t-rec:not(#rec817302609):not(#rec817312791):not(#rec2115084001),
.project-page #rec1578746951 { display: none !important; }
.project-ui .project-page-content { display:block; padding: 36px 0 90px; background:#fff; }
.project-ui .project-page-inner { max-width:1160px; width:calc(100% - 40px); margin:0 auto; }
.project-ui .project-back { display:inline-flex; gap:9px; align-items:center; margin:0 0 28px; color:#777; font:14px Arial,sans-serif; }
.project-ui .project-page-title { margin:0 0 12px; color:#222; font:500 42px/1.15 'TildaSans',Arial,sans-serif; }
.project-ui .project-page-lead { max-width:720px; margin:0 0 26px; color:#555; font:16px/1.5 'TildaSans',Arial,sans-serif; }
.project-ui .project-facts { display:flex; flex-wrap:wrap; gap:26px 56px; margin:24px 0 30px; color:#444; font:14px/1.4 'TildaSans',Arial,sans-serif; }
.project-ui .project-facts strong { display:block; margin-bottom:5px; color:#777; font-size:12px; font-weight:400; }
.project-ui .project-gallery { display:grid; grid-template-columns:minmax(0,1fr) 116px; gap:14px; align-items:stretch; }
.project-ui .project-gallery-main { min-width:0; position:relative; height:min(58vw,620px); min-height:310px; background:#f2f2f2; }
.project-ui .project-gallery-main img { width:100%; height:100%; object-fit:contain; cursor:zoom-in; }
.project-ui .project-gallery-thumbs { display:flex; flex-direction:column; gap:10px; overflow:auto; max-height:min(58vw,620px); }
.project-ui .single-image .project-gallery { grid-template-columns:minmax(0,1fr); }
.project-ui .single-image .project-gallery-thumbs,
.project-ui .single-image .gallery-arrow { display:none; }
.project-ui .project-thumb { padding:0; width:100%; height:76px; flex:0 0 76px; border:2px solid transparent; background:#eee; cursor:pointer; }
.project-ui .project-thumb.is-active { border-color:#196012; }
.project-ui .project-thumb img { width:100%; height:100%; object-fit:cover; }
.project-ui .gallery-arrow { position:absolute; z-index:1; top:50%; transform:translateY(-50%); width:42px; height:42px; border:0; border-radius:50%; background:rgba(255,255,255,.94); color:#222; font-size:22px; cursor:pointer; }
.project-ui .gallery-arrow.prev { left:14px; }
.project-ui .gallery-arrow.next { right:14px; }
.project-ui .project-case-nav { display:flex; justify-content:space-between; gap:24px; margin-top:40px; padding-top:20px; border-top:1px solid #e5e5e5; font:14px 'TildaSans',Arial,sans-serif; }
.project-ui .project-case-nav a { color:#196012; }
.project-ui .project-intro { max-width:720px; margin:34px 0 0; color:#444; font:16px/1.65 'TildaSans',Arial,sans-serif; }
.project-ui .project-photo-caption { max-width:720px; margin:12px 0 0; color:#777; font:14px/1.5 'TildaSans',Arial,sans-serif; }
.project-ui .project-lightbox { position:fixed; z-index:10000; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.94); color:white; }
.project-ui .project-lightbox.is-open { display:flex; }
.project-ui .lightbox-image { max-width:calc(100vw - 170px); max-height:calc(100vh - 120px); object-fit:contain; }
.project-ui .lightbox-close,.project-ui .lightbox-arrow { position:absolute; border:0; color:#fff; background:transparent; cursor:pointer; }
.project-ui .lightbox-close { top:20px; right:28px; font-size:34px; }
.project-ui .lightbox-arrow { top:50%; transform:translateY(-50%); font-size:46px; padding:14px; }
.project-ui .lightbox-arrow.prev { left:18px; }
.project-ui .lightbox-arrow.next { right:18px; }
.project-ui .lightbox-count { position:absolute; top:27px; left:28px; font:14px Arial,sans-serif; }
.project-ui .project-grid-tools { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin:24px 0 26px; }
.project-ui .project-filters { display:flex; flex-wrap:wrap; gap:8px; }
.project-ui .project-filter { padding:10px 16px; border:1px solid #ddd; background:#fff; color:#222; font:14px 'TildaSans',Arial,sans-serif; cursor:pointer; }
.project-ui .project-filter.is-active { border-color:#196012; background:#196012; color:#fff; }
.project-ui .project-count { color:#777; font:13px 'TildaSans',Arial,sans-serif; }
.project-ui .case-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 20px; }
.project-ui .case-card { position:relative; display:block; min-width:0; padding:10px; border:4px solid transparent; box-sizing:border-box; color:#222; }
.project-ui .case-card-photo { aspect-ratio:1.3; overflow:hidden; background:#f1f1f1; }
.project-ui .case-card-photo img { width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .35s ease; }
.project-ui .case-card[data-project="mamma-mia"] .case-card-photo { aspect-ratio:1.15; }
.project-ui .case-card[data-project="mamma-mia"] .case-card-photo img { object-position:center 70%; }
.project-ui .case-card[data-project="partex"] .case-card-photo { aspect-ratio:.9; }
.project-ui .case-card[data-project="partex"] .case-card-photo img { object-position:center 80%; }
.project-ui .case-card[data-project="manana"] .case-card-photo { aspect-ratio:.9; }
.project-ui .case-card[data-project="manana"] .case-card-photo img { object-fit:cover; object-position:center bottom; }
.project-ui .case-card[data-project="glovo"] .case-card-photo { aspect-ratio:.65; }
.project-ui .case-card[data-project="glovo"] .case-card-photo img { object-fit:cover; }
.project-ui .case-card[data-project="private-office"] .case-card-photo { aspect-ratio:.95; }
.project-ui .case-card[data-project="private-office"] .case-card-photo img { object-position:center bottom; }
.project-ui .case-card[data-project="nis-school"] .case-card-photo { aspect-ratio:.75; }
.project-ui .case-card[data-project="nis-school"] .case-card-photo img { object-fit:contain; }
.project-ui .case-card[data-project="ololo-hub"] .case-card-photo { aspect-ratio:.75; }
.project-ui .case-card[data-project="ololo-hub"] .case-card-photo img { object-fit:contain; }
.project-ui .case-card[data-project="del-papa"] .case-card-photo { aspect-ratio:.72; }
.project-ui .case-card[data-project="del-papa"] .case-card-photo img { object-position:center 50%; }
.project-ui .case-card[data-project="aidarly"] .case-card-photo { aspect-ratio:.95; }
.project-ui .case-card[data-project="aidarly"] .case-card-photo img { object-position:center bottom; }
.project-ui .case-card[data-project="epson"] .case-card-photo { aspect-ratio:.65; }
.project-ui .case-card[data-project="epson"] .case-card-photo img { object-fit:cover; object-position:center bottom; }
.project-ui .case-card-art { display:flex; justify-content:center; align-items:flex-start; width:calc(100% + 20px); height:135px; margin:12px -10px -10px; overflow:hidden; background:#fff; }
.project-ui .case-card-art img { display:block; width:auto; max-width:100%; height:111%; object-fit:contain; object-position:center top; clip-path:inset(0 0 9%); }
.project-ui .case-card-art--alatau { position:absolute; right:0; bottom:18px; display:block; width:128px; height:180px; margin:0; overflow:hidden; background:transparent; }
.project-ui .case-card-art--alatau img { width:100%; height:100%; max-width:none; object-fit:contain; object-position:right center; clip-path:none; }
.project-ui .case-card-art--mamma-mia { position:absolute; left:10px; bottom:0; display:block; width:104px; height:146px; margin:0; overflow:hidden; background:transparent; }
.project-ui .case-card-art--mamma-mia img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; object-position:left bottom; clip-path:none; }
.project-ui .case-card:hover .case-card-photo img { transform:scale(1.035); }
.project-ui .case-card[data-project="partex"]:hover .case-card-photo img { transform:none; }
.project-ui .case-card[data-project="glovo"]:hover .case-card-photo img { transform:none; }
.project-ui .case-card[data-project="private-office"]:hover .case-card-photo img { transform:none; }
.project-ui .case-card[data-project="nis-school"]:hover .case-card-photo img { transform:none; }
.project-ui .case-card[data-project="ololo-hub"]:hover .case-card-photo img { transform:none; }
.project-ui .case-card[data-project="del-papa"]:hover .case-card-photo img { transform:none; }
.project-ui .case-card[data-project="aidarly"]:hover .case-card-photo img { transform:none; }
.project-ui .case-card[data-project="epson"]:hover .case-card-photo img { transform:none; }
.project-ui .case-card-title { margin:12px 0 5px; font:600 18px/1.3 'TildaSans',Arial,sans-serif; }
.project-ui .case-card-meta { color:#777; font:13px/1.4 'TildaSans',Arial,sans-serif; }
.project-ui .case-card-arrow { float:right; width:28px; height:28px; display:grid; place-items:center; border:1px solid #ddd; border-radius:50%; }
.project-ui .project-all-link { margin-top:24px; color:#196012; font:15px 'TildaSans',Arial,sans-serif; }
@media(max-width:760px){
 .project-ui .project-page-title{font-size:32px}.project-ui .project-gallery{grid-template-columns:1fr}.project-ui .project-gallery-main{height:62vw;min-height:240px}.project-ui .project-gallery-thumbs{flex-direction:row;max-height:none}.project-ui .project-thumb{width:88px;height:64px;flex:0 0 88px}.project-ui .case-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.project-ui .case-card-title{font-size:15px}.project-ui .project-facts{gap:18px 28px}.project-ui .lightbox-image{max-width:calc(100vw - 36px);max-height:calc(100vh - 100px)}.project-ui .lightbox-arrow{font-size:35px}.project-ui .lightbox-arrow.prev{left:0}.project-ui .lightbox-arrow.next{right:0}}
@media(max-width:420px){.project-ui .case-cards{grid-template-columns:1fr}.project-ui .case-card-photo{aspect-ratio:1.35}.project-ui .case-card[data-project="mamma-mia"] .case-card-photo{aspect-ratio:1.15}.project-ui .case-card[data-project="partex"] .case-card-photo{aspect-ratio:.9}.project-ui .case-card[data-project="manana"] .case-card-photo{aspect-ratio:.9}.project-ui .case-card[data-project="glovo"] .case-card-photo{aspect-ratio:.65}.project-ui .case-card[data-project="private-office"] .case-card-photo{aspect-ratio:.95}.project-ui .case-card[data-project="nis-school"] .case-card-photo{aspect-ratio:.75}.project-ui .case-card[data-project="ololo-hub"] .case-card-photo{aspect-ratio:.75}.project-ui .case-card[data-project="aidarly"] .case-card-photo{aspect-ratio:.95}.project-ui .case-card[data-project="del-papa"] .case-card-photo{aspect-ratio:.72}}