.food01-template-02{position:relative}.food01-template-02 .container{display:none !important}.food01-template-02 .bg{width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;transition:transform 1s ease,opacity 1s ease;transform:scale(1.25);transition-delay:.2s}.food01-template-02 .bg:before{content:"";display:block;width:100%;height:100dvh}.food01-template-02 .bg.desktop{height:initial}.food01-template-02 .bg.desktop:before{padding-bottom:50%;height:initial}@media(max-width: 979px){.food01-template-02 .bg.desktop{display:none}}@media(min-width: 980px){.food01-template-02 .bg.mobile{display:none}}.food01-template-02 .layer-text{position:absolute;width:100%;height:100%;z-index:3;left:0;top:0}.food01-template-02 .text-holder{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;padding:var(--pd-inside-xs) calc(var(--pd-inside-xs)*2) var(--pd-inside-xs) var(--pd-inside-xs)}@media(min-width: 980px){.food01-template-02 .text-holder{padding:6vh 10% 0 55%;height:55.2vw}}@media(min-width: 1400px){.food01-template-02 .text-holder{padding:8vh 10% 0 60%}}@media(min-width: 1780px){.food01-template-02 .text-holder{padding:10vh 10% 0 68%}}.food01-template-02 .text-holder .btn-play,.food01-template-02 .text-holder h2,.food01-template-02 .text-holder p,.food01-template-02 .text-holder .link-holder{transform:translateY(50px);opacity:0;transition:all .8s ease;transition-property:transform,opacity}.food01-template-02 .text-holder h2{font-size:clamp(32px,1.875vw,48px);line-height:1.25em;font-weight:bold;margin-bottom:3vh}.food01-template-02 .text-holder p{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;height:3em;line-height:1.5em;-webkit-box-orient:vertical;margin-bottom:6vh}@media(min-width: 1780px){.food01-template-02 .text-holder p{font-size:1.125em}}.food01-template-02 .text-holder a{display:flex;align-items:center;font-size:1.125em;transition:letter-spacing .3s ease;user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer;letter-spacing:1px}.food01-template-02 .text-holder a svg{display:block;width:26px;height:auto;margin-left:2em}@media(min-width: 1780px){.food01-template-02 .text-holder a svg{width:30px}}.food01-template-02 .text-holder a:hover{letter-spacing:.5em}@media(min-width: 1780px){.food01-template-02 .text-holder a{font-size:1.25em}}.food01-template-02 .btn-play{display:flex;align-items:center;font-size:1.125em;margin-bottom:6vh;user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer}.food01-template-02 .btn-play span{font-weight:bold;margin-left:1em;transition:margin .3s ease}.food01-template-02 .btn-play svg{display:block;width:clamp(50px,3.645vw,72px);height:auto;transition:transform .3s ease;fill:var(--color-main)}@media(min-width: 1780px){.food01-template-02 .btn-play{font-size:1.25em}}.food01-template-02 .btn-play:hover svg{transform:scale(1.25)}.food01-template-02 .btn-play:hover span{margin-left:1.75em}.food01-template-02 .swiper-slide{opacity:0 !important}.food01-template-02 .swiper-slide.swiper-slide-active{opacity:1 !important}.food01-template-02 .swiper-slide.swiper-slide-active .bg{transform:none;transition-delay:0s}.food01-template-02 .scroll{position:absolute;bottom:0;z-index:10;color:#fff;left:50%;transform:translateX(-50%) translateY(50px);height:60px;cursor:pointer;font-family:"Montserrat",sans-serif;font-weight:bold;opacity:0;transition:1.5s ease}.food01-template-02 .scroll .scroll-text{font-size:.875em}@media(min-width: 740px){.food01-template-02 .scroll .scroll-text{font-size:1.125em}}@media(min-width: 1100px){.food01-template-02 .scroll .scroll-text{font-size:1.25em}}@media(min-width: 1400px){.food01-template-02 .scroll .scroll-text{font-size:1.5em}}@media(min-width: 740px){.food01-template-02 .scroll{height:90px}}@media(min-width: 1400px){.food01-template-02 .scroll{height:120px}}@media(max-width: 1199px){.food01-template-02 .scroll .scroll i{height:50px}.food01-template-02 .scroll .scroll .scroll-text{font-size:16px}.food01-template-02 .scroll .scroll{height:46px}}.food01-template-02 .ctrl-holder{display:none;flex-direction:column;left:var(--pd-lg);margin-left:-5px;top:50%;position:absolute}@media(min-width: 980px){.food01-template-02 .ctrl-holder{display:flex}}.food01-template-02 .ctrl-holder .swiper-button-prev,.food01-template-02 .ctrl-holder .swiper-button-next{display:flex;align-items:center;justify-content:center;position:static;margin:0}.food01-template-02 .ctrl-holder .swiper-button-prev:after,.food01-template-02 .ctrl-holder .swiper-button-next:after{transform-origin:center;transform:rotate(90deg);color:#fff;width:30px;font-size:20px}.food01-template-02 .swiper-pagination{position:absolute;margin-left:-8px;bottom:30px;display:flex;flex-direction:column;left:var(--pd-inside-xs)}@media(min-width: 980px){.food01-template-02 .swiper-pagination{left:var(--pd-lg);margin-left:-10px}}.food01-template-02 .swiper-pagination .swiper-pagination-bullet{width:30px;height:30px;display:flex;background:none;align-items:center;justify-content:center;opacity:1}.food01-template-02 .swiper-pagination .swiper-pagination-bullet:after{content:"";display:block;width:8px;height:8px;border-radius:50%;border:1px solid #fff;flex-shrink:0;background-color:rgba(0,0,0,0)}.food01-template-02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background-color:var(--color-main);border-color:var(--color-main)}.food01-template-02 .video-container{position:relative;width:100%}.food01-template-02 .video-container::after{padding-top:56.25%;display:block;content:""}.food01-template-02 .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.food01-template-02 .popup-video{pointer-events:none;opacity:0;visibility:hidden;transition:all .4s ease;transition-property:opacity,visibility;background-color:rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:fixed;width:100%;height:100dvh;left:0;top:0;z-index:9999;display:flex;align-items:center;justify-content:center}.food01-template-02 .popup-video .video-container{transform:translateY(-50px);transition:transform .4s ease;width:88%}@media(min-width: 980px){.food01-template-02 .popup-video .video-container{width:72%;max-width:1100px}}.food01-template-02 .popup-video.--active{pointer-events:auto;opacity:1;visibility:visible}.food01-template-02 .popup-video.--active .video-container{transform:none}.food01-template-02.show .scroll{opacity:1;transform:translateX(-50%) translateY(0)}.food01-template-02.show .swiper-slide .btn-play{transform:translateY(-50px);opacity:0}.food01-template-02.show .swiper-slide h2{transform:translateY(-50px);opacity:0}.food01-template-02.show .swiper-slide p{transform:translateY(-50px);opacity:0}.food01-template-02.show .swiper-slide .link-holder{transform:translateY(-50px);opacity:0}.food01-template-02.show .swiper-slide.swiper-slide-active .btn-play{transform:none;opacity:1}.food01-template-02.show .swiper-slide.swiper-slide-active h2{transform:none;opacity:1;transition-delay:.2s}.food01-template-02.show .swiper-slide.swiper-slide-active p{transform:none;opacity:1;transition-delay:.4s}.food01-template-02.show .swiper-slide.swiper-slide-active .link-holder{transform:none;opacity:1;transition-delay:.6s}.food01-template-02 .scroll i{content:"";display:block;margin:0 auto 3px;width:1px;position:relative;top:15px;height:120px;background:#909090;-webkit-animation:draw 2s linear infinite;animation:draw 2s linear infinite}.food01-template-02 .btn-close{position:absolute;right:0;top:0;width:50px;height:50px;background-color:#f5f5f5;border-radius:50%;cursor:pointer;transform:translate(50%, -50%);transition:transform .3s ease}.food01-template-02 .btn-close:hover{transform:translate(50%, -50%) rotate(180deg) scale(1.25)}.food01-template-02 .btn-close::before,.food01-template-02 .btn-close::after{content:"";position:absolute;top:50%;left:50%;width:26px;height:2px;background-color:#333;margin-top:-1px;margin-left:-13px;background-color:#333}.food01-template-02 .btn-close::before{transform:rotate(45deg)}.food01-template-02 .btn-close::after{transform:rotate(-45deg)}@-webkit-keyframes draw{0%,to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0);transform:scaleY(0)}49.9%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}99.9%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes draw{0%,to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0);transform:scaleY(0)}49.9%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}99.9%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}}/*# sourceMappingURL=02.css.map */