@import "./index.css";

/* ************************************ Header Begin ************************************ */
.navi_btn{position: fixed;top: 3rem;right: 5rem;width: 5rem;height: 5rem;z-index: 99;padding: 1.5rem;
    aspect-ratio: 1/1;border-radius: 50rem;background-color: var(--color-red);}
.navi_btn > svg{fill: none;stroke: var(--color-white);stroke-width: 2px;}
.navi_btn > svg:nth-child(2){display: none;}
.navi_btn_show >svg:nth-child(1){display: none;}
.navi_btn_show >svg:nth-child(2){display: unset;}
.navi_logo{position: fixed;top: 3rem;left: 5rem;width: 12rem;z-index: 99;-webkit-filter: grayscale(100%);
    fill: var(--color-white);mix-blend-mode: difference;filter: grayscale(1) contrast(9999%);isolation: auto;will-change: auto;
}
.navi_order_btn{position: fixed;top: 3rem;right: 12rem;width: 6rem;z-index: 99;}
.navi_order_btn_show{--color-red: #fff;--color-white: #bf0000;z-index: 50;}

@media (min-width: 2561px) and (max-width: 3008px) and (min-height: 1441px) and (max-height: 1692px) {
    .navi_logo{width: 10rem;}
}
@media (min-width: 3841px) {
    .navi_logo{width: 10rem;}
}
@media (max-width: 800px) {
    .navi_logo{left: 2rem;top: 2rem;width: 8rem;}
    .navi_btn{right: 2rem;top: 2rem;width: 6rem;height: 6rem;}
    .navi_order_btn{right: 10rem;top: 2rem;width: 8rem;}
}

.navi_menu{position: fixed;top: 0;right: 0;min-height: 100%;max-height: 100%;z-index: 90;max-width: 0;overflow: hidden;}
.navi_menu_show{max-width: 100%;}
.navi_menu_link{max-width: 15rem;}
@media (min-width: 2561px) and (max-width: 3008px) and (min-height: 1441px) and (max-height: 1692px) {
    .navi_menu_inner{padding-left: 10rem;padding-right: 10rem;}
}
@media (min-width: 3841px) {
    .navi_menu_inner{padding-left: 10rem;padding-right: 10rem;}
}
/* ************************************ Header End ************************************ */

/* ************************************ Home Begin ************************************ */
.home_top{height: 100vh;}

.home_about_scroll{min-height: 200vh;gap: 20rem;}
.home_about_bg_outer{width: 50%;height: 100vh;position: sticky;top: 0;}
.home_about_bg_dark{position: absolute;background-color: black;opacity: 0;}
.home_about_inner{min-height: 100vh;}
.home_about_logo{margin-top: auto;width: 10rem;}
.home_about_logo svg{fill: var(--color-white);fill-rule: evenodd;}
@media (min-width: 3841px) {
    .home_about_inner{padding-left: 40rem;padding-right: 40rem;}
}
@media (max-width: 1200px) {
    .home_about_inner{padding-left: 20rem;padding-right: 20rem;}
}
@media (max-width: 1000px) {
    .home_about_inner{padding-left: 10rem;padding-right: 10rem;}
}
@media (max-width: 800px) {
    .home_about_inner_text{gap: 2rem;}
    .home_about_inner,.home_about_inner div{align-items: center;}
    .home_about_inner{padding-left: 2rem;padding-right: 2rem;}
}

/* ********** Spec Title Begin ********** */
.thread_title{line-height: 1;font-weight: 300;transform: scaleX(0.85);padding-bottom: 1.5rem;margin-left: -1.5rem;}
.thread_line{height: 1px;background-color: var(--color-dark);}
@media (max-width: 800px) {
    .thread_title_container{margin: 0 auto;justify-content: center;}
    .thread_text_inner{margin-top: -2.5rem;gap: 1rem;}
}
/* ********** Spec Title End ********** */

/* ********** Thread Begin ********** */
.thread_container{--max-width: calc(100vw - 40rem);}
.thread_hide{width: var(--max-width);pointer-events: none;opacity: 0;}
.thread_photo_box{width: var(--max-width);height: 100%;position: absolute;top: 0;left: 0;}
.thread_photo{position: sticky;top: 0;}
.thread_r{min-height: 120vh;margin-top: auto;}
@media (min-width: 1921px) and (max-width: 2560px) and (min-height: 1081px) and (max-height: 1440px) {
    .thread_container{--max-width: calc(100vw - 60rem);padding-left: 30rem;padding-right: 30rem;}
}
@media (min-width: 2561px) and (max-width: 3008px) and (min-height: 1441px) and (max-height: 1692px) {
    .thread_container{--max-width: calc(100vw - 60rem);padding-left: 30rem;padding-right: 30rem;}
}
@media (min-width: 3009px) and (max-width: 3840px) and (min-height: 1693px) and (max-height: 2160px) {
    .thread_container{--max-width: calc(100vw - 60rem);padding-left: 30rem;padding-right: 30rem;}
}
@media (min-width: 3841px) {
    .thread_container{--max-width: calc(100vw - 80rem);padding-left: 40rem;padding-right: 40rem;}
}
@media (max-width: 800px) {
    .thread_container{flex-direction: column-reverse;gap: 5rem;}
    .thread_container > div{width: 100%;}
    .thread_r{min-height: unset;width: fit-content;margin: 0 auto;margin-top: 5rem;}
    .thread_container > div:nth-child(3){align-items: center;}
    .thread_s_mphoto{aspect-ratio: 21/9;}
    .thread_l_mphoto{aspect-ratio: 4/3;}
}
/* ********** Thread End ********** */
.home_susu{padding-top: 20rem;}
.home_susu_text > p:nth-child(1){margin-left: 1rem;}
@media (min-width: 1921px) and (max-width: 2560px) and (min-height: 1081px) and (max-height: 1440px) {
    .home_susu{padding-top: 0;min-height: 130vh;justify-content: space-around;flex-wrap: wrap;align-items: flex-start;align-content: center;}
    .home_susu .textrl{letter-spacing: 0.1rem}
}
@media (min-width: 2561px) and (max-width: 3008px) and (min-height: 1441px) and (max-height: 1692px) {
    .home_susu{padding-top: 0;min-height: 100vh;justify-content: space-around;flex-wrap: wrap;align-items: flex-start;align-content: center;margin-top: 10rem;}
    .home_susu .textrl{letter-spacing: 0.1rem}
}
@media (min-width: 3009px) and (max-width: 3840px) and (min-height: 1693px) and (max-height: 2160px) {
    .home_susu{padding-top: 0;min-height: 100vh;justify-content: space-around;flex-wrap: wrap;align-items: flex-start;align-content: center;margin-top: 10rem;}
    .home_susu .textrl{letter-spacing: 0.1rem}
}
@media (min-width: 3841px) {
    .home_susu{padding-top: 0;min-height: 100vh;justify-content: space-around;flex-wrap: wrap;align-items: flex-start;align-content: center;margin-top: 10rem;}
    .home_susu .textrl{letter-spacing: 0.1rem}
}
@media (max-width: 800px) {
    .home_susu{flex-direction: column;gap: 5rem;padding-top: 0;}
    .home_susu_text_container{gap: 3rem;}
    .home_susu_text{gap: 0;}
}
/* ********** Slide Begin ********** */
.home_slide_container_banner{height: 150vh;}
.home_slide_item,.home_slide_item_bg,.home_slide_bg{position: absolute;}
.home_slide_item_bg{pointer-events: none;border-radius: 1rem;overflow: hidden;}
.home_slide_shadow{box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.384);}
.home_svg_1{fill: var(--color-red);width: 5rem;min-width: 5rem;}
.home_svg_2{fill: var(--color-red);width: 30%;}
.home_slide_view_btn{max-width: 10%;}
.home_slide_view_btn_bg{fill: #ffffff00;}
.home_slide_view_btn:hover .home_slide_view_btn_bg{fill: #bf0000}
.home_slide_view_btn:hover .home_slide_view_btn_stroke{fill: #bf0000}

@media (min-width: 1921px) and (max-width: 2560px) and (min-height: 1081px) and (max-height: 1440px) {
    .home_slide_item{padding-left: 30rem;padding-right: 30rem;padding-top: 20rem;padding-bottom: 20rem;}
    .home_slide_container{height: 100vh;}
    .home_slide_view_btn{max-width: 15%;}
}
@media (min-width: 2561px) and (max-width: 3008px) and (min-height: 1441px) and (max-height: 1692px) {
    .home_slide_container{height: 130vh;}
    .home_slide_item{padding-left: 30rem;padding-right: 30rem;padding-top: 20rem;padding-bottom: 20rem;}
    .home_slide_shadow{box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.384);}
    .home_slide_view_btn{max-width: 20%;}
}
@media (min-width: 3009px) and (max-width: 3840px) and (min-height: 1693px) and (max-height: 2160px) {
    .home_slide_container{height: 130vh;}
    .home_slide_item{padding-left: 30rem;padding-right: 30rem;padding-top: 20rem;padding-bottom: 20rem;}
    .home_slide_shadow{box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.384);}
    .home_slide_view_btn{max-width: 20%;}
}
@media (min-width: 3841px) {
    .home_slide_item{padding-left: 40rem;padding-right: 40rem;padding-top: 20rem;padding-bottom: 20rem;}
    .home_slide_shadow{box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.384);}
    .home_slide_view_btn{max-width: 25%;}
}
@media (max-width: 800px) {
    .home_slide_view_btn{max-width: 30%;}
}
.home_slide_white_bg_show{background-color: #ffffff00;}

.home_slide_btn{position: absolute;width: 4rem;cursor: pointer;}
.home_slide_btn_1{right: -2rem;}
.home_slide_btn_2{left: -2rem;}
.home_slide_btn_bg{fill: var(--color-red);}
.home_slide_btn_stroke{stroke-miterlimit: 10;fill: none;stroke: var(--color-white);}
.home_slide_btn:hover{scale: 1.1;}

.home_slide_item_2{transform: translateX(100%);}
.home_slide_bg_2{opacity: 0;}
.home_slide_2 .home_slide_item_1{transform: translateX(-100%);}
.home_slide_2 .home_slide_item_2{transform: translateX(0);}
.home_slide_2 .home_slide_bg_2{opacity: 1;}
@media (min-width: 1921px) and (max-width: 2560px) and (min-height: 1081px) and (max-height: 1440px) {
    .home_slide_btn{width: 6rem;}
    .home_slide_btn_1{right: -3rem;}
    .home_slide_btn_2{left: -3rem;}
}
@media (min-width: 2561px) and (max-width: 3008px) and (min-height: 1441px) and (max-height: 1692px) {
    .home_slide_btn{width: 6rem;}
    .home_slide_btn_1{right: -3rem;}
    .home_slide_btn_2{left: -3rem;}
}
@media (min-width: 3009px) and (max-width: 3840px) and (min-height: 1693px) and (max-height: 2160px) {
    .home_slide_btn{width: 6rem;}
    .home_slide_btn_1{right: -3rem;}
    .home_slide_btn_2{left: -3rem;}
}
@media (min-width: 3841px) {
    .home_slide_btn{width: 8rem;}
    .home_slide_btn_1{right: -4rem;}
    .home_slide_btn_2{left: -4rem;}
}
@media (max-width: 800px) {
    .home_slide_container_banner{background-color: var(--color-black);height: 100vh;}
    .home_slide_bg{opacity: 1 !important;}
    .home_slide_item_bg{position: relative;}
    .home_slide_text{padding: 0;gap: 5rem;}
    .home_slide_m_line{height: 1px;background-color: var(--color-red);}
    .home_slide_btn{width: 6rem;}
    .home_slide_btn_1{right: -1rem;}
    .home_slide_btn_2{left: -1rem;}
    .home_slide_item_bg{pointer-events: unset;overflow: unset;}
}
/* ********** Slide End ********** */

.home_food{padding-top: 50rem;padding-bottom: 50rem;}
.home_food_bg{position: absolute;}
.home_food_svg svg{fill: var(--color-red);width: 6.5rem;}
.home_food_bg_item{position: absolute;aspect-ratio: 1/1;--food-w-1: 2%;--food-w-2:4%;--food-w-3:6%;--food-w-4:25%;}

.home_food_view_btn{max-width: 40%;width: 40%;}
.home_food_view_btn_bg{fill: #ffffff00;}
.home_food_view_btn:hover .home_food_view_btn_bg{fill: var(--color-red)}
.home_food_view_btn:hover .home_food_view_btn_stroke{fill: var(--color-red)}
.home_food_view_btn:hover .home_food_view_btn_text{fill: #fff}

.home_food_bg_1,.home_food_bg_3,.home_food_bg_5,.home_food_bg_6,.home_food_bg_9{width: 15%;}
.home_food_bg_2,.home_food_bg_4{width: 25%;}
.home_food_bg_7,.home_food_bg_8,.home_food_bg_10{width: 20%;}
.home_food_bg_6{left: var(--food-w-1);}.home_food_bg_5{right: var(--food-w-1);}
.home_food_bg_4,.home_food_bg_8{left: var(--food-w-2);}.home_food_bg_2,.home_food_bg_10{right: var(--food-w-2);}
.home_food_bg_1{left: var(--food-w-3);}.home_food_bg_7{right: var(--food-w-3);}
.home_food_bg_9{left: var(--food-w-4);}
.home_food_bg_1{top: 15rem;}
.home_food_bg_2{top: 10rem;}
.home_food_bg_3{left: 40%;top: 25rem;}
.home_food_bg_4{top: 55rem;}
.home_food_bg_5{top: 65rem;}
.home_food_bg_6{top: 100rem;}
.home_food_bg_7{top: 90rem;}
.home_food_bg_8{bottom: 10rem;}
.home_food_bg_9{bottom: 15rem;}
.home_food_bg_10{bottom: 20rem;}
@media (min-width: 1921px) and (max-width: 2560px) and (min-height: 1081px) and (max-height: 1440px) {
    .home_food_inner{padding: 8rem;gap: 3rem;}
    .home_food_inner_sub_title{gap: 0;align-items: flex-start;}
    .home_food_inner_title{gap: 3rem;}
    .home_food_inner_title .p_200{font-size: 16rem;}
    .home_food_inner_title .p_45{font-size: 4rem;}
}
@media (min-width: 2561px) and (max-width: 3008px) and (min-height: 1441px) and (max-height: 1692px) {
    .home_food_inner{padding: 8rem;gap: 3rem;}
    .home_food_inner_sub_title{gap: 0;align-items: flex-start;}
    .home_food_inner_title{gap: 3rem;}
    .home_food_inner_title .p_200{font-size: 16rem;}
    .home_food_inner_title .p_45{font-size: 4rem;}
}
@media (min-width: 3009px) and (max-width: 3840px) and (min-height: 1693px) and (max-height: 2160px) {
    .home_food_inner{padding: 8rem;gap: 3rem;}
    .home_food_inner_sub_title{gap: 0;align-items: flex-start;}
    .home_food_inner_title{gap: 3rem;}
    .home_food_inner_title .p_200{font-size: 16rem;}
    .home_food_inner_title .p_45{font-size: 4rem;}
}
@media (min-width: 3841px) {
    .home_food_inner{padding: 8rem;gap: 3rem;}
    .home_food_inner_sub_title{gap: 0;align-items: flex-start;}
    .home_food_inner_title{gap: 3rem;}
    .home_food_inner_title .p_200{font-size: 16rem;}
    .home_food_inner_title .p_45{font-size: 4rem;}
}
@media (max-width: 1300px) {
    .home_food_inner{padding: 5rem;}
    .home_food_bg_1,.home_food_bg_3,.home_food_bg_5,.home_food_bg_6,.home_food_bg_9{width: 20%;}
    .home_food_bg_2,.home_food_bg_4{width: 30%;}
    .home_food_bg_7,.home_food_bg_8,.home_food_bg_10{width: 25%;}
    .home_food_bg_8{bottom: 8rem;}
    .home_food_bg_9{bottom: 12rem;}
    .home_food_bg_10{bottom: 10rem;}
}
@media (max-width: 800px) {
    .home_food_inner{padding: 5rem;}
    .home_food_bg_1,.home_food_bg_3,.home_food_bg_5,.home_food_bg_6,.home_food_bg_9{width: 25%;}
    .home_food_bg_2,.home_food_bg_4{width: 35%;}
    .home_food_bg_7,.home_food_bg_8,.home_food_bg_10{width: 30%;}
    .home_food_bg_1{top: 5rem;}
    .home_food_bg_3{left: 37%;top: 15rem;}
    .home_food_bg_4{top: 35rem;}
    .home_food_bg_5{width: 40%;top: 55rem;}
    .home_food_bg_6{width: 40%;top: 80rem;}
    .home_food_bg_7{top: 110rem;}
    .home_food_bg_8{width: 40%;bottom: 5rem;}
    .home_food_bg_9{bottom: 30rem;}
    .home_food_bg_8{width: 30%;bottom: 10rem;}
}
/* ********** Photo Slide Begin ********** */
.home_photo_slide{height: 30rem;overflow: hidden;}
.home_photo_item > img{height: 100%;object-fit: cover;}
.home_photo_slide_1{animation: photo_slide_1 60s linear infinite;}
.home_photo_slide_2{animation: photo_slide_2 60s linear infinite;}
@keyframes photo_slide_1 {
    to{transform: translateX(-50%);}
}
@keyframes photo_slide_2 {
    to{transform: translateX(50%);}
}
/* ********** Photo Slide End ********** */

/* ********** Footer Begin ********** */
.footer_bg{position: absolute;}
.footer_access{background-color: rgba(0, 0, 0, 0.6);overflow: hidden;clip-path: var(--polygon-1);}
.footer_access_map{width: 45rem;aspect-ratio: 45/33;border-radius: 1rem;overflow: hidden;clip-path: var(--polygon-1);}
.footer_access_logo{width: 80%;max-width: 20rem;}
.footer_access_google{position: absolute;right: 0;bottom: 0;padding: 1rem 2rem;background-color: rgba(0, 0, 0, 0.6);clip-path: polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem);overflow: hidden;}
.footer_end{background-color: rgba(0, 0, 0, 0.6);}
.footer_end_logo{width: 16rem;}
.footer_logo{width: 6.5rem;}
.footer_reser_img{aspect-ratio: 20/11;max-width: 23rem;}
.footer_btn_top{width: 4rem;}
@media (min-width: 3841px) {
    .footer_access_logo{max-width: 20rem;}
}

.footer_btn{padding: 1rem 3rem;overflow: hidden;}
.footer_btn_hex{position: absolute;pointer-events: none;}
.footer_btn_hex > svg{fill: none;stroke: #fff;stroke-width: 1px;object-fit: contain;}
.footer_btn_svg_3{fill: var(--color-white);fill-rule: evenodd;}
.footer_btn_mark{fill: var(--color-red);}
.footer_top_btn{position: absolute;right: -10rem;aspect-ratio: 1/1;}
.footer_end_google_pin{width: 1.2rem;}
.footer_sns{width: 3rem;}

@media (max-width: 800px) {
    .footer_btn_container,.footer_access{flex-direction: column;}
    .footer_btn{width: 40%;}
    .footer_top_btn{width: 5rem; bottom: 0;height: unset;}
    .footer_container{flex-direction: column-reverse;}
}
/* ********** Footer End ********** */
/* ************************************ Home End ************************************ */

.soba_top{height: 70vh;}
@media (max-width: 800px) {
    .soba_top{height: 40vh;}
}

.soba_photo{aspect-ratio: 720/405;max-width: 72rem;}
@media (min-width: 1921px) and (max-width: 2560px) and (min-height: 1081px) and (max-height: 1440px) {
    .soba_inner{flex-direction: column;}
}
@media (min-width: 3841px) {
    .soba_inner{padding: 0 10rem;}
}
@media (max-width: 1700px) {
    .soba_inner{padding: 0 10rem;}
}
@media (max-width: 1100px) {
    .soba_inner{padding: 0 5rem;gap: 5rem;}
}
@media (max-width: 800px) {
    .soba_inner{flex-direction: column;margin-top: 0;padding: 0 2rem;}
    .soba_text .text_nw{word-break: break-all;word-wrap: break-word;text-wrap: wrap;white-space: wrap;}
    .soba_text .p_24{font-size: 3.125rem;text-align: center;}
    .soba_text .p_12{font-size: 1.75rem;}
    .soba_text .p_16{font-size: 2rem;}
}

.soba_btn_bg_1{background-color: var(--color-black);}
.soba_btn_bg_2{background-color: #C5B9A9;}
.soba_btn_title{letter-spacing: 1.5rem;}
.soba_btn_link{}
.soba_btn_link_bg{fill: #ffffff00;}
.soba_btn_link_line{stroke: #fff;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 2px;}
.soba_btn_link_polygon{fill: #fff;}
.soba_btn_link:hover .soba_btn_link_bg{fill: var(--color-white);}
.soba_btn_link:hover .soba_btn_link_line{stroke: #000;}
.soba_btn_link:hover .soba_btn_link_polygon{fill: var(--color-black);}

@media (min-width: 1921px) and (max-width: 2560px) and (min-height: 1081px) and (max-height: 1440px) {
    .soba_btn_text .p_12{font-size: 0.8rem;}
    .soba_btn_text .p_30{font-size: 2rem;}
    .soba_btn_container{padding: 0 10rem;}
}
@media (min-width: 2561px) and (max-width: 3008px) and (min-height: 1441px) and (max-height: 1692px) {
    .soba_btn_text .p_12{font-size: 0.8rem;}
    .soba_btn_text .p_30{font-size: 2rem;}
    .soba_btn_container{padding: 0 15rem;}
}
@media (min-width: 3841px) {
    .soba_btn_text .p_12{font-size: 0.8rem;}
    .soba_btn_text .p_30{font-size: 2rem;}
    .soba_btn_container{padding: 0 15rem;}
}
@media (max-width: 1700px) {
    .soba_btn_container{padding: 0 5rem;}
}
@media (max-width: 1300px) {
    .soba_btn_container{gap: 3rem;}
}
@media (max-width: 800px) {
    .soba_btn_container{flex-direction: column;padding: 0 2rem;margin-top: 20rem;}
}


.menu_border{border: solid 1px var(--color-dark);}
.menu_icon{height: 4rem;margin-top: 3rem;}
.menu_time_btn{box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);}
.menu_time_btn:hover{box-shadow: 0 3px 12px rgba(0, 0, 0, 0.6);}
@media (max-width: 800px) {
    .menu_inner{margin-top: 10rem;}
    .menu_column{flex-direction: column;gap: 5rem;}
    .menu_time_inner{margin-bottom: 10rem;justify-content: space-around;}
    .menu_time_btn{justify-content: center;}
}





.factory_fix{position: fixed;right: 5rem;bottom: 5rem;z-index: 99;}
.factory_fix_logo{width: 18rem;}
.factory_logo_overlap > svg{fill: var(--color-white);}
.factory_fix_btn{padding: 1rem 3rem;border-radius: 50rem;width: 15rem;height: 4.5rem;cursor: pointer;}
.factory_fix_btn_1{background-color: var(--color-black);}
.factory_fix_btn_2{background-color: var(--color-red);padding: 1.3rem 3rem;}
@media (max-width: 800px) {
    .factory_fix{width: 100%;bottom: 0;right: 0;flex-direction: row;justify-content: space-between;align-items: center;padding: 2rem;background-color: #ffffff77;}
}

.factory_bg{height: 100vh;position: sticky;top: 0;}
.factory_story_bg{height: 110vh;position: sticky;top: 0;}
.factory_story_bg_cover{background-color: var(--color-black);position: absolute;top: 0;opacity: 0;}
.factory_story_logo{width: 80%;}
.factory_story_1{height: 110vh;position: absolute;top: 0;}
.factory_story_photo{max-width: 60rem;aspect-ratio: 52/39;}
.factory_story_item{min-height: 100vh;}

@media (min-width: 1921px) and (max-width: 2560px) and (min-height: 1081px) and (max-height: 1440px) {
    .factory_story_2{padding-left: 5rem;padding-right: 5rem;}
}
@media (max-width: 1700px) {
    .factory_story_2{padding-left: 20rem;padding-right: 20rem;}
}
@media (max-width: 1200px) {
    .factory_story_2{padding-left: 10rem;padding-right: 10rem;}
}
@media (max-width: 1000px) {
    .factory_story_2{padding-left: 5rem;padding-right: 5rem;}
}
@media (max-width: 800px) {
    .factory_story_2{padding-left: 5rem;padding-right: 5rem;}
    .factory_story_2 > div{gap: 20rem;}
    .factory_story_item{flex-direction: column;gap: 2rem;align-items: flex-start;justify-content: center;}
    .factory_story_photo{max-width: unset;aspect-ratio: 1/1;}
}

.factory_brand_line{width: 1px;background-color: var(--color-dark);}
.factory_brand_logo{width: 3rem;position: absolute;top: -3rem;}
@media (max-width: 800px) {
    .factory_brand_container{gap: 10rem;}
    .factory_brand{flex-direction: column;align-items: center;gap: 2rem;}
    .factory_brand_line{width: 70%;height: 1px;}
}

.factory_full_photo{height: 150vh;}
.factory_full_photo_img{width: 50%;height: 50vh;position: sticky;top: 0;max-height: 100vh;}
.factory_full_photo_full > .factory_full_photo_img{width: 100%;height: 100%;}
@media (max-width: 800px) {
    .factory_full_photo_img{height: unset;aspect-ratio: 1/1;}
}

.factory_inner_photo{aspect-ratio: 4/3;max-width: 50rem;}
@media (max-width: 800px) {
    .factory_inner{flex-direction: column;padding-left: 5rem;padding-right: 5rem;align-items: stretch;}
    .factory_inner_photo{max-width: unset;}
}

.factory_inner_last{position: sticky;top: 0;}
.factory_kezuru_bg{height: 50vh;}
@media (max-width: 800px) {
    .factory_kezuru_title{padding-left: 2rem;padding-right: 2rem;}
    .factory_kezuru_title p{word-break: break-all;word-wrap: break-word;text-wrap: wrap;white-space: wrap;}
}

.factory_card{--card: 5rem;clip-path: polygon(0 0, calc(100% - var(--card)) 0, 100% var(--card), 100% 100%, var(--card) 100%, 0 calc(100% - var(--card)));position: absolute;}
.factory_card_photo{aspect-ratio: 52/39;max-width: 52rem;}
.factory_card_1{position: sticky;top: 0;}
.factory_card_title{position: absolute;top: 5rem;right: 4rem;}
.factory_card_number{width: 7rem;}

@media (max-width: 800px) {
    .factory_stick{gap: 10rem;}
    .factory_card{flex-direction: column;padding-left: 2rem;padding-right: 2rem;gap: 1rem;padding-top: 5rem;padding-bottom: 5rem;}
    .factory_card_text{padding-left: 5rem;padding-right: 5rem;}
    .factory_card_text p{word-break: break-all;word-wrap: break-word;text-wrap: wrap;white-space: wrap;}
    .factory_card_text > div{gap: 1rem;}
    .factory_card_text > div > div{gap: .5rem;}
    .factory_card_photo{width: 80%;}
    .factory_card_big{align-items: center;padding-top: 2rem;padding-bottom: 2rem;}
}

#factory_luxuri_photo_slide{max-width: 59rem;}
#factory_luxuri_photo_slide .owl-stage{display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;}
.factory_luxuri_photo{max-width: 59rem;aspect-ratio: 59/42;}
#factory_luxuri_photo_slide .owl-dots{display: flex;flex-direction: row;justify-content: center;align-items: stretch;gap: 1rem;margin-top: 1rem;}
#factory_luxuri_photo_slide button.owl-dot{width: 1.5rem;height: 1.5rem;border-radius: 50rem;border: solid 1px var(--color-dark);}
#factory_luxuri_photo_slide button.owl-dot.active{background-color: var(--color-dark);}

@media (min-width: 3841px) {
    #factory_luxuri_photo_slide{max-width: 80rem;}
    .factory_luxuri_photo{max-width: 80rem;aspect-ratio: 59/42;}
}
@media (max-width: 1600px) {
    .factory_luxuri{padding-left: 20rem;padding-right: 20rem;}
}
@media (max-width: 1300px) {
    .factory_luxuri{padding-left: 10rem;padding-right: 10rem;}
}
@media (max-width: 800px) {
    .factory_luxuri{padding-left: 2rem;padding-right: 2rem;}
    .factory_luxuri_main{flex-direction: column;gap: 3rem;}
    .factory_luxuri_text_sub{flex-direction: column;padding-left: 2rem;padding-right: 2rem;gap: 2rem;}
    .factory_luxuri_photo_btn{width: 2rem;height: 2rem;margin-top: 1rem;}
}

.factory_online_line{width: 8.3rem;}
.factory_online_btn_1{color: var(--color-black);padding-right: 2rem;}
.factory_online_btn_2{color: var(--color-red);}
.factory_online_btn{border-radius: 50rem;height: 7.5rem;border: solid 1px currentColor;}
.factory_online_btn_arrow{stroke: var(--color-white);stroke-linecap: round;stroke-linejoin: round;stroke-width: 2px;fill: none;}
@media (max-width: 800px) {
    .factory_online_container{margin-top: 8rem;}
    .factory_online_btn{height: 6rem;}
}

.factory_slide{overflow: hidden;}
.factory_slide_1{animation: photo_slide_1 40s linear infinite;}
.factory_slide_1 > div{min-width: 100vw;}
@media (max-width: 800px) {
    .factory_slide_1{animation-duration: 20s;}
}

.factory_footer{z-index: 100;}
.factory_footer_container{padding-bottom: 3rem;border-bottom: solid 5px var(--color-dark);}
.factory_footer_line{width: 1px;}
.factory_footer_btn{width: 10rem;}
.factory_footer_google_pin_icon{width: 1.8rem;}
.factory_footer_google_pin{fill: none;stroke: #221f20;stroke-miterlimit: 10;stroke-width: 0.75px;}
.factory_footer_sns{width: 1.5rem;}
.factory_footer_brand_logo{width: 1.6rem;}
.factory_footer_brand_dot{aspect-ratio: 1/1;width: .5rem;}
.factory_footer_l_logo{width: 11rem;}
.factory_footer_l_logo_stroke{stroke: #000;stroke-width: 1px;}
.factory_footer_top{width: 5rem;aspect-ratio: 1/1;}
.factory_footer_topicon{stroke: #000;stroke-miterlimit: 10;}
@media (max-width: 1100px) {
    .factory_footer_container{padding-left: 10rem;padding-right: 10rem;}
}
@media (max-width: 800px) {
    .factory_footer_container,.factory_footer_brand,.factory_footer_info,.factory_footer_address,.factory_footer_top_line{flex-direction: column;align-items: center;}
    .factory_footer{z-index: 100;gap: 0;}
    .factory_footer_sns{width: 3rem;}
    .factory_footer_google_pin_icon{width: 2.5rem;}
    .factory_footer_sns_line{justify-content: space-between;align-items: center;}
    .factory_footer_brand,.factory_footer_info{gap: 3rem;}
    .factory_footer_container{}
    .factory_footer_container{width: 100%;gap: 5rem;padding-left: 0;padding-right: 0;padding-bottom: 0;border: none;}
    .factory_footer_top_line{width: 100%;gap: 1rem;}
    .factory_footer_top{width: 10rem;}
}

/* *********** owl-carousel Slide Setting *********** */
.owl-stage{align-items: stretch;}
.owl-stage-outer {display: block;}
/* *********** owl-carousel Slide Setting End *********** */

/* ************************************ Show Up Setup ************************************ */
.show_up,.show_up2,.show_up3{
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.show_up.show,.show_up2.show,.show_up3.show{
    opacity: 1;
    transform: translate(0,0);
}
/* ************************************ Show Up Setup End ************************************ */


/* Overlay phủ toàn màn hình */
#page-loader{position: fixed; top: 0; inset: 0;pointer-events: none;z-index: 999999;}
#page-loader.is-done{ opacity: 0; visibility: hidden; }
#page-loader .pl-percent{
  font-size: clamp(28px, 6vw, 60px);
  font-weight: 700;
  letter-spacing: .02em;
}
.factory_load_logo{width: 22rem;}
.factory_load_brush{height: 4rem;}
.load_logo{width: 9rem;}

/* tuỳ chọn: chống chọn text khi đang tải */
#page-loader, #page-loader *{ user-select: none; }