.galleryBox[data-v-33384ea2]{display:flex;flex-direction:column;align-items:start;justify-content:start;width:100%;position:relative;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:var(--padding);max-width:var(--maxwidth);box-sizing:border-box;height:auto;z-index:30}.galleryBox .galleryCaption[data-v-33384ea2]{font-size:42px;font-weight:700;color:#fff}.grid-gallery[data-v-33384ea2]{display:grid;position:relative;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;width:100%;box-sizing:border-box;height:auto}.image-container[data-v-33384ea2]{position:relative;width:100%;height:auto;cursor:pointer;display:flex;flex-direction:column;justify-content:start;align-items:center;transition:.3s;margin-bottom:2px;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.05);background-color:#ffffff0d}.image-container[data-v-33384ea2]:hover{transform:translateY(-4px)!important;transition:.3s}.image-container:hover .image-title[data-v-33384ea2]{opacity:1!important}.graphic[data-v-33384ea2]{width:100%;padding-bottom:133.2%;position:relative;display:flex;justify-content:center;overflow:hidden;align-items:start}.gallery-image[data-v-33384ea2]{width:100%;height:auto;position:absolute;opacity:0;transition:opacity .3s ease;top:0;background:#ffffff0d;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;-webkit-touch-callout:none}.videolabel[data-v-33384ea2]{position:absolute;top:4px;right:4px;z-index:10;color:#fff;background:#0003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:4px 8px;border-radius:8px;font-size:14px}.gallery-video[data-v-33384ea2]{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;-webkit-touch-callout:none}.logo[data-v-33384ea2]{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;opacity:0;padding:12px;transition:opacity .3s ease}.company[data-v-33384ea2]{display:flex;justify-content:start;align-items:center;gap:8px;max-width:calc(100% - 24px)}.logoimage[data-v-33384ea2]{background:#ffffff0d;width:24px;height:24px;opacity:1;transition:opacity .3s ease;border-radius:50%}.logospan[data-v-33384ea2]{font-size:14px;color:var(--color-text-secondary);opacity:1;transition:opacity .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.applogo[data-v-33384ea2]{width:24px;height:24px;opacity:.5}.image-loaded[data-v-33384ea2]{opacity:1!important}.image-title[data-v-33384ea2]{position:absolute;bottom:0;left:0;width:100%;padding:120px 8px 12px;background:linear-gradient(to top,#000000bc,#0000);color:#fff;font-size:16px;text-align:start;opacity:0;transition:.3s;z-index:2}.load-more-button[data-v-33384ea2]{position:relative;bottom:0;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:var(--color-text-secondary);padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;margin:0 auto;display:block}.load-more-button[data-v-33384ea2]:hover{color:var(--color-text-primary)}.load-more-button[data-v-33384ea2]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.grid-gallery[data-v-33384ea2]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 400px){.grid-gallery[data-v-33384ea2]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.bannerbox{width:100%;max-width:var(--maxwidth);padding:var(--padding);margin:var(--marginauto);height:460px;display:flex;z-index:30;position:relative;align-items:center;justify-content:center}.banner{border-radius:12px;width:100%;height:100%;display:flex;align-items:start;justify-content:start;border:1px solid rgba(255,255,255,.05);background-color:#ffffff0d;position:relative;overflow:hidden}.background{position:absolute;left:0;top:0;width:auto;height:100%;border-radius:12px;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.companylogo{position:absolute;display:flex;justify-content:center;align-items:center;gap:12px;padding:28px;z-index:20}.companylogo img{width:52px;height:52px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.companylogo span{font-size:24px;color:#fff}.buttonbox{position:absolute;bottom:0;width:auto;display:flex;gap:20px;padding:28px;z-index:30}.carousel-btn{background:#ffffff1a;border:none;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}.carousel-btn:hover{background:#ffffff4d}.graphicbox{position:absolute;top:0;right:0;height:100%;display:grid;grid-template-columns:repeat(4,minmax(220px,240px));grid-template-rows:repeat(auto-fill,minmax(100%,1fr));grid-auto-rows:minmax(100%,1fr);padding:0 28px 0 400px;width:100%;justify-content:end;z-index:20}.graphicbox .imgbox{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px;opacity:0;animation:fadeIn .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.graphicbox .imgbox:nth-child(1){animation-delay:0s}.graphicbox .imgbox:nth-child(2){animation-delay:.2s}.graphicbox .imgbox:nth-child(3){animation-delay:.4s}.graphicbox .imgbox:nth-child(4){animation-delay:.6s}.graphicbox .imgbox img{width:100%;height:calc(100% - 52px);-o-object-fit:cover;object-fit:cover;border-radius:12px;-o-object-position:top;object-position:top;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.graphicbox .imgbox img:hover{transform:scale(1.01) translateY(-6px)}@media (max-width: 1400px){.graphicbox{grid-template-columns:repeat(3,minmax(220px,260px))}}@media (max-width: 1200px){.graphicbox{grid-template-columns:repeat(2,minmax(220px,280px))}}@media (max-width: 768px){.bannerbox{height:clamp(400px,90vw,600px)}.graphicbox{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center;padding:80px 12px 0}.graphicbox .imgbox{justify-content:flex-start}.graphicbox .imgbox img{height:calc(100% - 14px)}.companylogo{padding:20px}.companylogo img{width:40px;height:40px}.companylogo span{font-size:18px}.buttonbox{padding:20px;top:0;right:0;gap:12px}.carousel-btn{width:40px;height:40px;font-size:18px}.background{filter:blur(4px) brightness(.5);transform:scale(1.1)}}.slide-enter-active,.slide-leave-active{transition:all 1s cubic-bezier(.25,.1,.25,1)}.slide-enter-from{transform:translate(100%);opacity:0}.slide-leave-to{transform:translate(-100%);opacity:0}.fadeing-enter-active,.fadeing-leave-active{transition:opacity .5s ease}.fadeing-enter-from,.fadeing-leave-to{opacity:0}.fadeup-enter-active,.fadeup-leave-active{transition:all .5s cubic-bezier(.4,0,.2,1)}.fadeup-enter-from{opacity:0;transform:translateY(20px)}.fadeup-leave-to{opacity:0;transform:translateY(-20px)}.showcase{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:start;width:100%;height:auto;min-height:100vh;z-index:100;gap:20px}.selectbuttons{display:flex;border-radius:40px;position:sticky;justify-content:center;align-items:center;top:72px;max-width:440px;width:calc(100% - 32px);height:64px;padding:6px;margin:0 auto;z-index:1000;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:background-color .3s;gap:6px}.selectbuttons:hover{background-color:#000c!important}.selectbuttons button{border-radius:40px;width:100%;height:100%;background-color:transparent;color:#fff;cursor:pointer;font-size:1.2rem;transition:background-color .3s;white-space:nowrap;min-width:-moz-max-content;min-width:max-content;flex:0 1 auto}@media screen and (max-width: 768px){.selectbuttons{gap:0;height:56px}.selectbuttons button{font-size:1rem}}.selectbuttons button:hover{background-color:#ffffff1a}.selectbuttons .active{background-color:#fff3!important;box-shadow:0 0 10px #0000001a}