@font-face{font-family:'Great Vibes';src:url('assets/great-vibes.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Nanum Brush';src:url('assets/nanum-brush-script.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--wine:#570f20;--ink:#36251f;--gold:#ac7a35;--paper:#fbf6e9;--ui:#f1ede6;--muted:#81766a;--fr:'Great Vibes',cursive;--ko:'Nanum Brush',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ui);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--wine);outline-offset:5px}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.toolbar{height:83px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ded6ca;background:#f7f4ee}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--wine);font-family:var(--fr);font-size:29px;font-weight:400;white-space:nowrap}
.brand>svg{width:21px;height:21px;stroke:var(--gold);fill:none;stroke-width:1.2}.brand-dot{color:var(--gold)}
.toolbar-caption{font-size:9px;letter-spacing:3px;color:#887765;margin-left:85px}.toolbar-actions{display:flex;gap:12px;align-items:center}
.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:41px;padding:0 17px;border:1px solid transparent;border-radius:3px;font-size:11px;font-weight:500;transition:background .18s,transform .18s}
.button>svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.button-quiet{background:transparent;color:#716253;border-color:#d7ccbc}.button-quiet:hover{background:#e9e1d5}.button-primary{background:var(--wine);color:#fff8ed;border-color:var(--wine)}.button-primary:hover{background:#752337;transform:translateY(-1px)}
main{max-width:874px;margin:auto;padding:28px 40px}.page-intro{display:flex;align-items:center;justify-content:space-between;margin:0 1px 18px;color:#7c6e60}.page-intro>span:first-child{font-family:var(--fr);font-size:22px}
.format{font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:7px}.format>span{display:block;width:7px;height:9px;border:1px solid #a38b6d;border-radius:1px}
.menu-paper{position:relative;isolation:isolate;min-height:1123px;aspect-ratio:210 / 297;background:var(--paper) url('assets/menu-background.png') center / 100% 100% no-repeat;box-shadow:0 3px 7px #3d2b1710,0 20px 65px #3d2b1717;scroll-margin-top:20px;font-family:var(--fr);font-weight:400;text-align:center}
.menu-paper::before,.menu-paper::after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #b99153}.menu-paper::before{inset:21px}.menu-paper::after{inset:25px;border-color:#be995d80}
.menu-inner{position:relative;isolation:isolate;min-height:1123px;padding:34px 61px 29px;display:flex;flex-direction:column}
.menu-inner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 47% 34% at 50% 91%,#fbf6e9fa 0%,#fbf6e9f0 48%,#fbf6e9aa 73%,transparent 100%)}
.menu-paper [lang=ko]{font-family:var(--ko);font-style:normal;font-weight:400;word-break:keep-all;overflow-wrap:break-word;line-break:strict}
.menu-header{padding-bottom:14px}.top-flourish{display:block;margin:0 auto 8px;width:173px;height:26px;color:var(--gold)}
h1{color:var(--wine);font-size:84px;font-weight:400;letter-spacing:-1px;line-height:1.1;white-space:nowrap;margin:0 0 9px}
.menu-subtitle{font-size:27px;line-height:1.15;color:#825323;display:flex;align-items:center;justify-content:center;gap:17px;margin:0}.menu-subtitle::before,.menu-subtitle::after{content:"";display:block;width:48px;height:1px;background:#b5915f}
.menu-courses{display:flex;flex-direction:column;flex:1;justify-content:space-evenly;gap:4px}.course{break-inside:avoid}
.course h2{display:flex;justify-content:center;align-items:center;gap:14px;font-size:35px;font-weight:400;color:#89581e;line-height:1.17;margin:0 0 4px}.course h2>svg{height:19px;width:43px;flex:0 0 43px;color:var(--gold)}.course h2>svg:last-child{transform:scaleX(-1)}
.course h3{font-size:26px;font-weight:400;line-height:1.15;margin:0;color:#331e1c;text-wrap:balance}
.dish-kr{font-size:24px;line-height:1.1;color:#35271f;margin:1px 0 4px}
.description{font-size:22px;line-height:1.2;margin:0;color:#493b30;text-wrap:balance}
.description-kr{font-size:22px;line-height:1.13;margin:2px 0 0;color:#493b30;text-wrap:balance}
.separator{display:block;width:235px;height:17px;min-height:17px;margin:1px auto;color:var(--gold)}
.menu-footer{margin-top:10px}.footer-flourish{display:block;width:214px;height:17px;color:var(--gold);margin:0 auto 7px}.dedication{color:#8b5828;font-size:24px;line-height:1.2;margin:0}.dedication-kr{color:#8b5828;font-size:23px;line-height:1.13;margin:2px 0 7px}
.signature{display:flex;align-items:center;justify-content:center;gap:12px}.signature span{width:72px;height:1px;background:linear-gradient(to right,transparent,#b0803e)}.signature span:last-child{transform:rotate(180deg)}.signature svg{height:16px;width:16px;stroke:var(--gold);stroke-width:1.3;fill:none}
.page-footnote{display:flex;align-items:center;justify-content:center;gap:13px;font-family:var(--fr);font-size:18px;color:#857667;margin:24px 0 30px}.page-footnote span{color:#a28761;font-size:17px}
.edit-note{position:sticky;top:10px;z-index:5;padding:13px 16px;margin-bottom:18px;border:1px solid #d2bd9a;border-radius:4px;background:#fffaf0;box-shadow:0 4px 18px #44301a15;font-size:12px;line-height:1.6;color:#67543c}.edit-note[hidden]{display:none}.edit-note button{margin-left:10px;font-size:11px;border:0;background:transparent;text-decoration:underline;color:var(--wine);padding:4px}
[data-field]{white-space:pre-line}[contenteditable="plaintext-only"]{outline:1px dashed #af7e42;outline-offset:3px;border-radius:1px;cursor:text;transition:background .2s}[contenteditable="plaintext-only"]:hover,[contenteditable="plaintext-only"]:focus{background:#fff8ddcc;outline:1px solid #9d6c30}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-art{display:none}
@media screen and (min-width:1400px){.toolbar{padding:0 max(4.2%,calc((100vw - 1400px)/2))}}
@media screen and (max-width:1000px){.toolbar-caption{display:none}}
@media screen and (max-width:700px){
  .toolbar{height:72px;padding:0 18px;gap:15px}.brand{font-size:26px;gap:7px}.brand>svg{width:18px;height:18px}.button{padding:0 11px;min-height:38px}.button-quiet span{display:none}.button-primary span{font-size:10px}
  main{padding:24px 16px 0}.page-intro>span:first-child{font-size:20px}.page-intro{margin-bottom:14px}.format{font-size:7px;letter-spacing:.7px}
  .menu-paper{min-height:0;aspect-ratio:auto;background-image:none}.menu-inner{min-height:1123px;padding:32px 36px 30px}.menu-paper::before{inset:13px}.menu-paper::after{inset:17px}
  .mobile-art{display:block;position:absolute;left:0;right:0;z-index:-1;background-image:url('assets/menu-background.png');background-size:100% auto;background-repeat:no-repeat}.art-top{top:0;height:260px;background-position:top center;mask-image:linear-gradient(#000 60%,transparent)}.art-bottom{bottom:0;height:330px;background-position:bottom center;mask-image:linear-gradient(transparent,#000 55%)}
  .menu-inner::before{background:radial-gradient(ellipse 48% 16% at 50% 95%,#fbf6e9fa 0%,#fbf6e9ee 52%,#fbf6e980 80%,transparent 100%)}
  .menu-header{padding-bottom:23px}.top-flourish{width:140px;height:23px;margin-bottom:8px}h1{font-size:clamp(43px,11vw,70px);letter-spacing:-.8px;margin-bottom:7px}.menu-subtitle{font-size:24px;gap:10px}.menu-subtitle::before,.menu-subtitle::after{width:20px}
  .menu-courses{gap:16px}.course h2{font-size:clamp(28px,7.6vw,34px);gap:7px;margin-bottom:7px}.course h2>svg{width:26px;flex-basis:26px;height:16px}.course h3{font-size:27px;line-height:1.18}.dish-kr{font-size:25px;line-height:1.12;margin-top:3px;margin-bottom:8px}.description{font-size:24px;line-height:1.22}.description-kr{font-size:24px;line-height:1.18;margin-top:4px}.desktop-break{display:none}.separator{width:180px;height:18px;min-height:18px;margin:1px auto}
  .menu-footer{margin-top:23px}.footer-flourish{width:160px}.dedication{font-size:23px}.dedication-kr{font-size:23px;margin-top:3px}.page-footnote{font-size:16px;gap:8px;margin:20px 0}
}
@media screen and (max-width:380px){.toolbar{padding:0 12px}.brand{font-size:24px}.button{padding:0 9px}.toolbar-actions{gap:7px}main{padding:20px 12px 0}.menu-inner{padding-left:30px;padding-right:30px}.course h2{font-size:31px}.course h3{font-size:25px}.description{font-size:23px}.description-kr{font-size:23px}}
@page{size:A4 portrait;margin:0}
@media print{
  html,body{margin:0!important;padding:0!important;width:210mm;background:white}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.toolbar,.page-intro,.page-footnote,.edit-note,.sr-only{display:none!important}main{max-width:none;width:210mm;margin:0;padding:0}
  .menu-paper{width:210mm;height:296.8mm;min-height:0;aspect-ratio:auto;box-shadow:none;break-inside:avoid;scroll-margin:0}.menu-inner{height:100%;min-height:0}[contenteditable]{outline:none!important;background:transparent!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

@media screen and (max-width:700px){main{padding:0}.menu-paper{box-shadow:none}}
