:root{--tgp-project-popup-timing: .9s;--tgp-project-popup-easing: cubic-bezier(.8, 0, .2, 1);--tgp-project-popup-nav-timing: .4s}html.tgp-project-popup-open,html.tgp-project-popup-closing{overflow:hidden!important}.tgp-project-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;transform:translateY(100%)}html.tgp-project-popup-open .tgp-project-popup{animation:pp-popup-appear var(--tgp-project-popup-timing) var(--tgp-project-popup-easing) both;pointer-events:auto}html.tgp-project-popup-closing .tgp-project-popup{animation:pp-popup-disappear var(--tgp-project-popup-timing) var(--tgp-project-popup-easing) 1s both}.tgp-project-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.tgp-project-popup__panel{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--tgp-color-text);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:24px;padding:50px 40px;overflow:hidden;z-index:2}.tgp-project-popup .overflow-hidden{overflow:hidden}html.tgp-project-popup-open .tgp-project-popup .reveal-text{animation:pp-content-appear .7s var(--tgp-project-popup-easing) 1s both}html.tgp-project-popup-closing .tgp-project-popup .reveal-text{animation:pp-content-disappear .7s var(--tgp-project-popup-easing) both}html.tgp-project-popup-open.tgp-project-popup-navigating-out .tgp-project-popup .reveal-text{animation:pp-content-disappear var(--tgp-project-popup-nav-timing) var(--tgp-project-popup-easing) both}html.tgp-project-popup-open.tgp-project-popup-navigating-in .tgp-project-popup .reveal-text{animation:pp-content-appear var(--tgp-project-popup-nav-timing) var(--tgp-project-popup-easing) both}html.tgp-project-popup-open .tgp-project-popup .tgp-project-popup__image.reveal-text{animation:pp-image-appear .7s var(--tgp-project-popup-easing) 1s both}html.tgp-project-popup-closing .tgp-project-popup .tgp-project-popup__image.reveal-text{animation:pp-image-disappear .7s var(--tgp-project-popup-easing) both}html.tgp-project-popup-open.tgp-project-popup-navigating-out .tgp-project-popup .tgp-project-popup__image.reveal-text{animation:pp-image-disappear var(--tgp-project-popup-nav-timing) var(--tgp-project-popup-easing) both}html.tgp-project-popup-open.tgp-project-popup-navigating-in .tgp-project-popup .tgp-project-popup__image.reveal-text{animation:pp-image-appear var(--tgp-project-popup-nav-timing) var(--tgp-project-popup-easing) both}.tgp-project-popup__top{grid-column:1 / -1;grid-row:1;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px;min-width:0}.tgp-project-popup__top-info{display:flex;flex-direction:column;gap:24px;flex:1 1 auto;min-width:0}.tgp-project-popup__top>.overflow-hidden:last-child{flex:0 0 auto}.tgp-project-popup__title{margin:0;color:var(--tgp-color-white)!important}.tgp-project-popup__nav{display:flex;flex-direction:row;align-items:center;gap:24px;width:-moz-fit-content;width:fit-content}.tgp-project-popup__nav-btn{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;padding:0;background:none;border:none;border-bottom:1px solid var(--tgp-color-white);color:var(--tgp-color-white);cursor:pointer;white-space:nowrap;transition:opacity .3s var(--tgp-project-popup-easing)}.tgp-project-popup__nav-btn:hover{opacity:.75}.tgp-project-popup__nav-btn[aria-disabled=true]{pointer-events:none;opacity:.5}.tgp-project-popup__nav-btn-text{margin:0;color:var(--tgp-color-white);white-space:nowrap;flex-shrink:0}.tgp-project-popup__nav-btn-icon{width:16px;height:16px;flex-shrink:0}.tgp-project-popup__swipe-hint{display:none}.tgp-project-popup__swipe-hint-text{margin:0;color:var(--tgp-color-white)}.tgp-project-popup__close{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px;padding:0;background:none;border:none;border-bottom:1px solid var(--tgp-color-white);color:var(--tgp-color-white);cursor:pointer;white-space:nowrap;flex-shrink:0}.tgp-project-popup__close-text{margin:0;color:var(--tgp-color-white);white-space:nowrap;flex-shrink:0}.tgp-project-popup__close-icon{width:14px;height:14px;flex-shrink:0}.tgp-project-popup__body{grid-row:2;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;min-height:0;min-width:0}.tgp-project-popup__image-wrap{flex:0 1 auto;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;max-width:100%;max-height:100%}.tgp-project-popup__image-wrap>.overflow-hidden{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-width:0;min-height:0}.tgp-project-popup__image{display:block;max-width:calc(100vw - 200px);max-height:calc(100dvh - 240px);width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:22px}.tgp-project-popup__thumbs-wrap{flex:0 0 auto;display:flex;align-items:center;max-height:100%;min-height:0}.tgp-project-popup__thumbs-wrap>.overflow-hidden{max-height:100%;display:flex;align-items:center}.tgp-project-popup__thumbs{display:flex;flex-direction:column;gap:12px;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:4px}.tgp-project-popup__thumbs::-webkit-scrollbar{display:none}.tgp-project-popup__thumb{flex:0 0 auto;display:block;width:80px;height:80px;padding:0;background:none;border:none;border-radius:10px;overflow:hidden;cursor:pointer;opacity:.5;transition:opacity .3s var(--tgp-project-popup-easing)}.tgp-project-popup__thumb:hover,.tgp-project-popup__thumb--active{opacity:1}.tgp-project-popup__thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(max-width:1023px){.tgp-project-popup__panel{row-gap:16px;padding:20px 20px 32px}.tgp-project-popup__top{gap:16px}.tgp-project-popup__top-info{gap:20px}.tgp-project-popup__nav{display:none}.tgp-project-popup__swipe-hint{display:block}.tgp-project-popup__body{flex-direction:column;gap:16px;width:100%}.tgp-project-popup__image-wrap{width:100%;flex:1 1 0;min-height:0}.tgp-project-popup__image-wrap>.overflow-hidden{width:100%;height:100%}.tgp-project-popup__image{max-width:100%;max-height:100%;border-radius:14px;margin:0 auto}.tgp-project-popup__thumbs-wrap{flex:0 0 auto;width:100%;justify-content:center;max-height:none}.tgp-project-popup__thumbs-wrap>.overflow-hidden{max-height:none;max-width:100%}.tgp-project-popup__thumbs{flex-direction:row;gap:8px;max-height:none;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 0}.tgp-project-popup__thumb{width:72px;height:72px;border-radius:8px}.tgp-project-popup__close{padding-bottom:4px}}@media(min-width:350px)and (max-width:767px){.tgp-project-popup__panel{padding:16px 16px 24px;row-gap:12px}.tgp-project-popup__image{max-width:100%;max-height:100%;border-radius:10px}.tgp-project-popup__thumb{width:64px;height:64px}}@keyframes pp-popup-appear{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pp-popup-disappear{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes pp-content-appear{0%{transform:translateY(102%)}to{transform:translateY(0)}}@keyframes pp-content-disappear{0%{transform:translateY(0)}to{transform:translateY(-102%)}}@keyframes pp-image-appear{0%{transform:translateY(110dvh)}to{transform:translateY(0)}}@keyframes pp-image-disappear{0%{transform:translateY(0)}to{transform:translateY(-110dvh)}}