@charset "utf-8";
/* 반응형: Desktop 1440 이상 / Tablet 768~1439 / Mobile 767 이하 (style.css 뒤에 불러옴) */
@media (max-width: 1439px) {
:root {--gutter: 5rem;}
.section {padding-block: 13rem;}
.section_head {margin-bottom: 7rem;}
.gnb_list {gap: 2.4rem;}
.story_grid {gap: 6rem;}
.menu_feature, .menu_wide {gap: 5rem;}
.menu_trio {gap: 3rem;margin-top: 10rem;}
.menu_wide {margin-top: 10rem;}
.why_grid {gap: 6rem;}
.why_list {gap: 0 4rem;}
.craft_img {min-height: 68rem;}
.info_grid {gap: 0 4rem;}
.footer_top {gap: 5rem;}
}
@media (max-width: 1023px) {
:root {--gutter: 4rem;--header-h: 8.4rem;--header-hs: 6.8rem;}
.gnb, .header_util .btn {display: none;}
.gnb_toggle {display: grid;}
.section {padding-block: 10rem;}
.section_head {flex-direction: column;align-items: flex-start;gap: 3rem;margin-bottom: 5rem;}
.hero_inner {padding-block: 8rem 16rem;}
.story_grid {grid-template-columns: 1fr;}
.story_visual {max-width: 62rem;}
.story_bg {font-size: 24rem;}
.menu_feature {grid-template-columns: 1fr;}
.menu_trio {grid-template-columns: repeat(2, minmax(0, 1fr));margin-top: 8rem;}
.menu_card_a, .menu_card_c {margin-top: 0;}
.menu_card_c {grid-column: 1 / 3;}
.menu_card_c .menu_img {aspect-ratio: 3 / 2;}
.menu_wide, .menu_wide_rev {grid-template-columns: 1fr;margin-top: 8rem;}
.menu_wide_rev .menu_img {order: 0;}
.why_grid {grid-template-columns: 1fr;}
.why_head {position: static;}
.craft_intro {padding-block: 10rem 6rem;}
.craft_row_a, .craft_row_b, .craft_row_c {grid-template-columns: 1fr;}
.craft_row_b .craft_img {order: -1;}
.craft_img {min-height: 52rem;}
.craft_text {padding: 7rem var(--gutter);}
.craft_row_a .craft_text, .craft_row_b .craft_text, .craft_row_c .craft_text {padding-inline: var(--gutter);}
.gallery {grid-template-columns: repeat(2, minmax(0, 1fr));grid-auto-rows: 24rem;gap: 1.6rem;}
.g1, .g5 {grid-column: 1 / 3;grid-row: auto;}
.g2, .g6 {grid-column: auto;grid-row: span 2;}
.g3, .g4 {grid-column: auto;grid-row: auto;}
.info_grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
.reserve {padding-block: 12rem;}
.reserve_leaf {width: 28rem;height: 46rem;right: 2%;}
.footer_top {flex-direction: column;gap: 5rem;}
.btn_top {bottom: 9rem;}
.lightbox {grid-template-columns: 6rem 1fr 6rem;}
}
@media (max-width: 767px) {
:root {--gutter: 2rem;--header-h: 7.2rem;--header-hs: 6.4rem;}
.section {padding-block: 7rem;}
.logo_mark {width: 4rem;height: 4rem;}
.logo_text strong {font-size: 1.9rem;}
.btn {min-height: 5.6rem;padding: 0 2.8rem;}
.hero {min-height: 92svh;}
.hero_inner {padding-block: 4rem 15rem;}
.hero_media::after {background: linear-gradient(180deg, rgba(14, 38, 25, .6) 0%, rgba(14, 44, 29, .5) 45%, rgba(14, 38, 25, .78) 100%);}
.hero .eyebrow {margin-bottom: 2rem;font-size: 1.2rem;letter-spacing: .16em;color: #D4EDCE;}
.hero_sub {margin-top: 3rem;font-size: 1.7rem;}
.hero_sub br {display: none;}
.hero_cta {margin-top: 4rem;}
.hero_cta .btn {flex: 1 1 100%;}
.hero_foot {bottom: 2.4rem;}
.hero_note {padding: .8rem 1.4rem;font-size: 1.3rem;}
.scroll_cue {display: none;}
.story_bg {font-size: 16rem;top: 2rem;}
.story_points li {grid-template-columns: 4rem 11rem 1fr;gap: 1rem;}
.story_points li em {grid-column: 1 / 4;padding-left: 5rem;}
.story_visual {padding-bottom: 9rem;}
.badge {width: 10.4rem;height: 10.4rem;left: 0;top: -3rem;}
.badge text {font-size: 15px;}
.menu_trio {grid-template-columns: 1fr;gap: 5rem;margin-top: 6rem;}
.menu_card_c {grid-column: auto;}
.menu_wide, .menu_wide_rev {margin-top: 6rem;}
.price {font-size: 2.6rem;}
.why_list {grid-template-columns: 1fr;}
.why_list li {padding-block: 3.6rem;}
.why_no {top: 3.6rem;}
.craft_img {min-height: 40rem;}
.craft_text {padding-block: 5rem;}
.craft_steps {gap: 2.4rem;flex-wrap: wrap;}
.gallery {grid-auto-rows: 17rem;gap: 1.2rem;}
.g_cap {opacity: 1;transform: none;left: 1rem;bottom: 1rem;font-size: 1.1rem;padding: .6rem 1.2rem;}
.info_grid {grid-template-columns: 1fr;}
.info_grid li {grid-template-columns: 4.4rem 1fr;gap: 1.6rem;padding-block: 3rem;}
.reserve {padding-block: 9rem;}
.reserve_cta .btn {flex: 1 1 100%;}
.reserve_leaf {display: none;}
.footer_top {padding-block: 6rem 4rem;}
.footer_info {grid-template-columns: 1fr;gap: 2rem;}
.footer_bottom {padding-bottom: 11rem;}
.m_bar {position: fixed;left: 0;right: 0;bottom: 0;z-index: 90;display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;padding: 1.2rem 2rem calc(1.2rem + env(safe-area-inset-bottom));background: rgba(250, 249, 244, .96);box-shadow: 0 -.1rem 0 var(--line);backdrop-filter: blur(1.2rem);}
.m_bar .btn {min-height: 5.4rem;padding: 0 1.6rem;}
.btn_top {right: 1.6rem;bottom: 8.6rem;width: 4.8rem;height: 4.8rem;}
.lightbox {grid-template-columns: 1fr;grid-template-rows: 1fr auto;}
.lb_figure {padding: 8rem 1.6rem 1rem;}
.lb_prev, .lb_next {position: absolute;bottom: 3rem;}
.lb_prev {left: 4rem;}
.lb_next {right: 4rem;}
.lb_close {right: 1.6rem;top: 1.6rem;}
}
@media (prefers-reduced-motion: reduce) {
html {scroll-behavior: auto;}
*, *::before, *::after {animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;}
.reveal_ready {opacity: 1;transform: none;}
.reveal_ready.is_curtain {clip-path: none;}
.hero_in {opacity: 1;transform: none;}
}