/* =========================================================
   원이쌀밥 — style.css
   색상은 BI_골드_배경있음.jpg 실측값 기준 (Chrome 색관리 렌더 후 GetPixel)
   ========================================================= */

:root {
  /* BI 실측 */
  --bi-green: #354947;      /* BI 배경 실측 */
  --bi-gold: #C19C4E;       /* BI 워드마크 골드 실측(평균) */

  /* 파생 톤 (BI 그린 명도만 내림) */
  --green-950: #172220;
  --green-900: #1D2B29;
  --green-850: #233432;
  --green-800: #2A3D3B;
  --green-700: var(--bi-green);

  --gold: var(--bi-gold);
  --gold-deep: #9C7B35;     /* 크림 배경 위 골드(대비 보정) */
  --gold-text-light: #7A5E23; /* 크림 배경 위 작은 골드 글자(#F4EEE3 5.27:1 · #EDE6D7 4.89:1) */
  --gold-soft: rgba(193, 156, 78, .55);
  --gold-line: rgba(193, 156, 78, .38);
  --gold-faint: rgba(193, 156, 78, .14);

  --cream: #F4EEE3;
  --cream-2: #EDE6D7;
  --ink-dark: #EAE4D6;          /* 다크 배경 위 본문 */
  --ink-dark-2: rgba(234, 228, 214, .68);
  --ink-light: #1F2E2C;         /* 크림 배경 위 본문 */
  --ink-light-2: rgba(31, 46, 44, .72);

  --serif: "Noto Serif KR", serif;
  --sans: "Pretendard", "Noto Sans KR", system-ui, sans-serif;
  --en: "Cormorant Garamond", "Times New Roman", serif;

  --max: 1280px;
  --gutter: 24px;
  --nav-h: 84px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: var(--nav-h); }
body {
  margin: 0;
  background: var(--green-900);
  color: var(--ink-dark);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.7;
  letter-spacing: -0.01em;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, p, figure, blockquote, dl, dd { margin: 0; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }

.wrap { width: 100%; max-width: calc(var(--max) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter); }

.ico { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: square; stroke-linejoin: miter; flex: none; }
.ico--fill { fill: currentColor; stroke: none; }

/* ---------- 공통 타이포 ---------- */
.eyebrow {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .32em;
  color: var(--gold);
  text-transform: uppercase;
}
.eyebrow--wide { letter-spacing: .38em; }
.eyebrow--dark { color: var(--gold-text-light); }
.en-italic { font-family: var(--en); font-style: italic; font-size: 26px; letter-spacing: .02em; color: var(--gold-deep); line-height: 1.3; }

.title {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 60px;
  line-height: 1.22;
  letter-spacing: -0.03em;
  color: var(--ink-dark);
  margin-top: 18px;
}
.title--dark { color: var(--ink-light); }

.tbd { color: var(--gold); font-style: normal; border-bottom: 1px dashed currentColor; }

.sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; margin-bottom: 56px; }

/* ---------- 버튼 ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  height: 56px; padding: 0 30px;
  font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: .02em;
  border: 1px solid var(--gold); color: var(--gold);
  border-radius: 1px;
  transition: background .25s, color .25s;
  white-space: nowrap;
}
.btn .ico { width: 18px; height: 18px; }
.btn--gold { background: var(--gold); color: var(--green-950); }
.btn--gold:hover { background: #D1AE62; }
.btn--line:hover { background: var(--gold-faint); }
.btn--sm { height: 42px; padding: 0 20px; font-size: 14px; }

/* =========================================================
   §1 내비게이션
   ========================================================= */
.gnb {
  position: fixed; inset: 0 0 auto 0; z-index: 50;
  height: var(--nav-h);
  background: linear-gradient(180deg, rgba(15, 22, 21, .72), rgba(15, 22, 21, 0));
  transition: background .3s, border-color .3s;
  border-bottom: 1px solid transparent;
}
.gnb.is-solid { background: rgba(23, 34, 32, .96); border-bottom-color: var(--gold-faint); }
.gnb__inner { max-width: calc(var(--max) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter); height: 100%; display: flex; align-items: center; gap: 40px; }
.gnb__brand { display: flex; align-items: center; gap: 14px; flex: none; }
.gnb__mark { height: 40px; width: auto; }
.gnb__word { height: 26px; width: auto; }
.gnb__tabs { display: flex; gap: 38px; margin-left: auto; }
.gnb__tabs a { position: relative; font-size: 15.5px; font-weight: 500; color: rgba(234, 228, 214, .86); padding: 8px 0; letter-spacing: 0; }
.gnb__tabs a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; height: 1px; background: var(--gold); transition: left .25s, right .25s; }
.gnb__tabs a:hover, .gnb__tabs a.is-active { color: #fff; }
.gnb__tabs a.is-active::after, .gnb__tabs a:hover::after { left: 0; right: 0; }
.gnb__util { display: flex; align-items: center; gap: 22px; padding-left: 30px; border-left: 1px solid var(--gold-line); }
.gnb__tel { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink-dark-2); letter-spacing: .02em; }
.gnb__tel .ico { width: 18px; height: 18px; color: var(--gold); }
.gnb__burger { display: none; }

/* 모바일 전체화면 메뉴 */
.mnav {
  position: fixed; inset: 0; z-index: 80;
  background: var(--green-950);
  display: flex; flex-direction: column;
  padding: 0 var(--gutter) 96px;
  max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain;
  opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s;
}
.mnav.is-open { opacity: 1; visibility: visible; }
.mnav__top { height: var(--nav-h); flex: none; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--gold-faint); }
.mnav__close .ico { width: 26px; height: 26px; color: var(--gold); }
.mnav__list { display: flex; flex-direction: column; margin-top: 24px; }
.mnav__list a { display: flex; align-items: baseline; gap: 18px; padding: 18px 0; font-family: var(--serif); font-size: 28px; font-weight: 500; border-bottom: 1px solid rgba(234, 228, 214, .08); }
.mnav__list a span { font-family: var(--en); font-size: 17px; color: var(--gold); letter-spacing: .08em; }
.mnav__foot { margin-top: auto; font-size: 14px; color: var(--ink-dark-2); line-height: 1.8; }

/* =========================================================
   §2 히어로
   ========================================================= */
.hero { position: relative; height: 100vh; min-height: 640px; max-height: 900px; overflow: hidden; display: flex; align-items: flex-end; background: #0E1413; }
.hero__media, .hero__media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero__media img { object-fit: cover; object-position: 50% 50%; }
.hero__shade {
  position: absolute; inset: 0;
  background:
    linear-gradient(90deg, rgba(14, 22, 20, .88) 0%, rgba(14, 22, 20, .6) 40%, rgba(14, 22, 20, .1) 72%),
    linear-gradient(0deg, rgba(14, 22, 20, .85) 0%, rgba(14, 22, 20, 0) 38%);
}
.hero__body { position: relative; padding-bottom: 168px; }
.hero__title {
  font-family: var(--serif); font-weight: 600;
  font-size: 76px; line-height: 1.2; letter-spacing: -0.03em;
  color: #F6F1E6; margin-top: 26px;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .25);
}
.hero__sub { margin-top: 26px; font-size: 19px; color: var(--ink-dark); letter-spacing: -0.005em; }
.hero__cta { display: flex; gap: 12px; margin-top: 44px; }
.hero__cta .btn { min-width: 168px; }
.hero__foot { position: absolute; left: 0; right: 0; bottom: 0; border-top: 1px solid rgba(234, 228, 214, .14); }
.hero__foot-inner { height: 76px; display: flex; align-items: center; justify-content: space-between; }
.hero__scroll { display: flex; align-items: center; gap: 16px; font-family: var(--en); font-size: 13px; letter-spacing: .34em; color: var(--ink-dark-2); }
.hero__scroll i { position: relative; width: 64px; height: 1px; background: rgba(234, 228, 214, .25); overflow: hidden; }
.hero__scroll i::after { content: ""; position: absolute; inset: 0; width: 40%; background: var(--gold); animation: scrollHint 2.4s ease-in-out infinite; }
@keyframes scrollHint { 0% { transform: translateX(-100%); } 100% { transform: translateX(260%); } }
.hero__certs { display: flex; align-items: center; font-size: 13.5px; color: var(--ink-dark-2); letter-spacing: .01em; }
.hero__certs li + li::before { content: ""; display: inline-block; width: 4px; height: 4px; background: var(--gold); margin: 0 16px; vertical-align: middle; transform: rotate(45deg); }

/* =========================================================
   §3 오너쉐프 & 밥소믈리에
   ========================================================= */
.som { position: relative; padding: 150px 0 140px; background: var(--green-900); overflow: hidden; }
.som::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 520px; background: linear-gradient(180deg, var(--green-950), rgba(23, 34, 32, 0)); }
.som .wrap { position: relative; }
.som__head { display: grid; grid-template-columns: 1.22fr 1fr; gap: 80px; align-items: center; }
.som__photo { position: relative; margin: 0 22px 22px 0; }
.som__photo::before { content: ""; position: absolute; inset: 22px -22px -22px 22px; border: 1px solid var(--gold-soft); pointer-events: none; }
.som__photo img { position: relative; width: 100%; aspect-ratio: 1016 / 676; object-fit: cover; }
.som__intro { padding-top: 6px; }
.som__label { letter-spacing: .24em; line-height: 1.9; }
.som__label span, .proof .nw { white-space: nowrap; }
.som__name { margin-top: 26px; font-family: var(--serif); font-size: 22px; color: var(--ink-dark); display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.som__name strong { font-size: 30px; font-weight: 600; letter-spacing: .04em; }
.som__name span { font-family: var(--sans); font-size: 15px; color: var(--ink-dark-2); margin-left: 10px; padding-left: 14px; border-left: 1px solid var(--gold-line); }
.som__lead {
  margin-top: 28px;
  font-family: var(--serif); font-weight: 700;
  font-size: 66px; line-height: 1.12; letter-spacing: -0.04em;
  color: #F6F1E6; white-space: nowrap;
}
.som__lead .q { color: var(--gold); font-weight: 400; }
.som__desc { margin-top: 22px; font-size: 18px; color: var(--ink-dark); line-height: 1.75; }

/* 2단 블록: 쌀 | 한식 */
.duo { margin-top: 112px; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--gold-line); }
.duo__col { padding: 56px 64px 0 0; display: flex; flex-direction: column; }
.duo__col + .duo__col { padding: 56px 0 0 64px; border-left: 1px solid var(--gold-line); }
.duo__title { margin-top: 14px; font-family: var(--serif); font-size: 36px; font-weight: 600; line-height: 1.3; letter-spacing: -0.03em; color: #F6F1E6; }
.duo__list { margin-top: 30px; border-top: 1px solid rgba(234, 228, 214, .12); }
.duo__list li { position: relative; padding: 13px 0 13px 22px; font-size: 16px; border-bottom: 1px solid rgba(234, 228, 214, .08); line-height: 1.55; }
.duo__list li::before { content: ""; position: absolute; left: 2px; top: 22px; width: 5px; height: 5px; background: var(--gold); transform: rotate(45deg); }
.duo__list em { white-space: nowrap; font-style: normal; color: var(--ink-dark-2); font-size: 14.5px; }
.duo__tag { display: inline-block; margin-left: 6px; padding: 0 8px; border: 1px solid var(--gold-line); font-size: 12px; line-height: 20px; letter-spacing: .04em; color: var(--gold); vertical-align: 1px; white-space: nowrap; }
.duo__text { position: relative; margin-top: 44px; padding: 4px 0 4px 30px; border-left: 1px solid var(--gold); }
.duo__text p { font-family: var(--serif); font-size: 19px; line-height: 1.9; font-weight: 400; color: var(--ink-dark); letter-spacing: -0.02em; }
.duo__text--quote { margin-top: 72px; }
.duo__text--quote::before { content: "\201C"; position: absolute; top: -44px; left: 26px; font-family: var(--en); font-size: 72px; line-height: 1; color: var(--gold); }

.proof { margin-top: 96px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.proof__img { aspect-ratio: 4 / 3; overflow: hidden; background: var(--green-850); }
.proof__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.proof__item:hover .proof__img img { transform: scale(1.03); }
.proof__item--doc .proof__img { background: #E6E0D2; padding: 16px 0; }
.proof__item--doc .proof__img img { object-fit: contain; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .18)); }
.proof figcaption { display: grid; grid-template-columns: auto 1fr; column-gap: 16px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--gold-line); }
.proof .num { grid-row: span 2; font-family: var(--en); font-size: 30px; line-height: 1; color: var(--gold); }
.proof figcaption b { font-family: var(--serif); font-size: 19px; font-weight: 600; line-height: 1.35; }
.proof figcaption small { font-size: 14px; color: var(--ink-dark-2); }

.yt { margin-top: 56px; display: flex; align-items: center; gap: 24px; padding: 26px 32px; border: 1px solid var(--gold-line); transition: background .25s; }
.yt:hover { background: var(--gold-faint); }
.yt__icon { width: 56px; height: 56px; display: grid; place-items: center; border: 1px solid var(--gold-soft); color: var(--gold); }
.yt__icon .ico { width: 26px; height: 26px; }
.yt__text { display: flex; flex-direction: column; }
.yt__text small { font-size: 12px; letter-spacing: .3em; color: var(--gold); }
.yt__text b { font-family: var(--serif); font-size: 24px; font-weight: 600; }
.yt__go { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; font-size: 15px; color: var(--ink-dark-2); }
.yt__go .ico { color: var(--gold); }

/* =========================================================
   §4 브랜드 이야기 (크림)
   ========================================================= */
.story { position: relative; overflow: hidden; background: var(--cream); color: var(--ink-light); padding: 150px 0 140px; }
.story__mark {
  position: absolute; top: 80px; right: -30px;
  font-family: var(--serif); font-weight: 700; font-size: 250px; line-height: 1; letter-spacing: -.02em;
  color: rgba(193, 156, 78, .14); white-space: nowrap; pointer-events: none; user-select: none;
}
.story .wrap { position: relative; }
.story__head { max-width: 760px; }
.story__head .en-italic { margin-top: 14px; }
.story__head .title { margin-top: 6px; }
.story__p { margin-top: 30px; font-size: 19px; line-height: 1.85; color: var(--ink-light-2); }

.values { margin-top: 96px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(156, 123, 53, .45); }
.values li { position: relative; padding: 48px 44px 52px 0; }
.values li + li { padding-left: 44px; border-left: 1px solid rgba(31, 46, 44, .12); }
.values__no { display: block; font-family: var(--serif); font-size: 42px; line-height: 1; color: var(--gold-deep); font-weight: 500; }
.values h3 { margin-top: 30px; font-family: var(--serif); font-size: 30px; font-weight: 600; letter-spacing: -0.02em; }
.values__sub { margin-top: 6px; font-size: 13px; letter-spacing: .06em; color: var(--gold-text-light); }
.values li p:last-child { margin-top: 22px; font-size: 17px; color: var(--ink-light-2); line-height: 1.8; }

.story__bottom { margin-top: 80px; display: grid; grid-template-columns: 320px 1fr; gap: 56px; align-items: center; }
.name-box { border: 1.5px dashed rgba(156, 123, 53, .7); padding: 34px 32px; background: rgba(255, 255, 255, .35); }
.name-box__label { font-family: var(--serif); font-size: 22px; font-weight: 600; }
.name-box__todo { margin-top: 10px; font-size: 15px; color: var(--gold-text-light); letter-spacing: .04em; }
.timeline { display: grid; grid-template-columns: repeat(5, 1fr); position: relative; }
.timeline::before { content: ""; position: absolute; left: 0; right: 0; top: 11px; height: 1px; background: rgba(156, 123, 53, .5); }
.timeline li { position: relative; padding-top: 38px; padding-right: 14px; }
.timeline li::before { content: ""; position: absolute; top: 6px; left: 0; width: 11px; height: 11px; background: var(--cream); border: 1px solid var(--gold-deep); transform: rotate(45deg); }
.timeline li:first-child::before, .timeline li:last-child::before { background: var(--gold-deep); }
.timeline b { display: block; font-family: var(--en); font-size: 34px; font-weight: 600; line-height: 1; color: #8A6B2B; }
.timeline b.tbd { font-family: var(--sans); font-size: 13px; font-weight: 500; line-height: 34px; height: 34px; border: 0; color: var(--gold-text-light); letter-spacing: .02em; }
.timeline span { display: block; margin-top: 10px; font-size: 15px; color: var(--ink-light); line-height: 1.5; }

/* =========================================================
   §5 메뉴
   ========================================================= */
.menu { padding: 150px 0 140px; background: var(--green-900); }
.menu__notice { display: flex; flex-wrap: wrap; justify-content: flex-end; max-width: 640px; font-size: 14.5px; color: var(--ink-dark-2); }
.menu__notice li { padding: 4px 0; }
.menu__notice li + li::before { content: "·"; margin: 0 10px; color: var(--gold); }
.menu__hero { position: relative; aspect-ratio: 1280 / 520; overflow: hidden; }
.menu__hero img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; }

.menu__cards { margin-top: 32px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.mcard { display: flex; flex-direction: column; background: var(--green-850); border: 1px solid rgba(234, 228, 214, .06); }
.mcard__img { aspect-ratio: 4 / 3.3; overflow: hidden; background: var(--green-800); }
.mcard__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.mcard:hover .mcard__img img { transform: scale(1.04); }
.mcard__img--gejang img { object-position: 40% 12%; }
.mcard__img--tteokgalbi img { object-position: 25% 32%; }
.mcard__img--empty, .proof__img--empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: repeating-linear-gradient(135deg, var(--green-800) 0 14px, #2D403E 14px 15px); }
.mcard__img--empty img, .proof__img--empty img { width: 64px; height: auto; opacity: .55; }
.mcard:hover .mcard__img--empty img, .proof__item:hover .proof__img--empty img { transform: none; }
.mcard__img--empty span, .proof__img--empty span { font-size: 12.5px; letter-spacing: .14em; color: var(--ink-dark-2); border: 1px dashed var(--gold-line); padding: 5px 12px; }
.mcard__body { padding: 26px 24px 30px; flex: 1; display: flex; flex-direction: column; }
.mcard h3 { font-family: var(--serif); font-size: 21px; font-weight: 600; line-height: 1.4; letter-spacing: -0.03em; }
.mcard__price { margin-top: 12px; font-family: var(--serif); font-size: 27px; font-weight: 500; color: var(--gold); line-height: 1.2; display: flex; align-items: baseline; gap: 2px; }
.mcard__price span { font-size: 15px; }
.mcard__price em { margin-left: 10px; font-family: var(--sans); font-style: normal; font-size: 12px; letter-spacing: .04em; color: var(--gold); border: 1px solid var(--gold-line); padding: 1px 7px; align-self: center; }
.mcard__desc { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(234, 228, 214, .1); font-size: 14px; line-height: 1.7; color: var(--ink-dark-2); }
.mcard--note { justify-content: center; padding: 40px 30px; background: transparent; border: 1px solid var(--gold-line); }
.mcard__note-main { margin-top: 20px; font-family: var(--serif); font-size: 22px; line-height: 1.55; font-weight: 500; }
.mcard__note-sub { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--gold-line); font-size: 15px; color: var(--ink-dark-2); line-height: 1.8; }
.mcard__note-sub b { font-family: var(--serif); color: var(--gold); font-weight: 500; font-size: 18px; }

.acc { margin-top: 80px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 48px; border-top: 1px solid var(--gold-line); }
.acc__item summary { list-style: none; display: flex; align-items: baseline; gap: 12px; padding: 26px 0 20px; cursor: pointer; }
.acc__item summary::-webkit-details-marker { display: none; }
.acc__item summary span { font-family: var(--serif); font-size: 24px; font-weight: 600; }
.acc__item summary small { font-size: 13px; color: var(--gold); letter-spacing: .04em; }
.acc__item summary .ico { margin-left: auto; color: var(--gold); align-self: center; }
.acc__item summary .ico--minus, .acc__item[open] summary .ico--plus { display: none; }
.acc__item[open] summary .ico--minus { display: block; }
.price-list li { display: flex; align-items: baseline; gap: 12px; padding: 11px 0; font-size: 15.5px; }
.price-list li i { flex: 1; border-bottom: 1px dotted rgba(234, 228, 214, .24); transform: translateY(-4px); min-width: 16px; }
.price-list li b { font-family: var(--serif); font-weight: 500; color: var(--gold); font-size: 17px; white-space: nowrap; }
.price-list li b small { font-family: var(--sans); font-size: 12px; color: var(--ink-dark-2); font-weight: 400; }
.acc__note { margin-top: 8px; font-size: 14px; color: var(--ink-dark-2); }

.menu__foot { margin-top: 64px; padding-top: 32px; border-top: 1px solid rgba(234, 228, 214, .1); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; border: 1px solid var(--gold-line); font-size: 15px; color: var(--ink-dark); }
.badge .ico { color: var(--gold); }

/* =========================================================
   §6 쌀 이야기 (크림)
   ========================================================= */
.rice { background: var(--cream-2); color: var(--ink-light); padding: 150px 0; }
.rice__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 96px; align-items: stretch; }
.rice__num { margin-top: 18px; display: flex; align-items: flex-end; gap: 6px; font-family: var(--serif); font-size: 52px; font-weight: 600; color: #8A6B2B; line-height: 1; }
.rice__num span { font-family: var(--en); font-weight: 500; font-size: 240px; line-height: .78; letter-spacing: -0.04em; color: var(--gold-deep); }
/* Cormorant의 "7"은 기준선 아래로 내려오는 숫자형 → 그만큼 헤드라인을 띄움 */
.rice__title { font-size: 46px; margin-top: 96px; }
.steps { margin-top: 64px; display: grid; grid-template-columns: repeat(3, 1fr); }
.steps li { position: relative; padding: 0 20px 0 0; }
.steps li + li { padding-left: 28px; border-left: 1px solid rgba(31, 46, 44, .14); }
.steps li + li::before { content: ""; position: absolute; left: -6px; top: 18px; width: 11px; height: 11px; border-top: 1px solid var(--gold-deep); border-right: 1px solid var(--gold-deep); transform: rotate(45deg); background: var(--cream-2); }
.steps .ico { width: 42px; height: 42px; color: #8A6B2B; stroke-width: 1.1; }
.steps__no { display: block; margin-top: 22px; font-family: var(--en); font-size: 15px; letter-spacing: .2em; color: var(--gold-text-light); }
.steps h3 { margin-top: 4px; font-family: var(--serif); font-size: 26px; font-weight: 600; }
.steps p { margin-top: 6px; font-size: 15.5px; color: var(--ink-light-2); }
.rice__photo { position: relative; min-height: 640px; }
.rice__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }

.wonmi { margin-top: 72px; display: flex; align-items: center; gap: 20px; padding: 16px 22px 16px 16px; border: 1px solid rgba(31, 46, 44, .14); background: rgba(255, 255, 255, .35); max-width: 560px; }
.wonmi img { width: 72px; height: 72px; object-fit: cover; flex: none; }
.wonmi p { font-size: 14px; line-height: 1.6; color: var(--ink-light-2); }
.wonmi p:nth-child(2) { color: var(--ink-light); font-weight: 500; }
.wonmi .wonmi__label { font-family: var(--serif); font-size: 12px; letter-spacing: .2em; color: var(--gold-text-light); }

/* =========================================================
   §7 공간
   ========================================================= */
.space { padding: 150px 0 120px; background: var(--green-950); }
.space__caption { font-family: var(--serif); font-size: 19px; color: var(--ink-dark-2); }
.gallery { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 250px); gap: 12px; }
.g { position: relative; overflow: hidden; background: var(--green-850); }
.g img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s; }
.g:hover img { transform: scale(1.04); }
.g figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 20px 16px; font-size: 14px; letter-spacing: .04em; background: linear-gradient(0deg, rgba(14, 20, 19, .7), rgba(14, 20, 19, 0)); }
.g--hall { grid-column: 1 / 3; grid-row: 1 / 3; }
.g--yugi { grid-column: 3; grid-row: 1 / 3; }
.g--window { grid-column: 4; grid-row: 1; }
.g--slat { grid-column: 4; grid-row: 2; }
.g--room { grid-column: 1 / 3; grid-row: 3; }
.g--terrace { grid-column: 3 / 5; grid-row: 3; }
.g--yugi img { object-position: 50% 60%; }

.amenity { margin-top: 64px; display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid var(--gold-line); border-bottom: 1px solid var(--gold-line); }
.amenity li { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 30px 10px; font-size: 15px; line-height: 1.45; }
.amenity li + li { border-left: 1px solid rgba(234, 228, 214, .08); }
.amenity .ico { width: 30px; height: 30px; color: var(--gold); stroke-width: 1.2; }
.amenity small { display: block; margin-top: 4px; font-size: 12.5px; color: var(--ink-dark-2); }

/* =========================================================
   §7-2 주변 명소 · 골프장 (딥그린 900) — 좌: 명소 카드 · 우: 시/군별 골프장 목록(메뉴 아코디언과 같은 <details>)
   ========================================================= */
.nearby { padding: 150px 0 120px; background: var(--green-900); border-top: 1px solid var(--gold-faint); }
.nearby__lead { max-width: 560px; }
.nearby__lead p { font-family: var(--serif); font-size: 17px; line-height: 1.8; color: var(--ink-dark-2); }
.nearby__lead .nearby__fest { margin-top: 12px; font-size: 16px; color: var(--gold); }
.nearby__grid { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: start; }
.nearby__sub { padding-bottom: 18px; border-bottom: 1px solid var(--gold-line); font-family: var(--serif); font-size: 21px; font-weight: 600; line-height: 1.45; letter-spacing: -0.02em; }
.nearby__sub span { white-space: nowrap; }
.spots { margin-top: 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.spot { display: flex; flex-direction: column; gap: 6px; padding: 18px 18px 16px; background: var(--green-850); border: 1px solid rgba(234, 228, 214, .06); }
.spot__name { font-family: var(--serif); font-size: 16.5px; font-weight: 600; line-height: 1.4; letter-spacing: -0.02em; overflow-wrap: anywhere; }
.spot__kind { font-size: 13px; line-height: 1.5; color: var(--ink-dark-2); }
.spot__km { margin-top: auto; padding-top: 4px; font-family: var(--serif); font-size: 15px; color: var(--gold); }
.spot__km--loc { font-family: var(--sans); font-size: 13px; color: var(--ink-dark-2); }
.golf { column-count: 2; column-gap: 40px; }
.golf__grp { break-inside: avoid; padding-top: 18px; }
.golf__grp summary { list-style: none; display: flex; align-items: baseline; gap: 10px; padding: 4px 0 8px; cursor: pointer; }
.golf__grp summary::-webkit-details-marker { display: none; }
.golf__grp summary span { font-family: var(--serif); font-size: 19px; font-weight: 600; }
.golf__grp summary small { font-size: 13px; color: var(--gold); letter-spacing: .04em; }
.golf__grp summary .ico { margin-left: auto; width: 18px; height: 18px; color: var(--gold); align-self: center; }
.golf__grp summary .ico--minus, .golf__grp[open] summary .ico--plus { display: none; }
.golf__grp[open] summary .ico--minus { display: block; }
.golf__list { padding-bottom: 12px; border-bottom: 1px solid rgba(234, 228, 214, .08); }
.golf__list li { display: flex; align-items: baseline; gap: 10px; padding: 6px 0; font-size: 14.5px; }
.golf__list li span { overflow-wrap: anywhere; }
.golf__list li i { flex: 1; border-bottom: 1px dotted rgba(234, 228, 214, .24); transform: translateY(-4px); min-width: 16px; }
.golf__list li b { font-family: var(--serif); font-weight: 500; color: var(--gold); font-size: 15px; white-space: nowrap; }
.golf__list li b.golf__loc { font-family: var(--sans); font-size: 13px; font-weight: 400; color: var(--ink-dark-2); }
.nearby__band { margin-top: 64px; padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px 40px; border: 1px solid var(--gold-line); background: rgba(23, 34, 32, .5); }
.nearby__events { font-family: var(--serif); font-size: 22px; font-weight: 600; letter-spacing: -0.02em; }
.nearby__ask { margin-top: 6px; font-size: 14.5px; color: var(--ink-dark-2); }
.nearby__cta { flex: none; display: flex; gap: 10px; }
.nearby__note { margin-top: 20px; font-size: 12px; line-height: 1.6; letter-spacing: .02em; color: var(--gold); } /* 딥그린 900(#1D2B29) 위 골드 */

/* =========================================================
   §8 방송·인증
   ========================================================= */
.press { background: var(--green-850); border-top: 1px solid var(--gold-faint); border-bottom: 1px solid var(--gold-faint); }
.press__inner { display: flex; align-items: center; gap: 44px; min-height: 120px; }
.press .eyebrow { flex: none; font-size: 12px; letter-spacing: .3em; }
.press__list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; flex: 1; gap: 8px 0; }
.press__list li { font-family: var(--serif); font-size: 16px; font-weight: 500; color: var(--ink-dark); letter-spacing: -0.02em; display: flex; align-items: center; white-space: nowrap; }
.press__list li + li::before { content: ""; width: 4px; height: 4px; background: var(--gold); transform: rotate(45deg); margin: 0 18px 0 0; }

/* =========================================================
   §8-2 자주 묻는 질문 (크림) — 메뉴 아코디언과 같은 <details> 구조
   ========================================================= */
.faq { background: var(--cream); color: var(--ink-light); padding: 150px 0 140px; }
.faq__grid { display: grid; grid-template-columns: 1fr 2fr; gap: 96px; align-items: start; }
.faq__list { border-top: 1px solid rgba(156, 123, 53, .45); }
.faq__item { border-bottom: 1px solid rgba(31, 46, 44, .12); }
.faq__item summary { list-style: none; display: flex; align-items: baseline; gap: 18px; padding: 26px 0; cursor: pointer; }
.faq__item summary::-webkit-details-marker { display: none; }
.faq__q { flex: none; width: 18px; font-family: var(--en); font-size: 24px; line-height: 1; color: var(--gold-text-light); }
.faq__t { font-family: var(--serif); font-size: 21px; font-weight: 600; line-height: 1.5; letter-spacing: -0.02em; }
.faq__item summary .ico { margin-left: auto; color: var(--gold-deep); align-self: center; }
.faq__item summary .ico--minus, .faq__item[open] summary .ico--plus { display: none; }
.faq__item[open] summary .ico--minus { display: block; }
.faq__a { padding: 0 44px 30px 36px; }
.faq__a p { font-size: 16px; line-height: 1.85; color: var(--ink-light-2); }
.faq__a a { color: var(--ink-light); border-bottom: 1px solid var(--gold-deep); }

/* =========================================================
   §9 오시는 길
   ========================================================= */
.visit { position: relative; padding: 150px 0; overflow: hidden; }
.visit__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }
.visit__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(23, 34, 32, .94) 0%, rgba(23, 34, 32, .72) 45%, rgba(23, 34, 32, .9) 100%); }
.visit .wrap { position: relative; }
.visit__grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 0; background: rgba(23, 34, 32, .85); border: 1px solid var(--gold-line); }
.map { position: relative; min-height: 520px; background: #22312F; overflow: hidden; }
.map__embed { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.info { padding: 52px 52px 48px; display: flex; flex-direction: column; }
.info dl > div { display: grid; grid-template-columns: 120px 1fr; padding: 20px 0; border-bottom: 1px solid rgba(234, 228, 214, .1); }
.info dl > div:first-child { padding-top: 0; }
.info dt { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--gold); letter-spacing: .04em; align-self: start; padding-top: 3px; }
.info dt .ico { width: 18px; height: 18px; }
.info dd { font-size: 17px; line-height: 1.7; }
.info dd small { font-size: 14px; color: var(--ink-dark-2); }
.info dd.info__tel { font-family: var(--serif); font-size: 26px; font-weight: 600; letter-spacing: .02em; line-height: 1.3; }
.info__btns { margin-top: 36px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.info__btns .btn:first-child { grid-column: 1 / -1; }
.info__btns .btn { padding: 0 16px; }

/* =========================================================
   §10 푸터
   ========================================================= */
.foot { background: #111917; padding: 88px 0 40px; color: var(--ink-dark-2); font-size: 14.5px; }
.foot__grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 64px; padding-bottom: 64px; border-bottom: 1px solid rgba(234, 228, 214, .08); }
.foot__brand img { width: 200px; height: auto; }
.foot__h { font-family: var(--en); font-size: 15px; letter-spacing: .28em; color: var(--gold); margin-bottom: 18px; }
.foot__info .foot__h { font-family: var(--serif); letter-spacing: .1em; font-size: 16px; }
.foot__info li, .foot__sns li { padding: 4px 0; }
.foot__sns a { display: inline-flex; align-items: center; gap: 10px; }
.foot__sns .ico { width: 18px; height: 18px; color: var(--gold); }
.foot__sns a:hover { color: var(--ink-dark); }
.foot__copy { display: flex; justify-content: space-between; padding-top: 28px; font-size: 13px; color: rgba(234, 228, 214, .4); }
.foot__copy span:first-child { font-family: var(--en); font-style: italic; font-size: 15px; letter-spacing: .04em; }
.foot__kw { padding-top: 14px; font-size: 12.5px; letter-spacing: .01em; line-height: 1.6; color: var(--ink-dark-2); }

/* 모바일 하단 바 */
.mbar { display: none; }

/* 스크롤 페이드업 */
.js .reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s ease, transform .9s ease; }
.js .reveal.is-in { opacity: 1; transform: none; }

/* =========================================================
   반응형
   ========================================================= */
@media (max-width: 1200px) {
  .gnb__tabs { gap: 26px; }
  .gnb__tel span { display: none; }
  .menu__cards { grid-template-columns: repeat(3, 1fr); }
}

/* 1024px 이하: 헤더 탭이 넘치기 전에 햄버거 + 하단 고정 바로 전환 */
@media (max-width: 1024px) {
  body { padding-bottom: 64px; }
  .gnb__tabs, .gnb__util { display: none; }
  .gnb__inner { gap: 0; justify-content: space-between; }
  .gnb__burger { display: grid; place-items: center; width: 44px; height: 44px; margin-right: -10px; color: var(--ink-dark); }
  .gnb__burger .ico { width: 26px; height: 26px; }

  .mbar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 85; height: 64px;
    background: var(--green-950); border-top: 1px solid var(--gold-line);
  }
  .mbar a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 15.5px; font-weight: 500; }
  .mbar a .ico { width: 19px; height: 19px; color: var(--gold); }
  .mbar .mbar__book { background: var(--gold); color: var(--green-950); }
  .mbar .mbar__book .ico { color: var(--green-950); }

  .mnav.is-open ~ .mbar { display: none !important; }

  .nearby__grid { grid-template-columns: 1fr; gap: 56px; }
  .spots { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 760px) {
  :root { --gutter: 16px; --nav-h: 64px; }
  body { font-size: 16px; }
  .title { font-size: 36px; margin-top: 12px; }
  .eyebrow { font-size: 11.5px; letter-spacing: .26em; }
  .sec-head { flex-direction: column; align-items: flex-start; gap: 18px; margin-bottom: 32px; }

  .gnb__mark { height: 32px; }
  .gnb__word { height: 21px; }
  .mnav__top .gnb__word { height: 21px; }

  .hero { height: calc(100svh - 64px); min-height: 600px; max-height: 760px; }
  .hero__media img { object-position: 50% 30%; }
  .hero__shade { background: linear-gradient(0deg, rgba(14, 22, 20, .95) 0%, rgba(14, 22, 20, .72) 45%, rgba(14, 22, 20, .1) 75%, rgba(14, 22, 20, .45) 100%); }
  .hero__body { padding-bottom: 104px; }
  .hero__title { font-size: 40px; margin-top: 16px; }
  .hero__sub { font-size: 15.5px; margin-top: 16px; }
  .hero__cta { margin-top: 28px; }
  .hero__cta .btn { flex: 1; min-width: 0; height: 52px; padding: 0 12px; }
  .hero__foot-inner { height: 64px; }
  .hero__scroll { display: none; }
  .hero__certs { flex-wrap: wrap; font-size: 11.5px; row-gap: 2px; }
  .hero__certs li + li::before { margin: 0 8px; }

  .som { padding: 88px 0 80px; }
  .som__head { grid-template-columns: 1fr; gap: 44px; }
  .som__photo { margin: 0 12px 12px 0; }
  .som__photo::before { inset: 12px -12px -12px 12px; }
  .som__name { margin-top: 16px; font-size: 18px; }
  .som__name strong { font-size: 24px; }
  .som__name span { margin-left: 0; padding-left: 0; border-left: 0; width: 100%; }
  .som__lead { font-size: 46px; margin-top: 18px; }
  .som__label { letter-spacing: .16em; }
  .som__desc { font-size: 16px; }
  .duo { margin-top: 64px; grid-template-columns: 1fr; }
  .duo__col, .duo__col + .duo__col { padding: 40px 0 48px; border-left: 0; }
  .duo__col + .duo__col { border-top: 1px solid var(--gold-line); padding-bottom: 0; }
  .duo__title { font-size: 28px; margin-top: 10px; }
  .duo__list { margin-top: 22px; }
  .duo__list li { font-size: 15px; }
  .duo__text { margin-top: 32px; padding-left: 22px; }
  .duo__text--quote { margin-top: 60px; }
  .duo__text--quote::before { font-size: 64px; top: -40px; left: 14px; }
  .duo__text p { font-size: 17px; line-height: 1.85; }
  .proof { margin-top: 56px; grid-template-columns: 1fr 1fr; gap: 28px 12px; }
  .proof figcaption { column-gap: 8px; margin-top: 12px; padding-top: 12px; }
  .proof .num { font-size: 20px; }
  .proof figcaption b { font-size: 15px; }
  .proof figcaption small { font-size: 12px; line-height: 1.5; }
  .proof__item--doc .proof__img { padding: 8px 0; }
  .proof__img--empty { gap: 10px; }
  .proof__img--empty img { width: 40px; }
  .proof__img--empty span { font-size: 11px; letter-spacing: .08em; padding: 3px 8px; }
  .yt { padding: 18px; gap: 14px; flex-wrap: wrap; }
  .yt__icon { width: 46px; height: 46px; }
  .yt__text b { font-size: 20px; }
  .yt__go { margin-left: 0; width: 100%; padding-top: 12px; border-top: 1px solid var(--gold-faint); }

  .story { padding: 88px 0 80px; }
  .story__mark { font-size: 108px; top: 40px; right: -20px; }
  .story__p { font-size: 16px; }
  .en-italic { font-size: 21px; color: var(--gold-text-light); }
  .values { margin-top: 48px; grid-template-columns: 1fr; }
  .values li, .values li + li { padding: 32px 0; border-left: 0; border-bottom: 1px solid rgba(31, 46, 44, .12); }
  .values h3 { margin-top: 16px; font-size: 26px; }
  .story__bottom { grid-template-columns: 1fr; gap: 48px; margin-top: 48px; }
  .timeline li:last-child { grid-column: 1 / -1; }
  .timeline { grid-template-columns: 1fr 1fr; row-gap: 28px; }
  .timeline::before { display: none; }
  .timeline b { font-size: 28px; }

  .menu { padding: 88px 0 80px; }
  .menu__notice { flex-direction: column; font-size: 13.5px; }
  .menu__notice li { padding: 2px 0; }
  .menu__notice li::before, .menu__notice li + li::before { content: "·"; margin: 0 8px 0 0; color: var(--gold); }
  .menu__hero { aspect-ratio: 4 / 3; margin: 0 -16px; }
  .menu__cards { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 24px -16px 0; padding: 0 16px 8px; scroll-padding: 0 16px; scrollbar-width: none; }
  .menu__cards::-webkit-scrollbar { display: none; }
  .mcard { flex: 0 0 78%; scroll-snap-align: start; }
  .mcard--note { padding: 32px 24px; }
  .acc { margin-top: 56px; grid-template-columns: 1fr; border-top: 0; }
  .acc__item { border-top: 1px solid var(--gold-line); }
  .acc__item:last-child { border-bottom: 1px solid var(--gold-line); }
  .acc__item summary { padding: 20px 0; }
  .acc__item summary span { font-size: 21px; }
  .price-list { padding-bottom: 14px; }
  .price-list li { font-size: 14.5px; }
  .menu__foot { flex-direction: column; align-items: stretch; margin-top: 40px; }
  .menu__foot .btn { width: 100%; }
  .badge { justify-content: center; }

  .rice { padding: 88px 0 0; }
  .rice__grid { grid-template-columns: 1fr; gap: 56px; }
  .rice__num span { font-size: 150px; }
  .rice__num { font-size: 36px; }
  .rice__title { font-size: 30px; margin-top: 64px; }
  .steps { grid-template-columns: 1fr; margin-top: 40px; }
  .steps li, .steps li + li { display: grid; grid-template-columns: 48px 1fr; column-gap: 18px; padding: 20px 0; border-left: 0; border-top: 1px solid rgba(31, 46, 44, .14); }
  .steps li + li::before { display: none; }
  .steps .ico { grid-row: span 3; width: 38px; height: 38px; }
  .steps__no { margin-top: 0; }
  .steps h3 { font-size: 21px; }
  .wonmi { margin-top: 40px; align-items: flex-start; }
  .wonmi img { width: 60px; height: 60px; }
  .rice__photo { min-height: 0; aspect-ratio: 4 / 5; margin: 0 -16px; }

  .space { padding: 88px 0 72px; }
  .space__caption { font-size: 16px; }
  .gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 220px 220px 150px 150px; gap: 8px; }
  .g--hall { grid-column: 1 / 3; grid-row: 1; }
  .g--yugi { grid-column: 1; grid-row: 2; }
  .g--window { grid-column: 2; grid-row: 2; }
  .g--slat { grid-column: 1; grid-row: 3; }
  .g--room { grid-column: 2; grid-row: 3; }
  .g--terrace { grid-column: 1 / 3; grid-row: 4; }
  .g figcaption { font-size: 12.5px; padding: 28px 12px 10px; }
  .amenity { margin-top: 40px; grid-template-columns: repeat(3, 1fr); }
  .amenity li { padding: 22px 6px; font-size: 13px; }
  .amenity li:nth-child(4) { border-left: 0; }
  .amenity li:nth-child(n+4) { border-top: 1px solid rgba(234, 228, 214, .08); }
  .amenity .ico { width: 26px; height: 26px; }

  .nearby { padding: 88px 0 72px; }
  .nearby__lead p { font-size: 15.5px; }
  .nearby__lead .nearby__fest { font-size: 15px; }
  .nearby__grid { gap: 48px; }
  .nearby__sub { font-size: 18px; padding-bottom: 14px; }
  .spots { grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 16px; }
  .spot { padding: 14px 14px 12px; gap: 4px; }
  .spot__name { font-size: 15px; }
  .spot__kind, .spot__km--loc { font-size: 12.5px; }
  .spot__km { font-size: 14px; }
  .golf { column-count: 1; }
  .golf__grp { padding-top: 0; border-bottom: 1px solid var(--gold-line); }
  .golf__grp summary { padding: 18px 0; }
  .golf__grp summary span { font-size: 18px; }
  .golf__list { padding-bottom: 14px; border-bottom: 0; }
  .golf__list li { font-size: 14px; }
  .nearby__band { margin-top: 48px; padding: 24px 20px; flex-direction: column; align-items: stretch; }
  .nearby__events { font-size: 18px; }
  .nearby__cta { flex-direction: column; }
  .nearby__cta .btn { width: 100%; }

  .press__inner { flex-direction: column; align-items: flex-start; gap: 18px; padding: 40px 16px; }
  .press__list { flex-direction: column; align-items: flex-start; gap: 10px; }
  .press__list li { font-size: 16px; }
  .press__list li::before, .press__list li + li::before { content: ""; width: 4px; height: 4px; background: var(--gold); transform: rotate(45deg); margin-right: 14px; }

  .faq { padding: 88px 0 80px; }
  .faq__grid { grid-template-columns: 1fr; gap: 32px; }
  .faq__item summary { gap: 12px; padding: 20px 0; }
  .faq__q { width: 16px; font-size: 21px; }
  .faq__t { font-size: 17.5px; }
  .faq__a { padding: 0 0 22px 28px; }
  .faq__a p { font-size: 15px; }

  .visit { padding: 88px 0; }
  .visit__grid { grid-template-columns: 1fr; }
  .map { min-height: 280px; }
  .info { padding: 32px 20px; }
  .info dl > div { grid-template-columns: 96px 1fr; padding: 16px 0; }
  .info dd { font-size: 15.5px; }
  .info dd.info__tel { font-size: 22px; }
  .info__btns { grid-template-columns: 1fr; }

  .foot { padding: 64px 0 32px; }
  .foot__grid { grid-template-columns: 1fr; gap: 40px; padding-bottom: 40px; }
  .foot__brand img { width: 150px; }
  .foot__copy { flex-direction: column; gap: 6px; }
}

/* =========================================================
   실사이트 추가 규칙
   ========================================================= */
/* <picture>는 레이아웃에서 빠지고 내부 img가 목업과 같은 자리에 놓인다 */
picture { display: contents; }

/* 히어로 배경 영상: 정지 이미지 위에 겹쳐, 페이드인 구간이 지나면 드러난다 */
.hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; opacity: 0; transition: opacity 1.2s ease; }
.hero__video.is-on { opacity: 1; }

/* 키보드 포커스 링 */
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.btn--gold:focus-visible, .mbar__book:focus-visible { outline-color: var(--ink-dark); }
.story :focus-visible, .rice :focus-visible, .faq :focus-visible { outline-color: var(--gold-deep); }

/* 동작 줄이기 설정 존중 */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js .reveal { opacity: 1; transform: none; }
  .hero__video, .hero__toggle { display: none !important; }
}

/* JS가 없을 때: 햄버거·닫기를 링크(:target)로 대신해 메뉴 열고 닫기 */
html.js .gnb__burger--nojs, html.js .mnav__close--nojs,
html:not(.js) button.gnb__burger, html:not(.js) button.mnav__close { display: none !important; }
html:not(.js) .mnav:target { opacity: 1; visibility: visible; }
html:not(.js) .mnav:target ~ .mbar { display: none !important; }

/* 히어로 영상 재생/일시정지 버튼(영상이 돌 때만 표시) */
.hero__foot-inner { position: relative; }
.hero__toggle {
  position: absolute; right: var(--gutter); bottom: calc(100% + 20px);
  width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center;
  border: 1px solid var(--gold-soft); color: var(--gold);
  background: rgba(14, 22, 20, .35); transition: background .25s, border-color .25s;
}
.hero__toggle:hover { background: rgba(14, 22, 20, .6); border-color: var(--gold); }
.hero__toggle[hidden] { display: none; }
.hero__toggle .ico { width: 16px; height: 16px; }
.hero__toggle .ico--play { display: none; }
.hero__toggle.is-paused .ico--play { display: block; }
.hero__toggle.is-paused .ico--pause { display: none; }