@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;800;900&family=Noto+Serif+KR:wght@600;700;700;800&display=swap");
:root{
  --black:#070604;
  --espresso:#100d09;
  --charcoal:#17130f;
  --cream:#f6edda;
  --muted:#d7c8aa;
  --gold:#d0a24d;
  --gold2:#e2bd6a;
  --line:rgba(208,162,77,.36);
  --panel:rgba(10,8,6,.62);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:"Times New Roman","Noto Serif KR",Georgia,serif;}
a{color:inherit;text-decoration:none}
.site-shell{min-height:100svh;background:var(--black);overflow:hidden}
.hero{position:relative;min-height:100svh;padding:30px clamp(28px,4.5vw,78px) 20px;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background-image:linear-gradient(90deg, rgba(2,2,1,.98) 0%, rgba(4,4,3,.96) 24%, rgba(6,5,4,.80) 38%, rgba(12,9,6,.22) 60%, rgba(5,4,3,.30) 100%),linear-gradient(180deg, rgba(0,0,0,.24) 0%, rgba(0,0,0,.04) 39%, rgba(0,0,0,.42) 88%, rgba(0,0,0,.72) 100%),url("/assets/hero-food.jpg");background-repeat:no-repeat;background-size:100% 100%,100% 100%,112% auto;background-position:center center,center center,61% 43%}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);background-size:72px 72px;opacity:.20;z-index:-2;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 34%,rgba(207,153,75,.08),transparent 25%),linear-gradient(90deg,rgba(0,0,0,.55),transparent 45%,rgba(0,0,0,.10));z-index:-1;pointer-events:none}
.grain{position:absolute;inset:-50%;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");mix-blend-mode:soft-light;z-index:0}
.topbar{position:relative;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:122px}.brand{display:block;width:clamp(180px,13vw,260px);filter:drop-shadow(0 0 14px rgba(235,207,147,.15))}.brand img{display:block;width:100%;height:auto}.nav{display:flex;gap:16px;font-family:Georgia,serif}.nav a{min-width:92px;text-align:center;border:1px solid rgba(208,162,77,.54);border-radius:999px;padding:13px 24px;color:#efdeba;background:rgba(12,9,6,.34);backdrop-filter:blur(5px);font-weight:700;letter-spacing:.02em}.nav a:not(:first-child){border-color:rgba(243,234,214,.24);color:#eadfc8}.nav a:hover{background:rgba(201,154,74,.16)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(360px,520px) 1fr;align-items:center;gap:clamp(28px,4vw,76px);min-height:0;padding-top:0}.copy-block{max-width:540px;align-self:center}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 18px;color:#d8b364;font-size:1rem;font-weight:700;font-style:italic;letter-spacing:.045em}.eyebrow span{display:block;width:48px;height:1px;background:var(--line)}h1{margin:0;color:#f8f0dc;font-family:"Noto Serif KR","Times New Roman",serif;font-size:clamp(3.45rem,5.25vw,6rem);line-height:1.08;letter-spacing:-.055em;font-weight:800;text-shadow:0 8px 32px rgba(0,0,0,.68)}.rule{width:min(420px,86%);height:1px;margin:24px 0 20px;background:linear-gradient(90deg,rgba(208,162,77,.72),rgba(208,162,77,.18),transparent)}.lead{margin:0;color:#e5d7bd;font-size:clamp(1.02rem,1.05vw,1.18rem);line-height:1.78;font-weight:500;letter-spacing:-.02em;text-shadow:0 4px 20px rgba(0,0,0,.55)}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:150px;border-radius:999px;padding:15px 26px;font-size:1.02rem;font-weight:800;letter-spacing:-.02em}.btn.primary{background:linear-gradient(135deg,#e6be62,#bd8638);color:#120e09;box-shadow:0 14px 38px rgba(180,125,47,.15)}.btn.ghost{border:1px solid var(--line);color:#f0dfbd;background:rgba(18,14,10,.36)}
.category-row{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px}.category{position:relative;display:grid;grid-template-columns:43% 1fr 30px;align-items:center;min-height:118px;border:1px solid rgba(208,162,77,.30);border-radius:9px;overflow:hidden;background:rgba(11,9,6,.76);box-shadow:0 18px 45px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease}.category:hover{transform:translateY(-3px);border-color:rgba(208,162,77,.56)}.category img{width:100%;height:100%;object-fit:cover;filter:saturate(.98) brightness(.96)}.category div{padding:0 16px}.category strong{display:block;color:#f2e6cf;font-size:1.06rem;line-height:1.2;letter-spacing:-.03em}.category span{display:block;margin-top:7px;color:#d2b56d;font-size:.88rem;font-style:italic;line-height:1.25}.category em{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid var(--line);border-radius:999px;color:#d4a951;font-style:normal}
.hero-footer{position:relative;z-index:3;display:grid;grid-template-columns:1.1fr 1fr 1.5fr auto;align-items:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(208,162,77,.20);color:#d8ccb6;background:linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,.04));}.info{border-right:1px solid rgba(208,162,77,.24);min-height:64px;padding-right:24px}.info small{display:block;color:#cfa65a;font-size:.84rem;font-weight:800;letter-spacing:.07em}.info p{margin:8px 0 0;line-height:1.5;font-size:.91rem}.quote{text-align:center;color:#d9c6a6}.quote i{display:block;color:#cfa65c;font-size:1.05rem}.quote p{margin:.48rem 0 0;font-size:.88rem}.visit-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(208,162,77,.52);border-radius:999px;padding:12px 26px;color:#ecd9b4;font-weight:800;white-space:nowrap;background:rgba(18,14,10,.42)}

.menu-page{min-height:100svh;padding:42px clamp(18px,5vw,76px) 56px;background:radial-gradient(circle at 85% 0%,rgba(208,162,77,.11),transparent 22%),linear-gradient(160deg,#0b0906,#241e16 58%,#080604);color:var(--cream)}
.menu-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;gap:18px}.menu-header .brand{width:clamp(150px,15vw,230px)}.back{border:1px solid var(--line);border-radius:999px;padding:12px 20px;color:#edddb9;background:rgba(12,9,6,.34);font-weight:800;white-space:nowrap}
.menu-hero{max-width:980px;padding:42px 0 22px}.menu-hero h1{font-size:clamp(2.45rem,5vw,5rem);line-height:1.08}.menu-hero p{max-width:760px;margin:18px 0 0;color:#dfd0b6;line-height:1.76;font-size:1.05rem;letter-spacing:-.02em}.menu-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.menu-tabs a{border:1px solid rgba(208,162,77,.32);border-radius:999px;padding:10px 16px;color:#e9d7b7;background:rgba(5,4,3,.34);font-size:.92rem;font-weight:800}.menu-tabs a:hover{border-color:rgba(208,162,77,.68);background:rgba(208,162,77,.12)}
.highlight-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 42px}.highlight-card{border:1px solid rgba(208,162,77,.42);border-radius:22px;padding:24px;background:linear-gradient(140deg,rgba(208,162,77,.14),rgba(10,8,6,.72));box-shadow:0 22px 50px rgba(0,0,0,.22)}.highlight-card span{display:inline-flex;color:#d9b360;font-size:.76rem;font-weight:900;letter-spacing:.1em}.highlight-card h2{margin:12px 0 10px;color:#fff0cf;font-size:1.48rem;letter-spacing:-.04em}.highlight-card p{margin:0;color:#d8c9ae;line-height:1.62}.highlight-card strong{display:block;margin-top:18px;color:#f3d27f;font-size:1.28rem;letter-spacing:.02em}
.menu-section{scroll-margin-top:24px;margin-top:42px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(208,162,77,.25);padding-bottom:14px;margin-bottom:18px}.section-title small{color:#d6ad5c;font-weight:900;letter-spacing:.13em}.section-title h2{margin:0;color:#f5e7c8;font-size:clamp(1.7rem,2.7vw,2.45rem);letter-spacing:-.04em}.menu-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.menu-list.single{grid-template-columns:minmax(260px,520px)}.menu-card{position:relative;min-height:214px;border:1px solid rgba(201,154,74,.25);border-radius:18px;padding:20px;background:linear-gradient(180deg,rgba(17,13,9,.82),rgba(8,6,4,.68));box-shadow:0 16px 40px rgba(0,0,0,.20);display:flex;flex-direction:column}.menu-card.featured{border-color:rgba(208,162,77,.48);background:linear-gradient(150deg,rgba(208,162,77,.12),rgba(8,6,4,.74))}.menu-card.compact{min-height:184px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.card-top span,.card-top em{display:inline-flex;align-items:center;border:1px solid rgba(208,162,77,.35);border-radius:999px;padding:5px 9px;color:#d8b364;font-size:.68rem;font-style:normal;font-weight:900;letter-spacing:.09em}.card-top em{color:#171109;background:linear-gradient(135deg,#e4bf68,#c79243);border-color:transparent}.menu-card h3{margin:0 0 12px;color:#f3e4c8;font-size:1.32rem;line-height:1.22;letter-spacing:-.045em}.menu-card p{margin:0;color:#d8c9ae;line-height:1.62;letter-spacing:-.02em}.menu-card strong{margin-top:auto;padding-top:18px;color:#f2ce78;font-size:1.38rem;letter-spacing:.015em}.menu-card strong::before,.highlight-card strong::before{content:"₩";font-size:.9em;margin-right:1px}.multi-price ul{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid rgba(208,162,77,.18)}.multi-price li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid rgba(208,162,77,.14);color:#e1d3bb}.multi-price li b{color:#f2ce78}.multi-price li b::before{content:"₩";font-size:.9em;margin-right:1px}.drink-card{max-width:520px}.menu-note{margin-top:46px;border-top:1px solid rgba(208,162,77,.20);padding-top:18px;color:#cfc0a8;line-height:1.6;font-size:.95rem}.menu-note p{margin:4px 0}

@media(max-width:1180px){.hero{padding:24px 22px;background-size:100% 100%,100% 100%,128% auto;background-position:center,center,65% 41%}.topbar{min-height:92px}.hero-grid{grid-template-columns:minmax(320px,470px) 1fr;gap:28px}h1{font-size:clamp(3.2rem,5.8vw,5.2rem)}.category{min-height:104px}.hero-footer{grid-template-columns:1fr 1fr}.quote,.visit-btn{display:none}}
@media(max-width:860px){.hero{display:block;min-height:100svh;background-size:100% 100%,100% 100%,auto 72%;background-position:center,center,62% 10%;padding-bottom:22px}.hero-grid{display:block;padding-top:32vh}.copy-block{max-width:100%;}.category-row{grid-template-columns:repeat(2,1fr);margin-top:24px}.hero-footer{display:block;margin-top:16px}.info{border:0;padding:12px 0;min-height:auto}.info:nth-child(2){display:none}h1{font-size:clamp(2.8rem,11vw,4.9rem)}.highlight-menu{grid-template-columns:1fr}.section-title{display:block}.section-title h2{margin-top:8px}.menu-list.single{grid-template-columns:1fr}}
@media(max-width:640px){.hero{padding:16px 15px 20px;background-size:100% 100%,100% 100%,auto 64%;background-position:center,center,62% 7%}.topbar{align-items:center;min-height:58px}.brand{width:118px;min-width:118px}.nav{gap:7px}.nav a{min-width:auto;padding:8px 12px;font-size:.82rem}.nav a:nth-child(3){display:none}.hero-grid{padding-top:28vh}.eyebrow{font-size:.82rem;margin:0 0 10px}.eyebrow span{width:24px}h1{font-size:2.62rem;line-height:1.06;letter-spacing:-.06em}.rule{margin:14px 0 13px}.lead{font-size:.95rem;line-height:1.65}.actions{margin-top:17px;gap:10px}.btn{min-width:126px;padding:12px 16px;font-size:.92rem}.category-row{display:flex;overflow-x:auto;gap:11px;margin-top:18px;padding-bottom:10px;scroll-snap-type:x mandatory}.category{min-width:248px;min-height:100px;grid-template-columns:42% 1fr 28px;scroll-snap-align:start}.category strong{font-size:.96rem}.category span{font-size:.8rem}.category div{padding:0 12px}.hero-footer{font-size:.9rem}.menu-page{padding:24px 15px 42px}.menu-header{padding-bottom:16px}.menu-header .brand{width:124px;min-width:124px}.back{padding:9px 13px;font-size:.86rem}.menu-hero{padding:30px 0 14px}.menu-hero h1{font-size:2.2rem}.menu-hero p{font-size:.95rem;line-height:1.65}.menu-tabs{gap:8px}.menu-tabs a{font-size:.8rem;padding:8px 11px}.highlight-card{padding:18px}.menu-card{min-height:auto;padding:18px}.menu-card h3{font-size:1.18rem}.section-title h2{font-size:1.65rem}}
@media(max-height:820px) and (min-width:861px){.hero{padding-top:22px;padding-bottom:16px;background-size:100% 100%,100% 100%,108% auto;background-position:center,center,61% 42%}.topbar{min-height:86px}.brand{width:200px}h1{font-size:clamp(3.1rem,4.8vw,5.45rem)}.lead{font-size:1rem;line-height:1.64}.actions{margin-top:22px}.category{min-height:96px}.hero-footer{margin-top:12px;padding-top:12px}.info{min-height:56px}.info p{font-size:.86rem}.quote i{font-size:.98rem}}

/* === GRÉBON vertical menu update === */
.menu-page-vertical .highlight-menu{display:none}
.menu-page-vertical .menu-section{max-width:1040px;margin-left:auto;margin-right:auto}
.menu-page-vertical .menu-hero{max-width:1040px;margin-left:auto;margin-right:auto}
.menu-page-vertical .menu-list,
.menu-page-vertical .menu-list.single{display:flex;flex-direction:column;gap:14px;grid-template-columns:none}
.menu-page-vertical .menu-card.menu-item{min-height:auto;display:grid;grid-template-columns:158px minmax(0,1fr) auto;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:18px}
.menu-photo{margin:0;min-height:138px;background:linear-gradient(135deg,rgba(208,162,77,.16),rgba(255,255,255,.035)),radial-gradient(circle at 30% 28%,rgba(246,237,218,.10),transparent 28%),rgba(11,9,6,.70);border-right:1px solid rgba(208,162,77,.18);position:relative;overflow:hidden}
.menu-photo::after{content:"";position:absolute;inset:18px;border:1px solid rgba(208,162,77,.20);border-radius:12px;opacity:.65}
.menu-photo img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.menu-photo img + span,.menu-photo:has(img)::after{display:none}
.menu-body{padding:18px 22px 18px 20px;min-width:0}
.menu-page-vertical .menu-card h3{font-size:1.36rem;margin-bottom:8px}
.menu-page-vertical .menu-card p{max-width:660px}
.menu-price{align-self:center;justify-self:end;min-width:138px;padding:0 24px 0 12px!important;text-align:right;font-size:1.42rem!important;white-space:nowrap;color:#f2ce78!important}
.menu-price::before{content:"₩";font-size:.9em;margin-right:1px}
.menu-page-vertical .multi-price ul{max-width:440px;margin-top:12px}
.menu-page-vertical .multi-price li{padding:7px 0}
.menu-page-vertical .drink-card{max-width:none}
@media(max-width:760px){
  .menu-page-vertical .menu-card.menu-item{grid-template-columns:108px minmax(0,1fr);grid-template-areas:"photo body" "price price"}
  .menu-photo{grid-area:photo;min-height:126px}
  .menu-body{grid-area:body;padding:15px 15px 12px}
  .menu-price{grid-area:price;width:100%;min-width:0;border-top:1px solid rgba(208,162,77,.16);padding:10px 15px 12px!important;text-align:right;background:rgba(0,0,0,.10)}
  .menu-page-vertical .menu-card h3{font-size:1.12rem}
  .menu-page-vertical .menu-card p{font-size:.92rem;line-height:1.5}
  .menu-page-vertical .card-top{margin-bottom:9px;gap:6px;flex-wrap:wrap}
  .menu-page-vertical .card-top span,.menu-page-vertical .card-top em{font-size:.62rem;padding:4px 7px}
}
/* v3.7: old mobile photo hide rule removed. Mobile photos are intentionally displayed. */

/* === GRÉBON data-driven QR menu v1 === */
.menu-page-data .menu-loading,
.menu-error{max-width:1040px;margin:28px auto;border:1px solid rgba(208,162,77,.25);border-radius:18px;padding:22px;background:rgba(10,8,6,.55);color:#d8c9ae}
.menu-updated{display:inline-flex!important;margin-top:14px!important;border:1px solid rgba(208,162,77,.24);border-radius:999px;padding:7px 12px;color:#d8b364!important;font-size:.82rem!important;font-weight:800;letter-spacing:.02em;background:rgba(5,4,3,.28)}
.menu-page-vertical .menu-card.sold-out{opacity:.56;filter:saturate(.7);border-color:rgba(210,210,210,.16)}
.menu-page-vertical .menu-card.sold-out .menu-photo{filter:grayscale(.7) brightness(.72)}
.menu-page-vertical .menu-card.sold-out .menu-price{color:#c9c2b3!important}
.soldout-copy{color:#c9c2b3!important;font-weight:800}
.card-top .badge-soldout{background:rgba(200,200,200,.20);color:#f1eadc;border-color:rgba(240,230,210,.24)}
.card-top .badge-limited{background:rgba(208,162,77,.16);color:#f0d18b;border-color:rgba(208,162,77,.34)}
.menu-sublist{margin-top:12px;border-top:1px solid rgba(208,162,77,.14);padding-top:10px;color:#d8c9ae}
.menu-sublist b{display:block;margin-bottom:6px;color:#d9b360;font-size:.78rem;letter-spacing:.08em}
.menu-sublist ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.menu-sublist li{border:1px solid rgba(208,162,77,.20);border-radius:999px;padding:5px 9px;background:rgba(0,0,0,.16);font-size:.86rem}
.option-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.option-list span{display:inline-flex;align-items:center;border:1px solid rgba(208,162,77,.25);border-radius:999px;padding:6px 9px;color:#e8d6b8;background:rgba(8,6,4,.26);font-size:.82rem;font-weight:800;letter-spacing:-.01em}
.menu-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.menu-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(208,162,77,.35);border-radius:999px;padding:10px 14px;color:#ecd9b4;background:rgba(12,9,6,.34);font-weight:900}.menu-links a:hover{border-color:rgba(208,162,77,.66);background:rgba(208,162,77,.10)}
.menu-note #menu-notice p{margin:4px 0}
.menu-price{font-family:Georgia,"Times New Roman","Noto Serif KR",serif}
.menu-price:empty::before{content:""}
@media(max-width:640px){.menu-updated{font-size:.76rem!important}.menu-sublist li,.option-list span{font-size:.76rem}.menu-links a{font-size:.84rem;padding:9px 12px}.menu-page-vertical .menu-card.sold-out{opacity:.68}}


/* GRÉBON QR menu v3.3 - stronger signature & badge emphasis */
.menu-page-vertical .menu-card.menu-item.featured{
  border:2px solid rgba(236,190,92,.86);
  background:
    linear-gradient(180deg,rgba(36,25,11,.92),rgba(10,7,4,.76)),
    radial-gradient(circle at 86% 0%,rgba(236,190,92,.18),transparent 32%);
  box-shadow:
    0 0 0 1px rgba(255,231,166,.22) inset,
    0 18px 46px rgba(0,0,0,.34),
    0 0 28px rgba(208,162,77,.18);
}
.menu-page-vertical .menu-card.menu-item.featured::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:7px;
  background:linear-gradient(180deg,#f2d17b,#b8792b);
  opacity:.95;
}
.menu-page-vertical .menu-card.menu-item.featured h3{
  color:#fff1c8;
  text-shadow:0 0 18px rgba(208,162,77,.18);
}
.menu-page-vertical .menu-card.menu-item.featured .menu-price{
  color:#ffd36e;
  text-shadow:0 0 18px rgba(208,162,77,.24);
}
.card-top{
  gap:8px;
  flex-wrap:wrap;
}
.card-top span,
.card-top em{
  padding:6px 11px;
  min-height:28px;
  border-width:1.5px;
  font-size:.74rem;
  line-height:1;
  letter-spacing:.075em;
  font-family:"Noto Serif KR",Georgia,"Times New Roman",serif;
  font-weight:900;
  box-shadow:0 4px 14px rgba(0,0,0,.16);
}
.card-top em{
  color:#130d06;
  background:linear-gradient(135deg,#ffe18a,#d29a3c 66%,#a96521);
  border-color:rgba(255,227,145,.28);
}
.card-top .badge-signature{
  color:#160f07;
  background:linear-gradient(135deg,#fff0af 0%,#e0ac48 56%,#a66523 100%);
  border:1.5px solid rgba(255,236,170,.64);
  box-shadow:
    0 0 0 1px rgba(55,36,9,.25) inset,
    0 6px 18px rgba(208,162,77,.24);
  font-size:.78rem;
  letter-spacing:.11em;
}
.card-top .badge-soldout{
  background:rgba(210,210,210,.24);
  color:#fff7e8;
  border-color:rgba(240,230,210,.42);
}
.card-top .badge-limited{
  background:linear-gradient(135deg,rgba(255,220,128,.28),rgba(177,111,28,.34));
  color:#ffe0a2;
  border-color:rgba(255,218,132,.52);
}
@media(max-width:640px){
  .menu-page-vertical .menu-card.menu-item.featured::before{width:5px}
  .card-top span,.card-top em{font-size:.69rem;padding:5px 9px;min-height:25px}
  .card-top .badge-signature{font-size:.72rem}
}

/* GRÉBON QR menu v3.5 - mobile photo display & wider desktop image frame */
.menu-page-vertical .menu-card.menu-item{
  grid-template-columns:clamp(220px,24vw,288px) minmax(0,1fr) auto;
}
.menu-photo{
  min-height:176px;
  background:
    linear-gradient(135deg,rgba(208,162,77,.13),rgba(255,255,255,.025)),
    radial-gradient(circle at 30% 28%,rgba(246,237,218,.08),transparent 30%),
    rgba(8,6,4,.78);
}
.menu-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:rgba(5,4,3,.42);
}
.menu-page-vertical .menu-card.menu-item:has(.menu-photo--empty){
  grid-template-columns:minmax(0,1fr) auto;
}
.menu-page-vertical .menu-card.menu-item:has(.menu-photo--empty) .menu-photo--empty{
  display:none;
}
@media(max-width:760px){
  .menu-page-vertical .menu-card.menu-item{
    grid-template-columns:138px minmax(0,1fr);
    grid-template-areas:"photo body" "price price";
  }
  .menu-photo{
    display:block;
    min-height:148px;
  }
  .menu-page-vertical .menu-card.menu-item:has(.menu-photo--empty){
    grid-template-columns:1fr;
    grid-template-areas:"body" "price";
  }
}
@media(max-width:430px){
  .menu-page-vertical .menu-card.menu-item{
    grid-template-columns:1fr;
    grid-template-areas:
      "photo"
      "body"
      "price";
  }
  .menu-photo{
    display:block;
    grid-area:photo;
    min-height:190px;
    border-right:0;
    border-bottom:1px solid rgba(208,162,77,.18);
  }
  .menu-page-vertical .menu-card.menu-item:has(.menu-photo--empty){
    grid-template-areas:"body" "price";
  }
}
@media(max-width:370px){
  .menu-photo{min-height:170px}
}


/* GRÉBON QR menu v3.7 - force mobile photo display + cache-bust release */
@media(max-width:430px){
  .menu-page-vertical .menu-card.menu-item:not(:has(.menu-photo--empty)){
    grid-template-columns:1fr !important;
    grid-template-areas:
      "photo"
      "body"
      "price" !important;
  }
  .menu-page-vertical .menu-card.menu-item:not(:has(.menu-photo--empty)) .menu-photo{
    display:block !important;
    grid-area:photo !important;
    min-height:190px !important;
    width:100% !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(208,162,77,.18) !important;
  }
  .menu-page-vertical .menu-card.menu-item:not(:has(.menu-photo--empty)) .menu-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
  .menu-page-vertical .menu-card.menu-item:has(.menu-photo--empty){
    grid-template-columns:1fr !important;
    grid-template-areas:"body" "price" !important;
  }
  .menu-page-vertical .menu-card.menu-item:has(.menu-photo--empty) .menu-photo--empty{
    display:none !important;
  }
}


/* GRÉBON QR menu v3.8 - mobile remote retry / refresh button */
.menu-refresh{
  margin-left:8px;
  border:1px solid rgba(208,162,77,.42);
  border-radius:999px;
  padding:6px 10px;
  background:rgba(12,9,6,.34);
  color:#f0d99c;
  font:inherit;
  font-size:.86em;
  font-weight:800;
  cursor:pointer;
}
@media(max-width:640px){
  .menu-refresh{display:block;margin:8px 0 0;padding:7px 12px;width:max-content;max-width:100%;}
}


/* === GRÉBON v4.2 homepage, story, visit, modal improvements === */
body.modal-open{overflow:hidden}
.hero{background-image:linear-gradient(90deg, rgba(2,2,1,.98) 0%, rgba(4,4,3,.95) 24%, rgba(6,5,4,.78) 42%, rgba(12,9,6,.28) 68%, rgba(5,4,3,.38) 100%),linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.04) 40%, rgba(0,0,0,.48) 88%, rgba(0,0,0,.74) 100%),url("/assets/hero-food.jpg");overflow:hidden}
.hero-slideshow{position:absolute;inset:0;z-index:-3;background:#070604;overflow:hidden}
.hero-slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;opacity:0;filter:saturate(.94) brightness(.70);transform:scale(1.04);animation:grebonHeroFade 28s infinite ease-in-out}
.hero-slideshow img:nth-child(1){animation-delay:0s;object-position:62% 44%}
.hero-slideshow img:nth-child(2){animation-delay:7s;object-position:76% 46%}
.hero-slideshow img:nth-child(3){animation-delay:14s;object-position:78% 45%}
.hero-slideshow img:nth-child(4){animation-delay:21s;object-position:76% 45%}
@keyframes grebonHeroFade{0%{opacity:0;transform:scale(1.055)}7%{opacity:1}28%{opacity:1}36%{opacity:0;transform:scale(1.0)}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-slideshow img{animation:none}.hero-slideshow img:first-child{opacity:1}}
.hero-title{font-size:clamp(3rem,5.05vw,5.7rem);line-height:1.08;word-break:keep-all;overflow-wrap:normal;letter-spacing:-.06em;max-width:7.6em}
.hero-title span{display:block;white-space:nowrap}
@media(max-width:860px){.hero-title{font-size:clamp(2.58rem,10.2vw,4.35rem);max-width:7.2em}.hero-slideshow img{object-position:67% 22%;filter:saturate(.92) brightness(.62)}}
@media(max-width:640px){.hero-title{font-size:clamp(2.28rem,10.4vw,3.15rem);line-height:1.07;max-width:7.4em}.nav a:nth-child(3){display:inline-flex}.nav{gap:5px}.nav a{padding:8px 9px;font-size:.78rem}.hero-grid{padding-top:27vh}.hero-slideshow img{object-position:68% 16%}.lead br{display:none}}
@media(max-width:360px){.hero-title{font-size:2.12rem}.nav a{padding:7px 8px;font-size:.75rem}.brand{width:108px;min-width:108px}}

.story-section,.visit-section{position:relative;padding:clamp(48px,7vw,92px) clamp(18px,5vw,76px);background:radial-gradient(circle at 15% 0%,rgba(208,162,77,.10),transparent 26%),linear-gradient(155deg,#070604,#19130d 62%,#080604);border-top:1px solid rgba(208,162,77,.22)}
.section-copy{max-width:940px;margin:0 auto 28px}.section-copy h2,.visit-copy h2{margin:0;color:#f5e7c8;font-size:clamp(2.05rem,4vw,4.05rem);line-height:1.1;letter-spacing:-.055em;text-shadow:0 8px 28px rgba(0,0,0,.45)}.section-copy p:not(.eyebrow),.visit-copy p,.visit-copy li{color:#d9c9ad;line-height:1.72;letter-spacing:-.02em;font-size:1.02rem}.story-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.story-card{appearance:none;border:1px solid rgba(208,162,77,.32);border-radius:18px;padding:0;background:rgba(10,8,6,.72);color:var(--cream);text-align:left;overflow:hidden;cursor:pointer;box-shadow:0 18px 45px rgba(0,0,0,.28);transition:transform .18s ease,border-color .18s ease}.story-card:hover{transform:translateY(-4px);border-color:rgba(208,162,77,.70)}.story-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;background:#0b0906}.story-card span{display:block;margin:15px 16px 6px;color:#d2ad63;font-size:.78rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.story-card strong{display:block;margin:0 16px 18px;color:#f4e6c8;font-size:1.06rem;line-height:1.38;letter-spacing:-.035em}
.visit-section{display:grid;grid-template-columns:minmax(320px,1fr) minmax(300px,520px);gap:clamp(22px,5vw,64px);align-items:center}.visit-copy{max-width:720px}.visit-main{font-size:1.12rem!important;color:#efe0c2!important}.visit-copy ul{margin:16px 0 0;padding-left:1.1em}.visit-copy li{margin:8px 0}.visit-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.visit-map{appearance:none;border:1px solid rgba(208,162,77,.36);border-radius:22px;background:rgba(10,8,6,.70);padding:12px;color:#d7c6a8;cursor:pointer;box-shadow:0 22px 54px rgba(0,0,0,.30);overflow:hidden}.visit-map img{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:14px;background:#f4f0e6}.visit-map span{display:block;padding:10px 4px 2px;color:#d8b364;font-size:.9rem;font-weight:800;text-align:center}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);backdrop-filter:blur(4px);cursor:pointer}.lightbox-panel{position:relative;z-index:2;margin:0;max-width:min(94vw,980px);max-height:92vh;border:1px solid rgba(208,162,77,.42);border-radius:18px;background:#080604;padding:12px;box-shadow:0 30px 90px rgba(0,0,0,.58)}.lightbox-panel img{display:block;max-width:100%;max-height:82vh;object-fit:contain;border-radius:12px}.lightbox-panel figcaption{padding:10px 4px 0;color:#e7d3ad;text-align:center;font-weight:800}.lightbox-close{position:absolute;right:10px;top:10px;width:40px;height:40px;border:1px solid rgba(208,162,77,.48);border-radius:999px;background:rgba(5,4,3,.75);color:#f6edda;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:1020px){.story-grid{grid-template-columns:repeat(2,1fr)}.visit-section{grid-template-columns:1fr}.visit-map{max-width:680px;width:100%;margin:0 auto}}
@media(max-width:640px){.story-section,.visit-section{padding:42px 15px}.section-copy h2,.visit-copy h2{font-size:2.15rem}.story-grid{grid-template-columns:1fr 1fr;gap:10px}.story-card{border-radius:14px}.story-card span{font-size:.68rem;margin:10px 10px 5px}.story-card strong{font-size:.86rem;margin:0 10px 12px}.visit-copy p,.visit-copy li{font-size:.94rem}.visit-main{font-size:1rem!important}.visit-actions .btn{width:100%}.lightbox{padding:10px}.lightbox-panel{padding:8px}.lightbox-panel img{max-height:78vh}}
@media(max-width:380px){.story-grid{grid-template-columns:1fr}.story-card img{aspect-ratio:4/5}}

/* v4.2 menu photo modal */
.menu-photo-btn{appearance:none;border:0;background:transparent;margin:0;padding:0;display:block;width:100%;height:100%;cursor:zoom-in;position:absolute;inset:0}.menu-photo-btn img{pointer-events:none}.menu-photo-zoom{position:absolute;right:8px;bottom:8px;z-index:2;border:1px solid rgba(208,162,77,.50);border-radius:999px;padding:5px 8px;background:rgba(5,4,3,.70);color:#f2d184;font-size:.72rem;font-weight:900;letter-spacing:-.02em}.menu-image-modal[hidden]{display:none}.menu-image-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:14px}.menu-image-modal .modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);backdrop-filter:blur(4px);cursor:pointer}.menu-image-modal figure{position:relative;z-index:2;margin:0;max-width:min(94vw,980px);max-height:92vh;border:1px solid rgba(208,162,77,.42);border-radius:18px;background:#080604;padding:12px;box-shadow:0 30px 90px rgba(0,0,0,.58)}.menu-image-modal img{display:block;max-width:100%;max-height:82vh;object-fit:contain;border-radius:12px}.menu-image-modal figcaption{padding:10px 4px 0;color:#e7d3ad;text-align:center;font-weight:800}.menu-image-modal .modal-close{position:absolute;right:10px;top:10px;width:40px;height:40px;border:1px solid rgba(208,162,77,.48);border-radius:999px;background:rgba(5,4,3,.75);color:#f6edda;font-size:28px;line-height:1;cursor:pointer}


/* === GRÉBON v4.3 story hierarchy, modal motion, slide guide === */
.story-copy{max-width:1060px}
.story-copy p:not(.eyebrow){max-width:760px;margin-top:14px}
.story-hint{margin-top:8px!important;color:#bfa56f!important;font-size:.86rem!important;line-height:1.45!important;letter-spacing:-.02em;opacity:.86}
.story-grid{display:none}
.story-feature-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(340px,1.18fr) minmax(280px,.82fr);gap:18px;align-items:stretch}
.story-side-grid{display:grid;grid-template-columns:1fr;gap:14px}
.story-card{position:relative;will-change:transform;transition:transform .26s cubic-bezier(.2,.72,.2,1),border-color .26s ease,box-shadow .26s ease,filter .26s ease}
.story-card:hover{transform:translateY(-5px) scale(1.012);box-shadow:0 26px 62px rgba(0,0,0,.36);filter:saturate(1.03)}
.story-card-main{border-color:rgba(221,174,86,.62);box-shadow:0 24px 64px rgba(0,0,0,.38)}
.story-card-main img{aspect-ratio:4/5;object-position:center top}
.story-card-main span{font-size:.86rem;margin:18px 18px 8px;color:#e0b86b}
.story-card-main strong{font-size:1.32rem;margin:0 18px 22px;line-height:1.34}
.story-card-sub{display:grid;grid-template-columns:38% 1fr;align-items:center;min-height:156px}
.story-card-sub img{height:100%;aspect-ratio:auto;min-height:156px;object-position:center top}
.story-card-sub span{margin:0 15px 6px;font-size:.72rem}.story-card-sub strong{margin:0 15px 0;font-size:.98rem}
.lightbox{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}
.lightbox-backdrop{opacity:0;transition:opacity .22s ease}
.lightbox.is-open .lightbox-backdrop{opacity:1}
.lightbox-panel{transform:translateY(14px) scale(.94);opacity:.6;transition:transform .28s cubic-bezier(.2,.72,.2,1),opacity .24s ease}
.lightbox.is-open .lightbox-panel{transform:translateY(0) scale(1);opacity:1}
.menu-image-modal{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.menu-image-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.menu-image-modal .modal-backdrop{opacity:0;transition:opacity .22s ease}.menu-image-modal.is-open .modal-backdrop{opacity:1}
.menu-image-modal figure{transform:translateY(14px) scale(.94);opacity:.6;transition:transform .28s cubic-bezier(.2,.72,.2,1),opacity .24s ease}
.menu-image-modal.is-open figure{transform:translateY(0) scale(1);opacity:1}
@media(max-width:1020px){.story-feature-layout{grid-template-columns:1fr}.story-side-grid{grid-template-columns:repeat(3,1fr)}.story-card-sub{display:block}.story-card-sub img{width:100%;height:auto;min-height:0;aspect-ratio:3/4}}
@media(max-width:640px){.story-feature-layout{gap:14px}.story-card-main strong{font-size:1.04rem}.story-side-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}.story-card-sub span{font-size:.62rem;margin:8px 8px 4px}.story-card-sub strong{font-size:.76rem;margin:0 8px 10px;line-height:1.28}.story-hint{font-size:.78rem!important}.story-card-main img{aspect-ratio:3/4}}
@media(max-width:420px){.story-side-grid{grid-template-columns:1fr}.story-card-sub{display:grid;grid-template-columns:34% 1fr;min-height:118px}.story-card-sub img{height:100%;aspect-ratio:auto;min-height:118px}.story-card-sub strong{font-size:.86rem;margin-right:10px}}
@media(prefers-reduced-motion:reduce){.story-card,.lightbox,.lightbox-backdrop,.lightbox-panel,.menu-image-modal,.menu-image-modal .modal-backdrop,.menu-image-modal figure{transition:none!important;animation:none!important}}


/* v4.6: 메인 슬라이드 수동 제어형. 순서와 속도는 index.html의 hero-slideshow에서 관리합니다. */
.hero-slideshow img{
  opacity:0;
  animation:none!important;
  transition:opacity 1.05s ease,transform 6.4s ease;
  transform:scale(1.035);
}
.hero-slideshow img.is-active{
  opacity:1;
  transform:scale(1.075);
}
.hero-slideshow img:nth-child(1){object-position:62% 44%}
.hero-slideshow img:nth-child(2){object-position:58% 52%}
.hero-slideshow img:nth-child(3){object-position:60% 48%}
.hero-slideshow img:nth-child(4){object-position:55% 54%}
.hero-slideshow img:nth-child(5){object-position:50% 50%}
.hero-slideshow img:nth-child(6){object-position:50% 50%}
.hero-slideshow img:nth-child(7){object-position:50% 50%}

/* v4.6: 스토리 위계. 첫 상태는 4:2:2:2, 클릭한 카드가 4 비율로 펼쳐집니다. */
.story-copy{max-width:980px;margin-bottom:24px}
.story-copy h2{max-width:760px}
.story-copy p:not(.eyebrow){max-width:780px}
.story-hint{margin-top:14px!important;color:#b99b60!important;font-size:.9rem!important;font-weight:700}
.story-strip{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  gap:16px;
  align-items:stretch;
  min-height:clamp(360px,44vw,560px);
}
.story-panel{
  position:relative;
  appearance:none;
  border:1px solid rgba(208,162,77,.34);
  border-radius:20px;
  padding:0;
  flex:2 1 0;
  min-width:0;
  overflow:hidden;
  background:#080604;
  color:#f5e7c8;
  cursor:pointer;
  box-shadow:0 20px 58px rgba(0,0,0,.34);
  transition:flex .44s cubic-bezier(.2,.72,.2,1),transform .28s ease,border-color .28s ease,box-shadow .28s ease,filter .28s ease;
}
.story-panel.is-active{
  flex:4 1 0;
  border-color:rgba(222,176,87,.72);
  box-shadow:0 30px 80px rgba(0,0,0,.48);
}
.story-panel:hover{transform:translateY(-4px);filter:saturate(1.03)}
.story-panel img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:brightness(.72) saturate(.96);
  transform:scale(1.01);
  transition:transform .5s cubic-bezier(.2,.72,.2,1),filter .36s ease;
}
.story-panel.is-active img{filter:brightness(.86) saturate(1.02);transform:scale(1)}
.story-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.14) 48%,rgba(0,0,0,.76));
  pointer-events:none;
}
.story-panel-kicker{
  position:absolute;
  left:18px;
  top:16px;
  z-index:2;
  display:inline-flex;
  padding:7px 10px;
  border:1px solid rgba(222,176,87,.42);
  border-radius:999px;
  background:rgba(7,5,3,.58);
  color:#e0b86b;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}
.story-panel strong{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:2;
  margin:0;
  color:#f7ead0;
  font-size:clamp(1rem,1.45vw,1.38rem);
  line-height:1.34;
  letter-spacing:-.035em;
  text-shadow:0 3px 16px rgba(0,0,0,.72);
}
.story-panel:not(.is-active) strong{font-size:clamp(.82rem,1vw,1rem);line-height:1.28}

@media(max-width:980px){
  .story-strip{display:grid;grid-template-columns:1fr 1fr;min-height:0}
  .story-panel,.story-panel.is-active{flex:unset;min-height:360px}
  .story-panel:first-child{grid-column:1/-1;min-height:420px}
}
@media(max-width:640px){
  .story-strip{grid-template-columns:1fr;gap:12px}
  .story-panel,.story-panel.is-active,.story-panel:first-child{min-height:360px}
  .story-panel-kicker{left:14px;top:14px;font-size:.66rem}
  .story-panel strong{left:14px;right:14px;bottom:14px;font-size:1rem!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-slideshow img,.story-panel,.story-panel img{transition:none!important}
}


/* === GRÉBON v4.8 story emphasis + customer-safe links === */
.story-strip{
  min-height:clamp(390px,46vw,640px);
  gap:18px;
}
.story-panel{
  flex:1.15 1 0;
  opacity:.78;
  filter:saturate(.86) brightness(.78);
  transition:flex .62s cubic-bezier(.16,.9,.18,1),transform .34s ease,border-color .34s ease,box-shadow .34s ease,filter .34s ease,opacity .34s ease;
}
.story-panel.is-active{
  flex:7.2 1 0;
  opacity:1;
  filter:saturate(1.12) brightness(1.03) contrast(1.05);
  border-color:rgba(238,195,105,.92);
  box-shadow:0 34px 96px rgba(0,0,0,.60),0 0 0 1px rgba(238,195,105,.24) inset,0 0 36px rgba(208,162,77,.18);
  transform:translateY(-6px);
}
.story-panel:not(.is-active){
  transform:scale(.985);
}
.story-panel:not(.is-active):hover{
  opacity:.92;
  filter:saturate(1) brightness(.88);
}
.story-panel img{
  filter:brightness(.58) saturate(.82) contrast(.96);
  transform:scale(1.045);
}
.story-panel.is-active img{
  filter:brightness(1.02) saturate(1.16) contrast(1.08);
  transform:scale(1.005);
}
.story-panel::after{
  background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.18) 44%,rgba(0,0,0,.82));
  transition:background .34s ease,opacity .34s ease;
}
.story-panel.is-active::after{
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.06) 45%,rgba(0,0,0,.64));
}
.story-panel-kicker{
  background:rgba(7,5,3,.72);
  color:#f3c878;
  text-shadow:0 2px 10px rgba(0,0,0,.75);
}
.story-panel.is-active .story-panel-kicker{
  background:rgba(7,5,3,.82);
  border-color:rgba(238,195,105,.78);
  box-shadow:0 8px 24px rgba(0,0,0,.34);
}
.story-panel strong{
  text-shadow:0 4px 22px rgba(0,0,0,.92),0 0 1px rgba(0,0,0,.9);
  background:linear-gradient(90deg,rgba(7,5,3,.68),rgba(7,5,3,.22),transparent);
  border-radius:14px;
  padding:10px 12px;
  margin-left:-12px;
  margin-right:-12px;
}
.story-panel.is-active strong{
  color:#fff3d4;
  font-size:clamp(1.38rem,2.1vw,2.05rem);
  line-height:1.25;
  background:linear-gradient(90deg,rgba(7,5,3,.78),rgba(7,5,3,.36),transparent);
}
.story-panel:not(.is-active) strong{
  color:#dcc69b;
  opacity:.86;
}
@media(max-width:980px){
  .story-panel,.story-panel.is-active{flex:unset;opacity:1;filter:none;transform:none;}
  .story-panel.is-active img{filter:brightness(.98) saturate(1.08)}
}


/* === GRÉBON v5.1 story balance + active readability ===
   - 스토리 섹션 전체 높이를 줄여 페이지 균형을 맞춥니다.
   - 선택된 카드는 충분히 커지되, 과하게 화면을 잡아먹지 않도록 4:2:2:2에 가까운 비율로 조정합니다.
   - 선택된 카드의 하단 그라데이션을 줄여 포스터 하단 문구가 더 쨍하게 읽히도록 합니다.
*/
.story-section{
  padding-top:clamp(42px,5.4vw,74px);
  padding-bottom:clamp(44px,5.8vw,78px);
}
.story-copy{
  max-width:920px;
  margin-bottom:20px;
}
.story-copy h2{
  max-width:680px;
  font-size:clamp(2.05rem,3.5vw,3.45rem);
}
.story-copy p:not(.eyebrow){
  max-width:760px;
  font-size:1rem;
}
.story-hint{
  font-size:.82rem!important;
  opacity:.82;
}
.story-strip{
  max-width:1160px;
  gap:14px;
  min-height:clamp(300px,33vw,455px);
}
.story-panel{
  flex:1.8 1 0;
  opacity:.76;
  filter:saturate(.82) brightness(.73) contrast(.96);
  border-radius:18px;
  box-shadow:0 16px 44px rgba(0,0,0,.36);
}
.story-panel.is-active{
  flex:3.8 1 0;
  opacity:1;
  filter:saturate(1.16) brightness(1.08) contrast(1.12);
  border-color:rgba(242,201,112,.94);
  box-shadow:0 26px 72px rgba(0,0,0,.56),0 0 0 1px rgba(238,195,105,.25) inset,0 0 34px rgba(208,162,77,.18);
  transform:translateY(-4px);
}
.story-panel img{
  filter:brightness(.54) saturate(.78) contrast(.95);
  transform:scale(1.04);
}
.story-panel.is-active img{
  filter:brightness(1.12) saturate(1.22) contrast(1.16);
  transform:scale(1.002);
}
.story-panel::after{
  background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.22) 44%,rgba(0,0,0,.78));
}
.story-panel.is-active::after{
  /* 선택된 카드에서는 포스터 하단 문구를 죽이지 않도록 전체 암막을 크게 줄입니다. */
  background:linear-gradient(180deg,rgba(0,0,0,.015),rgba(0,0,0,.025) 52%,rgba(0,0,0,.16));
}
.story-panel strong{
  background:linear-gradient(90deg,rgba(7,5,3,.72),rgba(7,5,3,.36),rgba(7,5,3,.08));
  border:1px solid rgba(238,195,105,.14);
  backdrop-filter:blur(2px);
}
.story-panel.is-active strong{
  color:#fff7da;
  font-size:clamp(1.18rem,1.62vw,1.62rem);
  line-height:1.26;
  background:linear-gradient(90deg,rgba(7,5,3,.82),rgba(7,5,3,.44),rgba(7,5,3,.12));
  border-color:rgba(238,195,105,.26);
  text-shadow:0 3px 15px rgba(0,0,0,.82),0 0 1px rgba(0,0,0,.9);
}
.story-panel-kicker{
  transform:scale(.94);
  transform-origin:left top;
}
.story-panel.is-active .story-panel-kicker{
  transform:scale(1);
}
@media(max-width:980px){
  .story-strip{max-width:760px;min-height:0}
  .story-panel,.story-panel.is-active{
    min-height:330px;
    border-radius:17px;
  }
  .story-panel:first-child{min-height:380px}
}
@media(max-width:640px){
  .story-section{padding-top:40px;padding-bottom:48px}
  .story-strip{gap:12px}
  .story-panel,.story-panel.is-active,.story-panel:first-child{
    min-height:320px;
  }
}


/* === GRÉBON v5.2 story clean readability ===
   - v5.1의 박스형 캡션 느낌을 제거합니다.
   - 선택된 포스터는 그라데이션을 거의 걷어내고, 포스터 원본 글자가 하단까지 읽히도록 합니다.
   - 스토리 섹션이 페이지 전체를 과하게 잡아먹지 않도록 카드 높이와 폭을 한 번 더 줄입니다.
*/
.story-section{
  padding-top:clamp(38px,4.7vw,64px);
  padding-bottom:clamp(40px,5vw,68px);
}
.story-copy{max-width:880px;margin-bottom:18px}
.story-copy h2{font-size:clamp(1.95rem,3.25vw,3.18rem)}
.story-strip{
  max-width:1080px;
  gap:13px;
  min-height:clamp(260px,28vw,398px);
}
.story-panel{
  flex:1.7 1 0;
  border-radius:17px;
  opacity:.74;
  filter:saturate(.82) brightness(.72) contrast(.96);
}
.story-panel.is-active{
  flex:3.45 1 0;
  opacity:1;
  filter:saturate(1.12) brightness(1.04) contrast(1.08);
  transform:translateY(-3px);
}
.story-panel img{
  filter:brightness(.55) saturate(.78) contrast(.96);
  transform:scale(1.03);
}
.story-panel.is-active img{
  filter:brightness(1.10) saturate(1.17) contrast(1.18);
  transform:scale(1.001);
}
.story-panel::after{
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.12) 46%,rgba(0,0,0,.54));
}
.story-panel.is-active::after{
  background:linear-gradient(180deg,rgba(0,0,0,.00),rgba(0,0,0,.00) 64%,rgba(0,0,0,.04));
}
.story-panel-kicker{
  left:16px;
  top:14px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#ddb45f;
  text-shadow:0 3px 14px rgba(0,0,0,.88),0 0 1px rgba(0,0,0,.9);
}
.story-panel.is-active .story-panel-kicker{
  color:#f0c878;
  text-shadow:0 3px 14px rgba(0,0,0,.86),0 0 1px rgba(0,0,0,.95);
}
.story-panel strong{
  top:42px;
  bottom:auto;
  left:16px;
  right:16px;
  max-width:min(88%,520px);
  background:none!important;
  border:0!important;
  backdrop-filter:none!important;
  color:#ead2a3;
  font-size:clamp(.78rem,.95vw,.98rem);
  line-height:1.28;
  opacity:.84;
  text-shadow:0 3px 14px rgba(0,0,0,.88),0 0 1px rgba(0,0,0,.95);
}
.story-panel.is-active strong{
  top:44px;
  bottom:auto;
  color:#fff2cf;
  font-size:clamp(.92rem,1.12vw,1.16rem);
  line-height:1.28;
  opacity:1;
  background:none!important;
  border:0!important;
  text-shadow:0 4px 16px rgba(0,0,0,.9),0 0 1px rgba(0,0,0,1);
}
@media(max-width:980px){
  .story-strip{max-width:720px;min-height:0}
  .story-panel,.story-panel.is-active{min-height:310px}
  .story-panel:first-child{min-height:350px}
  .story-panel strong,.story-panel.is-active strong{top:40px;max-width:90%}
}
@media(max-width:640px){
  .story-section{padding-top:36px;padding-bottom:42px}
  .story-panel,.story-panel.is-active,.story-panel:first-child{min-height:300px}
  .story-panel-kicker{left:13px;top:12px;font-size:.62rem}
  .story-panel strong,.story-panel.is-active strong{left:13px;right:13px;top:36px;font-size:.82rem!important}
}


/* === GRÉBON v5.3 final story header + badge hierarchy ===
   - 스토리 카드의 설명 문구를 포스터 위가 아니라 카드 상단 정보 영역으로 분리합니다.
   - 포스터 원본 위에는 불필요한 텍스트/박스를 얹지 않습니다.
   - 메뉴 배지는 사진 위에 배치하되, 추천/재고 소진 장문은 강조 배지에서 제외합니다.
*/
.story-strip{
  max-width:1080px;
  gap:14px;
  min-height:0;
  align-items:stretch;
}
.story-panel{
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:visible;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-height:0!important;
  padding:0!important;
  flex:1.8 1 0;
  filter:saturate(.84) brightness(.78);
  opacity:.82;
}
.story-panel.is-active{
  flex:3.8 1 0;
  transform:translateY(-2px);
  filter:saturate(1.08) brightness(1.02) contrast(1.05);
  opacity:1;
}
.story-panel::after{display:none!important;content:none!important}
.story-panel-head{
  display:block;
  min-height:74px;
  padding:12px 14px 13px;
  border:1px solid rgba(208,162,77,.30);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(16,12,8,.78),rgba(8,6,4,.54));
  text-align:left;
  transition:border-color .32s ease,background .32s ease,box-shadow .32s ease;
}
.story-panel.is-active .story-panel-head{
  border-color:rgba(224,178,83,.68);
  background:linear-gradient(180deg,rgba(25,18,10,.88),rgba(10,7,4,.62));
  box-shadow:0 12px 34px rgba(0,0,0,.26);
}
.story-panel-kicker{
  position:static!important;
  display:block!important;
  width:auto!important;
  padding:0!important;
  margin:0 0 7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d5aa58!important;
  font-size:.7rem!important;
  line-height:1.1;
  letter-spacing:.13em;
  text-shadow:none!important;
}
.story-panel strong{
  position:static!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  color:#e9d7b0!important;
  font-size:clamp(.82rem,.96vw,1.02rem)!important;
  line-height:1.32!important;
  letter-spacing:-.035em;
  text-shadow:none!important;
  opacity:.92!important;
  max-width:none!important;
}
.story-panel.is-active strong{
  color:#fff0c8!important;
  font-size:clamp(.98rem,1.18vw,1.26rem)!important;
  opacity:1!important;
}
.story-panel-frame{
  position:relative;
  display:block;
  flex:1;
  min-height:clamp(250px,27vw,380px);
  overflow:hidden;
  border:1px solid rgba(208,162,77,.30);
  border-radius:18px;
  background:#080604;
  box-shadow:0 20px 54px rgba(0,0,0,.32);
  transition:border-color .32s ease,box-shadow .32s ease;
}
.story-panel.is-active .story-panel-frame{
  border-color:rgba(231,183,88,.76);
  box-shadow:0 26px 72px rgba(0,0,0,.44),0 0 0 1px rgba(231,183,88,.12) inset;
}
.story-panel-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.14) 55%,rgba(0,0,0,.24));
  pointer-events:none;
  transition:opacity .32s ease,background .32s ease;
}
.story-panel.is-active .story-panel-frame::after{
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.00) 68%,rgba(0,0,0,.02));
}
.story-panel-frame img,
.story-panel img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:brightness(.60) saturate(.80) contrast(.98);
  transform:scale(1.025);
}
.story-panel.is-active .story-panel-frame img,
.story-panel.is-active img{
  filter:brightness(1.10) saturate(1.16) contrast(1.16);
  transform:scale(1.002);
}
@media(max-width:980px){
  .story-strip{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:13px}
  .story-panel,.story-panel.is-active{flex:unset;min-height:0!important;filter:none;opacity:1;transform:none}
  .story-panel:first-child{grid-column:1/-1}
  .story-panel-frame{min-height:330px}
}
@media(max-width:640px){
  .story-strip{grid-template-columns:1fr;gap:13px}
  .story-panel-frame,.story-panel:first-child .story-panel-frame{min-height:310px}
  .story-panel-head{min-height:0;padding:11px 12px}
  .story-panel-kicker{font-size:.62rem!important}
  .story-panel strong,.story-panel.is-active strong{font-size:.88rem!important}
}

.menu-photo-btn{position:relative;display:block;width:100%;height:100%;border:0;padding:0;margin:0;background:transparent;cursor:pointer;color:inherit;font:inherit;overflow:hidden}
.photo-badges{position:absolute;z-index:5;top:11px;display:flex;flex-wrap:wrap;gap:6px;max-width:72%;pointer-events:none}
.photo-badges--left{left:11px;justify-content:flex-start}
.photo-badges--right{right:11px;justify-content:flex-end}
.photo-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,227,145,.40);font-style:normal;font-weight:950;font-size:.70rem;line-height:1;letter-spacing:.055em;background:rgba(18,13,7,.68);color:#f2d68e;box-shadow:0 8px 22px rgba(0,0,0,.34);backdrop-filter:blur(2px)}
.photo-badge--signature{color:#171008;background:linear-gradient(135deg,#fff0af 0%,#e1ad48 58%,#a96624 100%);border-color:rgba(255,239,178,.70);letter-spacing:.105em}
.photo-badge--best{color:#171008;background:linear-gradient(135deg,#ffe48a 0%,#d49b3c 70%,#a96824 100%);border-color:rgba(255,229,138,.58)}
.photo-badge--dark{color:#f7e6bd;background:linear-gradient(135deg,rgba(41,29,14,.92),rgba(8,6,4,.82));border-color:rgba(213,166,80,.55)}
.photo-badge--limited{color:#ffe0a6;background:linear-gradient(135deg,rgba(103,54,17,.84),rgba(190,119,34,.74));border-color:rgba(255,205,116,.52)}
.photo-badge--soldout{color:#fff8e8;background:rgba(90,90,90,.78);border-color:rgba(238,230,214,.44)}
.card-top{justify-content:flex-start}
.card-top em{display:none!important}
.card-top span{box-shadow:none;background:rgba(8,6,4,.22)}
.option-list .menu-inline-notice{border-color:rgba(208,162,77,.22);background:rgba(208,162,77,.08);color:#d9c294}
@media(max-width:760px){
  .photo-badges{top:8px;gap:5px;max-width:78%}
  .photo-badges--left{left:8px}.photo-badges--right{right:8px}
  .photo-badge{min-height:23px;padding:4px 8px;font-size:.62rem}
}


/* === GRÉBON v5.4 marketing readability + typography polish === */

body,
.lead,
.section-copy p:not(.eyebrow),
.visit-copy p,
.visit-copy li,
.menu-hero p,
.menu-card p,
.menu-sublist ul,
.option-list span,
.menu-note,
.menu-note p,
.info p,
.quote p,
.category strong,
.category span,
.story-panel strong,
.story-panel-kicker,
.menu-updated,
.soldout-copy{
  font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}

h1,
.hero-title,
.section-copy h2,
.visit-copy h2,
.menu-hero h1,
.section-title h2,
.menu-card h3,
.highlight-card h2{
  font-family:"Noto Serif KR",Georgia,"Times New Roman",serif;
}

.nav,
.nav a,
.btn,
.back,
.menu-tabs a,
.menu-links a,
.visit-map span,
.menu-photo-zoom,
.photo-badge,
.card-top span,
.card-top em,
.menu-refresh,
.visit-btn{
  font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif !important;
  letter-spacing:-0.01em;
}

.nav a,
.btn,
.back,
.menu-tabs a,
.menu-links a,
.visit-map span,
.menu-photo-zoom,
.photo-badge,
.card-top span,
.card-top em,
.menu-refresh{
  font-weight:800;
}

.hero-title{
  line-height:1.16;
  letter-spacing:-0.045em;
  max-width:7.9em;
}
.hero-title span{margin-bottom:.08em}
.lead{line-height:1.86}
.menu-hero h1{line-height:1.18}
.menu-header .back,
.actions .btn,
.visit-actions .btn,
.menu-links a,
.menu-tabs a,
.menu-photo-zoom{
  font-size:.96rem;
}
.menu-photo-zoom{
  padding:6px 10px;
  background:rgba(5,4,3,.72);
}

.story-copy p:not(.eyebrow){max-width:760px;line-height:1.82}
.story-strip{
  max-width:1040px;
  gap:12px;
}
.story-panel{
  flex:1.55 1 0;
  filter:saturate(.88) brightness(.82);
}
.story-panel.is-active{
  flex:3.2 1 0;
  filter:saturate(1.08) brightness(1.03) contrast(1.05);
}
.story-panel-head{
  min-height:86px;
  padding:14px 16px 15px;
}
.story-panel strong{
  line-height:1.38 !important;
}
.story-panel-frame{
  min-height:clamp(260px,25vw,360px);
}
.story-panel.is-active .story-panel-frame{
  min-height:clamp(360px,34vw,540px);
}
.story-panel.is-active .story-panel-frame img,
.story-panel.is-active img{
  inset:10px 10px 0 10px;
  width:calc(100% - 20px);
  height:calc(100% - 10px);
  object-fit:contain;
  object-position:center top;
  filter:brightness(1.08) saturate(1.12) contrast(1.08);
  background:#070604;
}
.story-panel-frame::after{opacity:.08}
.story-panel.is-active .story-panel-frame::after{opacity:0}

@media(max-width:980px){
  .story-strip{max-width:760px;gap:12px}
  .story-panel:first-child .story-panel-frame{min-height:400px}
  .story-panel.is-active .story-panel-frame{min-height:400px}
  .story-panel.is-active .story-panel-frame img{inset:8px 8px 0 8px;width:calc(100% - 16px);height:calc(100% - 8px)}
}
@media(max-width:640px){
  .hero-title{line-height:1.14;max-width:8.1em}
  .story-panel-head{min-height:0;padding:12px 13px}
  .story-panel-frame,.story-panel.is-active .story-panel-frame,.story-panel:first-child .story-panel-frame{min-height:340px}
}


/* === GRÉBON v5.6 story zoom + menu hero copy final === */

/* 첫 화면: '잠봉 &' 표현으로 간결하게 바꾸고 행간을 유지합니다. */
.hero-title{
  line-height:1.16;
  letter-spacing:-0.04em;
  max-width:8.2em;
}
.hero-title span{margin-bottom:.09em}

/* 메뉴 페이지 히어로: PC에서는 과대하지 않게, 모바일에서는 한 줄로 읽히게 */
.menu-hero{
  max-width:1040px;
  padding-top:34px;
}
.menu-hero h1{
  font-size:clamp(2rem,3.6vw,3.65rem) !important;
  line-height:1.18 !important;
  letter-spacing:-.055em;
  white-space:nowrap;
  word-break:keep-all;
}
.menu-hero p{
  max-width:820px;
  font-size:clamp(.98rem,1.04vw,1.12rem);
  line-height:1.78;
}

/* 스토리: 선택 카드가 충분히 커져 포스터 글이 읽히도록 확대 */
.story-section{
  padding-top:clamp(42px,5.6vw,72px);
  padding-bottom:clamp(52px,6.2vw,88px);
}
.story-strip{
  max-width:1280px;
  gap:14px;
}
.story-panel{
  flex:1.05 1 0;
  opacity:.78;
}
.story-panel.is-active{
  flex:5.2 1 0;
  opacity:1;
}
.story-panel-frame{
  min-height:clamp(250px,23vw,350px);
}
.story-panel.is-active .story-panel-frame{
  min-height:clamp(560px,48vw,760px);
}
.story-panel.is-active .story-panel-frame img,
.story-panel.is-active img{
  inset:8px 8px 0 8px;
  width:calc(100% - 16px);
  height:calc(100% - 8px);
  object-fit:contain;
  object-position:center top;
  filter:brightness(1.12) saturate(1.10) contrast(1.08);
  transform:none;
  background:#070604;
}
.story-panel:not(.is-active) .story-panel-frame img{
  object-fit:cover;
  object-position:center top;
}
.story-panel.is-active .story-panel-frame::after{opacity:0!important}
.story-panel.is-active .story-panel-head{
  min-height:82px;
}
.story-panel.is-active strong{
  font-size:clamp(1.04rem,1.24vw,1.34rem)!important;
}

@media(max-width:980px){
  .menu-hero h1{
    font-size:clamp(1.85rem,6.5vw,2.9rem)!important;
  }
  .story-strip{
    max-width:780px;
    grid-template-columns:1fr 1fr;
  }
  .story-panel,.story-panel.is-active{
    flex:unset;
    opacity:1;
    filter:none;
  }
  .story-panel.is-active .story-panel-frame,
  .story-panel:first-child .story-panel-frame{
    min-height:clamp(520px,82vw,700px);
  }
}
@media(max-width:640px){
  .hero-title{
    font-size:clamp(2.18rem,9.8vw,3.06rem);
    line-height:1.14;
    max-width:8.4em;
  }
  .menu-hero h1{
    font-size:clamp(1.62rem,7.2vw,2.2rem)!important;
    letter-spacing:-.06em;
  }
  .menu-hero p{
    font-size:.94rem;
    line-height:1.68;
  }
  .story-panel-frame,
  .story-panel.is-active .story-panel-frame,
  .story-panel:first-child .story-panel-frame{
    min-height:clamp(430px,128vw,620px);
  }
  .story-panel-head{
    min-height:0;
  }
}
@media(max-width:380px){
  .menu-hero h1{
    font-size:1.52rem!important;
  }
}


/* === GRÉBON v5.7 final: menu badges, story full view, menu copy hierarchy === */

/* 메뉴 사진 위 배지가 이전 placeholder 숨김 규칙에 같이 잡혀 사라지는 문제를 차단 */
.menu-photo .photo-badges,
.menu-photo img + .photo-badges{
  display:flex !important;
}
.menu-photo .menu-photo-zoom,
.menu-photo img + .menu-photo-zoom{
  display:inline-flex !important;
}

/* 메뉴 페이지 첫 문구: 주체와 선언을 분리해 PC/모바일 모두 안정적으로 보이게 */
.menu-hero h1.menu-title-split{
  white-space:normal !important;
  word-break:keep-all;
  overflow-wrap:normal;
  font-size:clamp(2.15rem,3.2vw,3.35rem) !important;
  line-height:1.16 !important;
  letter-spacing:-.055em;
}
.menu-title-split span{display:block}
.menu-title-split span:first-child{
  font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:.48em;
  line-height:1.15;
  letter-spacing:-.025em;
  color:#d8b364;
  font-weight:900;
  margin-bottom:.12em;
}
.menu-title-split span:last-child{
  white-space:nowrap;
}
.menu-hero p{
  max-width:760px;
}

/* 스토리: PC에서는 선택 카드 자체를 더 크게, 모바일에서는 클릭 시 전체 보기 모달 병행 */
.story-strip{
  max-width:1420px;
  gap:16px;
}
.story-panel{
  flex:.82 1 0;
}
.story-panel.is-active{
  flex:7.2 1 0;
}
.story-panel-frame{
  min-height:clamp(250px,22vw,340px);
}
.story-panel.is-active .story-panel-frame{
  min-height:clamp(700px,62vw,920px);
}
.story-panel.is-active .story-panel-frame img,
.story-panel.is-active img{
  inset:10px 10px 0 10px;
  width:calc(100% - 20px);
  height:calc(100% - 10px);
  object-fit:contain;
  object-position:center top;
  filter:brightness(1.13) saturate(1.12) contrast(1.10);
}
.story-panel.is-active .story-panel-head{
  min-height:88px;
}
.story-panel.is-active strong{
  font-size:clamp(1.08rem,1.28vw,1.38rem)!important;
}

/* 포스터 전체 보기 모달은 세로 포스터 감상에 맞게 조금 더 크게 */
.lightbox-panel{
  max-width:min(96vw,1180px);
}
.lightbox-panel img{
  max-height:88vh;
}

@media(max-width:980px){
  .story-strip{
    max-width:860px;
    grid-template-columns:1fr 1fr;
  }
  .story-panel,.story-panel.is-active{
    flex:unset;
    opacity:1;
    filter:none;
  }
  .story-panel.is-active .story-panel-frame,
  .story-panel:first-child .story-panel-frame{
    min-height:clamp(560px,86vw,760px);
  }
}
@media(max-width:760px){
  .story-panel-frame,
  .story-panel.is-active .story-panel-frame,
  .story-panel:first-child .story-panel-frame{
    min-height:clamp(300px,92vw,440px);
  }
  .story-panel.is-active .story-panel-frame img,
  .story-panel.is-active img{
    inset:7px;
    width:calc(100% - 14px);
    height:calc(100% - 14px);
  }
}
@media(max-width:640px){
  .menu-hero h1.menu-title-split{
    font-size:clamp(1.58rem,6.8vw,2.02rem)!important;
    line-height:1.14!important;
  }
  .menu-title-split span:first-child{
    font-size:.48em;
    margin-bottom:.1em;
  }
  .menu-title-split span:last-child{
    white-space:nowrap;
  }
  .menu-hero p{
    font-size:.93rem;
    line-height:1.66;
  }
}
@media(max-width:370px){
  .menu-hero h1.menu-title-split{
    font-size:1.46rem!important;
  }
}


/* === GRÉBON v5.8 copy, badge, story-forward final === */

/* 메뉴 첫 문구: 세 문장 중 가장 자연스러운 '그레봉이 만드는 것이 다릅니다'로 통합 */
.menu-hero h1.menu-title-main{
  white-space:normal !important;
  word-break:keep-all;
  overflow-wrap:normal;
  max-width:780px;
  font-size:clamp(2.45rem,3.55vw,3.9rem) !important;
  line-height:1.16 !important;
  letter-spacing:-.055em;
  color:#f7efd9;
}
@media(max-width:640px){
  .menu-hero h1.menu-title-main{
    max-width:10.2em;
    font-size:clamp(1.74rem,7.2vw,2.34rem) !important;
    line-height:1.18 !important;
  }
}
@media(max-width:380px){
  .menu-hero h1.menu-title-main{
    font-size:1.62rem !important;
  }
}

/* 스토리: 작게 있다가 앞으로 나오며 커지는 느낌 강화. 최종 크기는 v5.7 수준 유지 */
.story-strip{
  align-items:center;
  perspective:1200px;
}
.story-panel{
  flex:.74 1 0;
  transform:scale(.94) translateY(10px);
  transform-origin:center center;
  opacity:.58;
  filter:saturate(.72) brightness(.62);
  transition:
    flex .52s cubic-bezier(.2,.78,.18,1),
    transform .52s cubic-bezier(.2,.78,.18,1),
    opacity .42s ease,
    filter .42s ease;
  z-index:1;
}
.story-panel.is-active{
  flex:7.2 1 0;
  transform:scale(1.02) translateY(-8px);
  opacity:1;
  filter:saturate(1.08) brightness(1.02) contrast(1.06);
  z-index:5;
}
.story-panel.is-active .story-panel-frame{
  min-height:clamp(700px,62vw,920px);
  box-shadow:0 34px 92px rgba(0,0,0,.62),0 0 0 1px rgba(231,183,88,.18) inset;
}
.story-panel.is-active .story-panel-frame img,
.story-panel.is-active img{
  object-fit:contain;
  object-position:center top;
}
.story-panel:not(.is-active) .story-panel-head{
  opacity:.82;
}
.story-panel.is-active .story-panel-head{
  transform:translateY(-2px);
}

/* 메뉴 사진 배지: SIGNATURE/BEST/DARK BEER는 오른쪽, 한정판매/품절은 왼쪽. 사진 위에 확실히 표시 */
.menu-photo .photo-badges,
.menu-photo img + .photo-badges{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}
.photo-badges{
  z-index:8 !important;
}
.photo-badge--limited{
  color:#160f08;
  background:linear-gradient(135deg,#ffeaa8 0%,#d99b3e 70%,#9d5b1d 100%);
  border-color:rgba(255,232,163,.72);
  letter-spacing:-.02em;
}
.photo-badge--limited::before{content:"";}

@media(max-width:980px){
  .story-panel,.story-panel.is-active{
    transform:none;
    opacity:1;
    filter:none;
  }
}
@media(max-width:760px){
  .story-panel,.story-panel.is-active{
    transform:none;
  }
}


/* === GRÉBON v5.9 final headline polish ===
   Final menu headline: "그레봉이 만드는 것은 다릅니다."
   Keep it as one natural sentence, with controlled size on PC/mobile.
*/
.menu-hero h1{
  font-size:clamp(2.05rem,3.25vw,3.45rem) !important;
  line-height:1.22 !important;
  letter-spacing:-0.055em !important;
  word-break:keep-all;
  overflow-wrap:normal;
  max-width:760px;
}
.menu-hero p{
  max-width:720px;
  line-height:1.82 !important;
}
@media(max-width:640px){
  .menu-hero h1{
    font-size:clamp(1.72rem,7.2vw,2.18rem) !important;
    line-height:1.24 !important;
    max-width:11.4em;
  }
  .menu-hero p{
    font-size:.98rem;
    line-height:1.78 !important;
  }
}


/* === GRÉBON v5.10 final correction ===
   1) 메뉴 제목은 PC/모바일 모두 한 줄 유지.
   2) 스토리 포스터는 외곽 여백을 줄이고 실제 포스터 비율에 맞춤.
   3) 모바일 스토리 전체 보기는 스크롤 가능한 풀스크린 포스터 뷰로 처리.
   4) 수량 한정 배지는 시트 문구 그대로 표시. "한정판매"로 자동 치환하지 않음.
*/
.menu-hero h1.menu-title-main,
.menu-hero h1{
  white-space:nowrap !important;
  max-width:none !important;
  width:max-content;
  font-size:clamp(1.9rem,2.55vw,2.86rem) !important;
  line-height:1.18 !important;
  letter-spacing:-0.06em !important;
}
@media(max-width:640px){
  .menu-hero h1.menu-title-main,
  .menu-hero h1{
    font-size:clamp(1.28rem,5.55vw,1.68rem) !important;
    line-height:1.22 !important;
    white-space:nowrap !important;
    width:100%;
  }
}
@media(max-width:360px){
  .menu-hero h1.menu-title-main,
  .menu-hero h1{font-size:1.22rem !important;}
}

.story-strip{
  max-width:min(1160px,94vw) !important;
  align-items:flex-start !important;
  gap:14px !important;
}
.story-panel{
  flex:.66 1 0 !important;
  transform:scale(.92) translateY(14px) !important;
}
.story-panel.is-active{
  flex:0 0 clamp(390px,44vw,620px) !important;
  transform:scale(1.025) translateY(-8px) !important;
}
.story-panel-frame,
.story-panel.is-active .story-panel-frame,
.story-panel:first-child .story-panel-frame{
  aspect-ratio:1055/1491 !important;
  min-height:0 !important;
  height:auto !important;
  width:100% !important;
}
.story-panel-frame img,
.story-panel img,
.story-panel.is-active .story-panel-frame img,
.story-panel.is-active img{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  background:#050403;
}
.story-panel-frame::after{opacity:0 !important;}

.lightbox.is-story{
  display:block !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  padding:0 !important;
  background:#050403;
}
.lightbox.is-story .lightbox-backdrop{position:fixed;}
.lightbox.is-story .lightbox-panel{
  width:100vw !important;
  max-width:none !important;
  max-height:none !important;
  min-height:100svh !important;
  margin:0 auto !important;
  border:0 !important;
  border-radius:0 !important;
  padding:46px 0 24px !important;
  background:#050403 !important;
  box-shadow:none !important;
}
.lightbox.is-story .lightbox-panel img{
  display:block;
  width:100vw !important;
  max-width:none !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  border-radius:0 !important;
}
.lightbox.is-story .lightbox-panel figcaption{
  position:sticky;
  bottom:0;
  background:linear-gradient(180deg,rgba(5,4,3,.10),rgba(5,4,3,.92));
  padding:12px 14px 16px;
}
.lightbox.is-story .lightbox-close{
  position:fixed;
  top:10px;
  right:10px;
  z-index:5;
}

@media(max-width:980px){
  .story-strip{display:grid !important;grid-template-columns:1fr 1fr !important;max-width:760px !important;}
  .story-panel,.story-panel.is-active{flex:unset !important;transform:none !important;}
  .story-panel:first-child{grid-column:1/-1;}
}
@media(max-width:640px){
  .story-strip{grid-template-columns:1fr !important;max-width:420px !important;}
  .story-panel-frame,
  .story-panel.is-active .story-panel-frame,
  .story-panel:first-child .story-panel-frame{aspect-ratio:1055/1491 !important;}
}

.menu-photo .photo-badges,
.menu-photo img + .photo-badges{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}
.photo-badge--limited{
  color:#160f08;
  background:linear-gradient(135deg,#ffeaa8 0%,#d99b3e 70%,#9d5b1d 100%);
  border-color:rgba(255,232,163,.72);
}


/* === GRÉBON v5.11 FINAL: mobile story swipe carousel + one-line menu title ===
   - 모바일 스토리는 포스터 하나를 좌우로 미는 뷰어가 아니라,
     카드들이 가로로 넘어가며 가운데 카드가 커지는 캐러셀입니다.
   - 메뉴 타이틀은 PC/모바일 모두 한 줄 유지.
   - 배지는 시트 배지 문구를 임의 변환하지 않고, 사용자가 넣은 문구 기준으로 표시합니다.
*/
.menu-hero h1,
.menu-hero h1.menu-title-main{
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  max-width:100% !important;
  font-size:clamp(1.85rem,2.65vw,3rem) !important;
  line-height:1.18 !important;
  letter-spacing:-.058em !important;
}
@media(max-width:640px){
  .menu-hero h1,
  .menu-hero h1.menu-title-main{
    font-size:clamp(1.18rem,5.05vw,1.58rem) !important;
    line-height:1.22 !important;
  }
}
@media(max-width:360px){
  .menu-hero h1,
  .menu-hero h1.menu-title-main{
    font-size:1.12rem !important;
  }
}

.story-panel{
  z-index:1;
}
.story-panel.is-active{
  z-index:4;
}

@media(max-width:760px){
  .story-section{
    overflow:hidden;
  }
  .story-copy{
    margin-bottom:14px !important;
  }
  .story-strip{
    display:flex !important;
    grid-template-columns:none !important;
    width:100vw !important;
    max-width:none !important;
    margin-left:50% !important;
    transform:translateX(-50%) !important;
    gap:14px !important;
    padding:10px 11vw 28px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-inline:11vw !important;
    -webkit-overflow-scrolling:touch;
    align-items:flex-start !important;
  }
  .story-strip::-webkit-scrollbar{
    display:none;
  }
  .story-strip{
    scrollbar-width:none;
  }
  .story-panel,
  .story-panel.is-active,
  .story-panel:first-child{
    flex:0 0 78vw !important;
    max-width:78vw !important;
    min-height:0 !important;
    scroll-snap-align:center !important;
    scroll-snap-stop:always;
    transform:scale(.88) translateY(22px) !important;
    opacity:.56 !important;
    filter:saturate(.78) brightness(.74) !important;
    transition:
      transform .34s cubic-bezier(.2,.72,.2,1),
      opacity .26s ease,
      filter .26s ease,
      border-color .26s ease,
      box-shadow .26s ease !important;
  }
  .story-panel.is-active{
    transform:scale(1) translateY(0) !important;
    opacity:1 !important;
    filter:saturate(1.08) brightness(1.03) contrast(1.05) !important;
  }
  .story-panel-head{
    min-height:0 !important;
    padding:11px 12px 12px !important;
    border-radius:13px !important;
  }
  .story-panel-kicker{
    font-size:.62rem !important;
    margin-bottom:6px !important;
  }
  .story-panel strong,
  .story-panel.is-active strong{
    font-size:.9rem !important;
    line-height:1.35 !important;
  }
  .story-panel-frame,
  .story-panel.is-active .story-panel-frame,
  .story-panel:first-child .story-panel-frame{
    aspect-ratio:1055/1491 !important;
    min-height:0 !important;
    height:auto !important;
    width:100% !important;
    border-radius:15px !important;
  }
  .story-panel-frame img,
  .story-panel img,
  .story-panel.is-active .story-panel-frame img,
  .story-panel.is-active img{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center top !important;
    background:#050403 !important;
  }
  .story-panel-frame::after{
    opacity:0 !important;
  }
}
@media(max-width:430px){
  .story-strip{
    padding-left:8vw !important;
    padding-right:8vw !important;
    scroll-padding-inline:8vw !important;
  }
  .story-panel,
  .story-panel.is-active,
  .story-panel:first-child{
    flex-basis:84vw !important;
    max-width:84vw !important;
  }
}


/* === v5.12 mobile typography, story swipe, multiline descriptions === */

.menu-desc{white-space:normal}

/* 메뉴 페이지 타이틀 위계 조정 */
.menu-page-vertical .menu-hero .eyebrow{
  margin-bottom:18px !important;
}
.menu-page-vertical .menu-hero h1,
.menu-page-vertical .menu-hero h1.menu-title-main{
  font-size:clamp(2.2rem, 4.6vw, 4.25rem) !important;
  font-weight:900 !important;
  letter-spacing:-.055em !important;
  line-height:1.08 !important;
  margin:0 0 10px !important;
  white-space:nowrap !important;
}
.menu-page-vertical .menu-hero h1 + p{
  margin-top:8px !important;
  max-width:760px;
}
@media (max-width:760px){
  .menu-page-vertical .menu-hero{padding-top:34px !important;}
  .menu-page-vertical .menu-hero .eyebrow{margin-bottom:19px !important;}
  .menu-page-vertical .menu-hero h1,
  .menu-page-vertical .menu-hero h1.menu-title-main{
    font-size:clamp(1.55rem, 7vw, 2.1rem) !important;
    font-weight:900 !important;
    line-height:1.14 !important;
    letter-spacing:-.045em !important;
    margin-bottom:8px !important;
  }
  .menu-page-vertical .menu-hero h1 + p{
    font-size:.98rem !important;
    line-height:1.62 !important;
    margin-top:6px !important;
  }
}
@media (max-width:430px){
  .menu-page-vertical .menu-hero h1,
  .menu-page-vertical .menu-hero h1.menu-title-main{
    font-size:clamp(1.5rem, 6.6vw, 1.9rem) !important;
  }
}

/* 모바일 스토리: 좌우 카드가 보이고, 활성 카드가 확실히 커지는 캐러셀 */
@media (max-width:760px){
  .story-section{overflow:hidden;}
  .story-strip{
    display:flex !important;
    grid-template-columns:none !important;
    width:100vw !important;
    max-width:none !important;
    margin-left:50% !important;
    transform:translateX(-50%) !important;
    padding:12px 7vw 30px !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-inline:7vw !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    align-items:flex-start !important;
  }
  .story-strip::-webkit-scrollbar{display:none;}
  .story-panel,
  .story-panel:first-child{
    flex:0 0 54vw !important;
    max-width:54vw !important;
    min-height:auto !important;
    scroll-snap-align:center !important;
    scroll-snap-stop:always;
    transform:scale(.9) translateY(18px) !important;
    opacity:.68 !important;
    filter:saturate(.82) brightness(.78) !important;
    transition:
      flex-basis .34s cubic-bezier(.2,.72,.2,1),
      max-width .34s cubic-bezier(.2,.72,.2,1),
      transform .34s cubic-bezier(.2,.72,.2,1),
      opacity .26s ease,
      filter .26s ease,
      box-shadow .26s ease !important;
  }
  .story-panel.is-active{
    flex-basis:82vw !important;
    max-width:82vw !important;
    transform:scale(1) translateY(0) !important;
    opacity:1 !important;
    filter:saturate(1.08) brightness(1.02) contrast(1.04) !important;
    z-index:4;
  }
  .story-panel-head{padding:10px 12px 12px !important; min-height:0 !important;}
  .story-panel strong{font-size:.86rem !important; line-height:1.35 !important;}
  .story-panel.is-active strong{font-size:1.03rem !important; line-height:1.36 !important;}
  .story-panel-kicker{font-size:.62rem !important; letter-spacing:.12em !important;}
  .story-panel.is-active .story-panel-kicker{font-size:.68rem !important;}
  .story-panel-frame,
  .story-panel.is-active .story-panel-frame,
  .story-panel:first-child .story-panel-frame{
    aspect-ratio:1055 / 1491 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:#050403 !important;
  }
  .story-panel-frame img,
  .story-panel img,
  .story-panel.is-active .story-panel-frame img,
  .story-panel.is-active img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center top !important;
    background:#050403 !important;
  }
}
@media (max-width:430px){
  .story-strip{
    padding-left:6vw !important;
    padding-right:6vw !important;
    scroll-padding-inline:6vw !important;
  }
  .story-panel,
  .story-panel:first-child{
    flex-basis:58vw !important;
    max-width:58vw !important;
  }
  .story-panel.is-active{
    flex-basis:86vw !important;
    max-width:86vw !important;
  }
  .story-panel strong{font-size:.82rem !important;}
  .story-panel.is-active strong{font-size:.98rem !important;}
}


/* === GRÉBON v5.14: mobile story poster full-width + thumbnail indicators ===
   목적:
   1) 모바일에서 현재 선택된 스토리 포스터를 화면 폭에 가깝게 키워 글자 가독성 확보
   2) 큰 포스터 때문에 좌우 카드가 거의 안 보이는 문제는 하단 미니 포스터 인디케이터로 보완
*/
.story-indicators{
  display:none;
}

@media(max-width:760px){
  .story-strip{
    padding:10px 2.5vw 22px !important;
    gap:10px !important;
    scroll-padding-inline:2.5vw !important;
  }

  .story-panel,
  .story-panel:first-child{
    flex:0 0 68vw !important;
    max-width:68vw !important;
    transform:scale(.86) translateY(18px) !important;
    opacity:.48 !important;
    filter:saturate(.72) brightness(.68) !important;
  }

  .story-panel.is-active{
    flex-basis:95vw !important;
    max-width:95vw !important;
    transform:scale(1) translateY(0) !important;
    opacity:1 !important;
    filter:saturate(1.08) brightness(1.03) contrast(1.05) !important;
  }

  .story-panel-head{
    padding:9px 11px 10px !important;
  }
  .story-panel-kicker{
    font-size:.58rem !important;
    margin-bottom:5px !important;
  }
  .story-panel strong{
    font-size:.78rem !important;
    line-height:1.32 !important;
  }
  .story-panel.is-active strong{
    font-size:.94rem !important;
    line-height:1.34 !important;
  }

  .story-panel-frame,
  .story-panel.is-active .story-panel-frame,
  .story-panel:first-child .story-panel-frame{
    aspect-ratio:1055 / 1491 !important;
    border-radius:15px !important;
  }

  .story-indicators{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    width:100%;
    margin:0 auto 8px;
    padding:0 12px;
  }

  .story-indicator{
    width:42px;
    height:52px;
    padding:0;
    border:1px solid rgba(208,162,77,.26);
    border-radius:9px;
    overflow:hidden;
    background:#070504;
    opacity:.48;
    transform:scale(.92);
    cursor:pointer;
    box-shadow:0 7px 18px rgba(0,0,0,.25);
    transition:opacity .22s ease, transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  }

  .story-indicator img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    display:block;
  }

  .story-indicator.is-active,
  .story-indicator[aria-current="true"]{
    opacity:1;
    transform:scale(1.08);
    border-color:rgba(238,197,119,.9);
    box-shadow:0 0 0 2px rgba(238,197,119,.18),0 10px 24px rgba(0,0,0,.36);
  }
}

@media(max-width:430px){
  .story-strip{
    padding-left:2vw !important;
    padding-right:2vw !important;
    scroll-padding-inline:2vw !important;
  }

  .story-panel,
  .story-panel:first-child{
    flex-basis:70vw !important;
    max-width:70vw !important;
  }

  .story-panel.is-active{
    flex-basis:96vw !important;
    max-width:96vw !important;
  }

  .story-indicator{
    width:39px;
    height:49px;
    border-radius:8px;
  }
}


/* === GRÉBON v5.18: business hours + contact visibility === */
.quick-hours{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  margin-top:18px;
  padding:12px 14px;
  max-width:620px;
  border:1px solid rgba(208,162,77,.34);
  border-radius:18px;
  background:rgba(5,4,3,.54);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
  color:#f2e2c2;
  backdrop-filter:blur(10px);
}
.quick-hours strong{
  color:#f6c46b;
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.quick-hours span,
.quick-hours a{
  color:#efe0c1;
  font-size:.88rem;
  font-weight:800;
  letter-spacing:-.025em;
}
.quick-hours a{
  text-decoration:none;
  border-bottom:1px solid rgba(246,196,107,.45);
}

.visit-info-card{
  margin:20px 0 0;
  padding:18px 18px 16px;
  max-width:520px;
  border:1px solid rgba(208,162,77,.34);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(5,4,3,.58),rgba(25,17,10,.72));
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.visit-info-card h3{
  margin:0 0 12px;
  color:#f6c46b;
  font-size:1rem;
  letter-spacing:.05em;
}
.visit-info-card p{
  margin:6px 0;
  color:#efe0c1;
  line-height:1.5;
}
.visit-info-card strong{
  display:inline-block;
  min-width:84px;
  color:#fff2d3;
}
.visit-info-card a{
  color:#f6c46b;
  font-weight:900;
  text-decoration:none;
}

.site-footer{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  align-items:center;
  justify-content:center;
  padding:22px 18px 34px;
  border-top:1px solid rgba(208,162,77,.22);
  background:#070604;
  color:#d9c39f;
  font-size:.9rem;
  text-align:center;
}
.site-footer strong{
  color:#f6c46b;
}
.site-footer a{
  color:#f6c46b;
  font-weight:900;
  text-decoration:none;
}

.menu-hours-card{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:9px 12px;
  width:min(840px,100%);
  margin:16px auto 0;
  padding:13px 16px;
  border:1px solid rgba(208,162,77,.34);
  border-radius:999px;
  background:rgba(5,4,3,.46);
  color:#efe0c1;
}
.menu-hours-card strong{
  color:#f6c46b;
  font-size:.82rem;
  letter-spacing:.08em;
}
.menu-hours-card span,
.menu-hours-card a{
  color:#efe0c1;
  font-size:.9rem;
  font-weight:850;
  letter-spacing:-.025em;
  text-decoration:none;
}
.menu-hours-card a{
  color:#f6c46b;
}

.menu-footer-hours{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 12px;
  margin:0 auto 18px;
  padding:13px 15px;
  border:1px solid rgba(208,162,77,.26);
  border-radius:18px;
  background:rgba(5,4,3,.34);
  color:#dfd0b6;
}
.menu-footer-hours strong{
  color:#f6c46b;
}
.menu-footer-hours a{
  color:#f6c46b;
  font-weight:900;
  text-decoration:none;
}

@media(max-width:640px){
  .quick-hours{
    gap:7px 9px;
    margin-top:16px;
    padding:11px 12px;
    border-radius:16px;
  }
  .quick-hours strong{
    flex:0 0 100%;
  }
  .quick-hours span,
  .quick-hours a{
    font-size:.82rem;
  }
  .visit-info-card{
    padding:16px 15px;
    border-radius:18px;
  }
  .visit-info-card strong{
    min-width:76px;
  }
  .menu-hours-card{
    border-radius:18px;
    gap:7px 9px;
    padding:12px 12px;
    margin-top:13px;
  }
  .menu-hours-card strong{
    flex:0 0 100%;
  }
  .menu-hours-card span,
  .menu-hours-card a{
    font-size:.82rem;
  }
  .site-footer,
  .menu-footer-hours{
    flex-direction:column;
    gap:5px;
  }
}


/* === GRÉBON v5.19 weekend no break notice === */
.quick-hours span,
.menu-hours-card span,
.menu-footer-hours span,
.site-footer span{
  white-space:nowrap;
}
@media(max-width:640px){
  .quick-hours span,
  .menu-hours-card span{
    white-space:normal;
  }
}