:root{--office-marquee-height: 4rem;--office-header-height: 6rem}.title-animate-in-slider{animation:titleAnimateInSlider .8s cubic-bezier(.19,1,.22,1);animation-fill-mode:forwards}.office-gallery-hero .gallery-hero-container{position:relative}.gallery-hero-outter{position:relative;overflow:hidden;border-radius:1.8rem;--users-size: 5.2rem;--location-bottom: 6.4rem;--location-left: 6.4rem}.gallery-hero-scroller-wrapper{display:flex;width:100%}.gallery-hero-item{flex-shrink:0;width:100%;position:relative}.gallery-hero-item-info{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;padding:var(--location-left);padding-bottom:calc(var(--location-bottom) + var(--users-size));display:flex;justify-content:flex-end;flex-direction:column}.gallery-hero-item-description,.gallery-hero-item-title{margin:0;margin-bottom:1.6rem}.gallery-hero-item-title{font-size:64px;font-style:normal;font-weight:900;animation-delay:.1s;opacity:0;will-change:auto;max-width:65rem}.gallery-hero-item-description{color:var(--blue-800);font-size:2rem;font-weight:500;max-width:37.2rem;animation-delay:.3s;opacity:0;will-change:auto}.gallery-hero-item-buttons{margin-bottom:3.2rem;max-width:79.8rem;display:flex;gap:2.4rem;animation-delay:.5s;opacity:0;will-change:auto}.btn-link{text-decoration:none}.gallery-hero-item-button-link-1{border-radius:1.2rem;background-color:var(--blue-400);color:var(--neutral-960);display:inline-flex;justify-content:center;align-items:center;min-width:10rem;min-height:4.8rem;padding:0 2.4rem;transition:background-color var(--duration-default),color var(--duration-default);font-family:DM Sans,sans-serif;font-size:16px;font-weight:700}.gallery-hero-item-button-link-1:hover{background-color:var(--blue-500);color:var(--neutral-960)}.gallery-hero-item-button-link-2{color:var(--btn-color-2)}.gallery-hero-item-image{width:100%;position:relative;display:flex}.gallery-hero-item-image video{height:100%;min-height:32rem;max-height:72rem;object-fit:cover}.gallery-hero-item-image .gallery-hero-image{width:100%;height:100%;object-fit:cover;overflow-clip-margin:0rem}.gallery-hero-item-image .gallery-hero-image.mobile_image{display:none;height:calc(100dvh - var(--header-height) - var(--office-marquee-height) - var(--breadcrumbs-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height) - 2.4rem)}.gallery-hero-users{position:absolute;bottom:0;left:0;padding-left:var(--location-left);padding-bottom:var(--location-bottom);display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;animation-delay:.7s;opacity:0;will-change:auto}.hero__users-image{min-width:var(--users-size);max-width:var(--users-size);height:var(--users-size);border-radius:50%;overflow:hidden;border:.2rem solid rgba(var(--color-foreground),.2)}.hero__users-image img{border-radius:50%;width:100%;height:100%;object-fit:cover}.hero__users-image+.hero__users-image{margin-left:-2.2rem}.hero-desc{color:var(--neutral-960);font-size:calc(var(--font-body-scale) * 1.4rem - .2rem);font-weight:var(--font-heading-weight);max-width:143px;transition:color .3s}.gallery-hero-indicators{display:inline-flex;justify-content:center;align-items:center;gap:.8rem;position:absolute;bottom:3rem;left:0;right:0;z-index:10}.gallery-hero-indicator{cursor:pointer;width:1.2rem;height:1.2rem;border-radius:50%;background-color:var(--neutral-300)}.gallery-hero-indicator.active{background-color:var(--blue-400)}.gallery-hero-thumb{z-index:10;opacity:.5;transition:all .3s;cursor:pointer;width:4rem;height:4rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:600;color:var(--neutral-970);background-color:var(--neutral-0);box-shadow:0 8px 30px rgba(var(--color-foreground),.08)}.gallery-hero-thumb:hover{opacity:1}#gallery-hero-thumb-left{-webkit-user-select:none;user-select:none;position:absolute;left:2rem;top:50%;transform:translateY(-50%)}#gallery-hero-thumb-right{-webkit-user-select:none;user-select:none;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.wechat-browser .gallery-hero-item-image .gallery-hero-image.mobile_image{height:calc(var(--wx-vh, 1vh) * 100 - var(--header-height) - var(--office-marquee-height) - var(--breadcrumbs-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height) - 2.4rem)}@keyframes titleAnimateInSlider{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 1024px){.gallery-hero-item-title{font-size:4.8rem}.gallery-hero-item-description{font-size:2rem}.gallery-hero-outter{--users-size: 4.8rem;--location-bottom: 3.6rem}}@media screen and (max-width: 768px){.gallery-hero-item-title{font-size:3.2rem;white-space:pre-line;word-break:keep-all;overflow-wrap:break-word}.gallery-hero-item-description{font-size:1.4rem;max-width:28rem}.gallery-hero-outter{margin-left:-2rem;margin-right:-2rem;border-radius:0;--users-size: 3.2rem;--location-bottom: 9rem;--location-left: 2.4rem}.gallery-hero-indicators{bottom:2rem}.gallery-hero-thumb{display:none}.gallery-hero-item-buttons{margin-bottom:1.6rem;max-width:79.8rem}.gallery-hero-item-button-link-1{min-height:3.6rem;padding:.8rem 1.6rem}.gallery-hero-item-image .gallery-hero-image.mobile_image{display:block;height:calc(100lvh - var(--header-height) - var(--office-marquee-height) - var(--breadcrumbs-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height) - 2.4rem)}.wechat-browser .gallery-hero-item-image .gallery-hero-image.mobile_image{height:calc(var(--wx-vh, 1vh) * 100 - var(--header-height) - var(--office-marquee-height) - var(--breadcrumbs-height) - var(--website-link-bar-height) - var(--website-link-bar-border-height) - 2.4rem);margin-top:var(--wx-vh)}.gallery-hero-item-image .gallery-hero-image.desktop_image{display:none}}@media screen and (max-width: 430px){.gallery-hero-item-title{font-size:4.8rem}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-office-gallery-hero.css.map */