.hero-carousel{isolation:isolate;--hero-cycle-duration:7s;--hero-preview-width:clamp(104px, 10vw, 152px);--hero-enter-duration:.75s;--hero-enter-easing:cubic-bezier(.4, 0, .14, 1);--hero-leave-duration:.85s;--hero-leave-easing:cubic-bezier(.69, 0, .34, 1);background:#0a0a0a;width:100%;height:100svh;min-height:100svh;position:relative;overflow:hidden}.hero-carousel__slides{position:absolute;inset:0}.hero-carousel__slide{z-index:1;opacity:0;clip-path:inset(0 0 0 100%);transition:clip-path var(--hero-leave-duration) var(--hero-leave-easing), opacity .4s ease;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-carousel__slide[data-position=active]{z-index:2;opacity:1;clip-path:inset(0);transition:clip-path var(--hero-enter-duration) var(--hero-enter-easing), opacity .4s ease}.hero-carousel__slide[data-position=outgoing]{z-index:1;opacity:1;clip-path:inset(0)}.hero-carousel__slide[data-position=previous]{z-index:3;opacity:1;clip-path:inset(0 100% 0 0);transition:none}.hero-carousel__slide[data-position=next]{z-index:3;opacity:1;clip-path:inset(0 0 0 100%);transition:none}.hero-carousel[data-preview=next]:not([data-transitioning=true]) .hero-carousel__slide[data-position=next]{clip-path:inset(0 0 0 calc(100% - var(--hero-preview-width)));transition:clip-path var(--hero-leave-duration) var(--hero-leave-easing)}.hero-carousel[data-preview=previous]:not([data-transitioning=true]) .hero-carousel__slide[data-position=previous]{clip-path:inset(0 calc(100% - var(--hero-preview-width)) 0 0);transition:clip-path var(--hero-leave-duration) var(--hero-leave-easing)}.hero-carousel__slide[data-position=distant]{clip-path:inset(0 0 0 100%);transition:none}.hero-carousel__image{object-fit:cover;object-position:center;transition:transform var(--hero-enter-duration) var(--hero-enter-easing);will-change:transform;transform:scale(1.02)}.hero-carousel__slide[data-position=active] .hero-carousel__image{transform:scale(1)}.hero-carousel__slides:after{z-index:4;content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.hero-carousel__arrow{z-index:5;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0a0a0a47;border:1px solid #fff3;place-items:center;width:56px;height:56px;padding:0;transition:background-color .22s,border-color .22s,color .22s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hero-carousel__arrow:hover,.hero-carousel__arrow:focus-visible{color:#1a1418;background:#fffffff0;border-color:#ffffffe0}.hero-carousel__arrow:focus-visible,.hero-carousel__cta:focus-visible{outline-offset:3px;outline:2px solid #fff}.hero-carousel__arrow svg{width:33px;height:33px}.hero-carousel__arrow--previous{left:calc(var(--hero-preview-width) - 28px)}.hero-carousel__arrow--next{right:calc(var(--hero-preview-width) - 28px)}.hero-carousel__pause{z-index:5;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0a0a0a4d;border:1px solid #ffffff3d;place-items:center;width:42px;height:42px;padding:0;transition:background-color .22s,border-color .22s,color .22s;display:grid;position:absolute;bottom:62px;right:74px}.hero-carousel__pause:hover,.hero-carousel__pause:focus-visible{color:#0a0a0a;background:#ffffffeb;border-color:#ffffffeb}.hero-carousel__pause:focus-visible{outline-offset:3px;outline:2px solid #fff}.hero-carousel__pause svg{width:20px;height:20px}.hero-carousel__brand{z-index:5;color:#fff;text-align:center;text-shadow:0 8px 28px #0006;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding-inline:24px;animation:1.2s cubic-bezier(.22,1,.36,1) .18s both heroBrandReveal;display:flex;position:absolute;inset:0}.hero-carousel__logo{width:clamp(190px,30vw,420px);height:auto}.hero-carousel__cta{z-index:5;color:#fff;-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);text-align:center;isolation:isolate;background:#ffffff14;border:1px solid #ffffff40;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:min(556px,100% - 40px);max-width:calc(100% - 40px);min-height:94px;margin-inline:auto;padding:20px 40px;transition:transform .45s cubic-bezier(.16,1,.3,1),background-color .45s,border-color .45s,box-shadow .45s;animation:.9s cubic-bezier(.22,1,.36,1) .42s both heroCopyReveal;display:flex;position:absolute;bottom:56px;left:0;right:0;overflow:hidden;box-shadow:0 24px 60px #00000047,inset 0 1px 1px #ffffff59}.hero-carousel__copy{flex-direction:column;align-items:center;gap:14px;animation:.44s cubic-bezier(.4,0,.14,1) both heroCopySwap;display:flex}.hero-carousel__cta:before{display:none}.hero-carousel__cta:hover,.hero-carousel__cta:focus-visible{background:#ffffff24;border-color:#fff6;transform:translateY(-2px);box-shadow:0 28px 70px #00000059,inset 0 1px 1px #ffffff80}.hero-carousel__headline{font-family:var(--lumi-body), var(--font-body-fallback);text-transform:uppercase;text-shadow:0 1px 4px #0006;max-width:440px;font-size:clamp(15px,1.2vw,17px);font-style:normal;line-height:1.05}[lang=vi] .hero-carousel__headline{line-height:1.4}.hero-carousel__action{font-family:var(--lumi-body), var(--font-body-fallback);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 4px #0006;color:#ffffffe6;font-size:13px;line-height:1}.hero-carousel__status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hero-carousel__progress{z-index:5;background:#ffffff3d;height:1px;position:absolute;bottom:38px;left:74px;right:74px;overflow:hidden}.hero-carousel__progress-bar{transform-origin:0;width:100%;height:100%;animation:heroProgress var(--hero-cycle-duration) linear both;background:#d18d5d;display:block;transform:scaleX(0);box-shadow:0 0 18px #b08d5794}.hero-carousel[data-paused=true] .hero-carousel__progress-bar{animation-play-state:paused}@keyframes heroProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes heroBrandReveal{0%{opacity:0;transform:translateY(10px)scale(1.01)}to{opacity:1;transform:none}}@keyframes heroCopyReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes heroCopySwap{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (max-width:767px){.hero-carousel{--hero-preview-width:0px;min-height:100svh}.hero-carousel__arrow{width:44px;height:44px}.hero-carousel__arrow svg{width:27px;height:27px}.hero-carousel__arrow--previous{left:12px}.hero-carousel__arrow--next{right:12px}.hero-carousel__slide[data-position=next]{opacity:0;clip-path:inset(0 0 0 100%)}.hero-carousel__pause{width:38px;height:38px;bottom:86px;right:20px}.hero-carousel__cta{width:auto;max-width:none;padding-inline:24px;bottom:42px;left:20px;right:20px}.hero-carousel__brand{justify-content:center}.hero-carousel__logo{width:clamp(160px,46vw,280px)}.hero-carousel__progress{bottom:24px;left:20px;right:20px}}@media (prefers-reduced-motion:reduce){.hero-carousel__slide{clip-path:inset(0);transition-duration:.15s}.hero-carousel__slide[data-position=next],.hero-carousel__slide[data-position=previous],.hero-carousel__slide[data-position=distant]{opacity:0}.hero-carousel__image{animation:none!important;transform:none!important}.hero-carousel__brand,.hero-carousel__cta,.hero-carousel__copy,.hero-carousel__progress-bar{animation:none}.hero-carousel__progress-bar{transform:scaleX(1)}}