.entrance-container[data-v-607a3128]{--item-bg:#f5f5f5;--primary-color:#333;--subtitle-color:#818181;--hover-shadow:0 10px 30px rgba(255,117,15,.4);--default-border:4px solid transparent;--hover-border:4px solid #ffcfa4;--swiper-prev-btn-bg:url(https://e-static.franklinwh.us/website/office/dist_V_1786014406066/assets/images/products/prev-arrow.svg);--swiper-next-btn-bg:url(https://e-static.franklinwh.us/website/office/dist_V_1786014406066/assets/images/products/next-arrow.svg);--swiper-button-size:48px;--button-from-section-gap:83px;--section-width:1640px;--max-width:1440px;--section-margin-left:calc((100vw - var(--max-width))/2);--button-gap:max(calc((100vw - var(--max-width))/2 - var(--button-from-section-gap) - var(--swiper-button-size)),0.2rem);--mask-gradient:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}.entrance-container[theme=dark][data-v-607a3128]{--item-bg:linear-gradient(180deg,#212121,#444);--primary-color:#fff;--subtitle-color:#818181;--hover-shadow:0 10px 30px rgba(255,117,15,.4);--default-border:none;--hover-border:none;--mask-gradient:linear-gradient(270deg,#000,transparent)}.entrance-container[data-v-607a3128]{margin:72px 0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.entrance-container[data-v-607a3128] .swiper-box{margin-left:var(--section-margin-left);max-width:var(--section-width);min-width:1440px;padding:32px 20px;position:relative;position:static;width:86.5%}.entrance-container[data-v-607a3128] .swiper-box .swiper-pagination{display:none}.entrance-container[data-v-607a3128] .swiper-box .swiper-button-next.entrance-nav-next,.entrance-container[data-v-607a3128] .swiper-box .swiper-button-prev.entrance-nav-prev{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:100%;border-radius:50%;cursor:pointer;height:var(--swiper-button-size);margin-top:0;outline:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .22s ease,-webkit-box-shadow .22s ease,-webkit-filter .22s ease;transition:-webkit-transform .22s ease,-webkit-box-shadow .22s ease,-webkit-filter .22s ease;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease,-webkit-transform .22s ease,-webkit-box-shadow .22s ease,-webkit-filter .22s ease;width:var(--swiper-button-size);z-index:111}.entrance-container[data-v-607a3128] .swiper-box .swiper-button-next.entrance-nav-next.swiper-button-disabled,.entrance-container[data-v-607a3128] .swiper-box .swiper-button-prev.entrance-nav-prev.swiper-button-disabled{cursor:auto;opacity:.5;pointer-events:none}@media (hover:hover) and (pointer:fine){.entrance-container[data-v-607a3128] .swiper-box .swiper-button-next.entrance-nav-next:not(.swiper-button-disabled):hover,.entrance-container[data-v-607a3128] .swiper-box .swiper-button-prev.entrance-nav-prev:not(.swiper-button-disabled):hover{-webkit-box-shadow:0 10px 28px rgba(255,130,40,.45);box-shadow:0 10px 28px rgba(255,130,40,.45);-webkit-filter:brightness(1.12) drop-shadow(0 2px 10px rgba(255,117,15,.5));filter:brightness(1.12) drop-shadow(0 2px 10px rgba(255,117,15,.5));-webkit-transform:translateY(-50%) scale(1.12);transform:translateY(-50%) scale(1.12)}.entrance-container[data-v-607a3128] .swiper-box .swiper-button-next.entrance-nav-next:not(.swiper-button-disabled):active,.entrance-container[data-v-607a3128] .swiper-box .swiper-button-prev.entrance-nav-prev:not(.swiper-button-disabled):active{-webkit-box-shadow:0 4px 16px rgba(255,130,40,.3);box-shadow:0 4px 16px rgba(255,130,40,.3);-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-50%) scale(1.04);transform:translateY(-50%) scale(1.04)}}.entrance-container[data-v-607a3128] .swiper-box .swiper-button-prev.entrance-nav-prev{background-image:var(--swiper-prev-btn-bg);left:var(--button-gap)}.entrance-container[data-v-607a3128] .swiper-box .swiper-button-next.entrance-nav-next{background-image:var(--swiper-next-btn-bg);right:var(--button-gap)}.entrance-container[data-v-607a3128] .swiper-box:after{background:var(--mask-gradient);content:"";height:calc(100% - 32px);opacity:0;pointer-events:none;position:absolute;right:0;right:var(--mask-right,0);top:32px;-webkit-transition:opacity .38s ease;transition:opacity .38s ease;width:400px;width:var(--mask-width,400px);z-index:11}.entrance-container.show-nav-mask[data-v-607a3128] .swiper-box:after{opacity:1;pointer-events:auto}.entrance-item[data-v-607a3128]{aspect-ratio:.83043478;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--item-bg);border:var(--default-border);border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;overflow:hidden;position:relative;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background .5s ease,border-color .4s ease,-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:background .5s ease,border-color .4s ease,-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:transform .4s ease,background .5s ease,box-shadow .4s ease,border-color .4s ease;transition:transform .4s ease,background .5s ease,box-shadow .4s ease,border-color .4s ease,-webkit-transform .4s ease,-webkit-box-shadow .4s ease;width:382px;will-change:transform}.entrance-item .name[data-v-607a3128]{color:var(--primary-color);font-family:Inter-ExtraBold;font-size:30px;line-height:1.2;margin-top:48px;-webkit-transition:color .4s ease,-webkit-transform .4s ease;transition:color .4s ease,-webkit-transform .4s ease;transition:color .4s ease,transform .4s ease;transition:color .4s ease,transform .4s ease,-webkit-transform .4s ease}.entrance-item .desc[data-v-607a3128],.entrance-item .name[data-v-607a3128]{letter-spacing:-.025em;white-space:pre-line}.entrance-item .desc[data-v-607a3128]{color:var(--subtitle-color);font-family:Inter-Medium;font-size:16px;margin-top:16px;padding:0 20px;-webkit-transition:color .4s ease;transition:color .4s ease}.entrance-item .product-cover[data-v-607a3128]{aspect-ratio:1.34035088;bottom:0;left:0;overflow:hidden;position:absolute;width:100%}.entrance-item .product-cover img[data-v-607a3128]{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:-webkit-transform .4s cubic-bezier(.22,.61,.36,1);transition:-webkit-transform .4s cubic-bezier(.22,.61,.36,1);transition:transform .4s cubic-bezier(.22,.61,.36,1);transition:transform .4s cubic-bezier(.22,.61,.36,1),-webkit-transform .4s cubic-bezier(.22,.61,.36,1);width:100%}@media screen and (hover:hover) and (pointer:fine){.entrance-item[data-v-607a3128]:hover{background:-webkit-gradient(linear,left top,left bottom,from(#ff9331),to(#ffc24b));background:linear-gradient(180deg,#ff9331,#ffc24b);border:var(--hover-border);-webkit-box-shadow:var(--hover-shadow);box-shadow:var(--hover-shadow);-webkit-transform:translateY(-32px);transform:translateY(-32px)}.entrance-item:hover .desc[data-v-607a3128],.entrance-item:hover .name[data-v-607a3128]{color:#fff}.entrance-item:hover .name[data-v-607a3128]{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.entrance-item:hover .product-cover img[data-v-607a3128]{-webkit-transform:scale(1.04);transform:scale(1.04)}}@media screen and (max-width:1536px){.entrance-container[data-v-607a3128]{--max-width:1240px}.entrance-container[data-v-607a3128] .swiper-box{margin:auto;min-width:0;min-width:auto}.entrance-container[data-v-607a3128] .swiper-box:after{display:none}}@media screen and (max-width:1439px){.entrance-container[data-v-607a3128]{--swiper-button-size:36px}}@media screen and (max-width:1200px){.entrance-container[data-v-607a3128] .swiper-box{width:100%}.entrance-container[data-v-607a3128] .swiper-box .swiper-button-next.entrance-nav-next,.entrance-container[data-v-607a3128] .swiper-box .swiper-button-prev.entrance-nav-prev{display:none}.entrance-container[data-v-607a3128] .swiper-box .swiper-pagination{display:block;font-size:0;margin-top:40px;position:static}.entrance-container[data-v-607a3128] .swiper-box .swiper-pagination .swiper-pagination-bullet{background:var(--primary-color);border-radius:4px;height:4px;opacity:.3;-webkit-transition:all .5s linear;transition:all .5s linear;width:16px}.entrance-container[data-v-607a3128] .swiper-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primary-color);height:4px;opacity:1;width:32px}.entrance-item .name[data-v-607a3128]{font-size:24px}.entrance-item .desc[data-v-607a3128]{font-size:14px}}@media screen and (max-width:1023px){.entrance-container[data-v-607a3128]{position:static}.entrance-container[data-v-607a3128] .swiper-box{position:relative}.entrance[data-v-607a3128]{width:100%}.entrance-item[data-v-607a3128]{margin:auto;width:50%}.entrance-item .name[data-v-607a3128]{font-size:30px}.entrance-item .desc[data-v-607a3128]{font-size:16px}}@media screen and (max-width:767px){.entrance-container[data-v-607a3128]{margin:1.28rem 0}.entrance-container[data-v-607a3128] .swiper-box{padding:.12rem .4rem 0}.entrance-container[data-v-607a3128] .swiper-box .swiper-pagination{margin-top:.4rem}.entrance-item[data-v-607a3128]{border-radius:.24rem;height:6.95rem;overflow:hidden;width:6rem}.entrance-item .name[data-v-607a3128]{font-size:.5rem;margin-top:.72rem}.entrance-item .desc[data-v-607a3128]{font-size:.24rem;margin:.24rem auto 0;padding:0;width:6rem}.entrance-item .product[data-v-607a3128]{height:4.48rem}}