@font-face{font-family:SerifKR;src:url(../assets/fonts/NotoSerifKR-VF-site.woff2);font-weight:100 900;font-display:swap}
@font-face{font-family:SansKR;src:url(../assets/fonts/NotoSansKR-VF-site.woff2);font-weight:100 900;font-display:swap}
@font-face{font-family:BrushKR;src:url(assets/NanumBrushScript-Regular-site.woff2);font-display:swap}
:root{--paper:#efeee7;--ink:#252b20;--green:#3e5428;--body:22px;--heading:43px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:SerifKR,serif;letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}h2{font-size:var(--heading);font-weight:600;line-height:1.5;word-break:keep-all}p{font-size:var(--body);line-height:1.85;word-break:keep-all}a:focus-visible{outline:2px solid #668644;outline-offset:5px}section{position:relative;isolation:isolate;scroll-margin-top:20px}.filters{position:absolute}.plate{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none}.plate img{position:absolute;width:100%;max-width:none;left:0;top:calc(var(--offset)*-100%)}.button,.outline{display:inline-block;font-family:SansKR,sans-serif;font-size:16px;font-weight:500;padding:14px 26px;line-height:1.4;border:1px solid #7c886d;border-radius:3px}.button{background:var(--green);color:#fff;border-color:var(--green)}.button:hover{background:#2d421e}.outline:hover{background:#dfe3d6}.eyebrow{font:500 13px SansKR,sans-serif;color:#6a7959;margin-bottom:20px}
header{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 5%;height:140px}header .logo{width:230px}.logo{display:block;flex-shrink:0}.logo img{width:100%;filter:url(#logo-paper)}header nav{display:flex;gap:38px;font:500 15px SansKR,sans-serif}header nav a{padding:12px 0;white-space:nowrap}.header-action{font-size:14px;white-space:nowrap}
.opening{aspect-ratio:793/795}.hero-copy{position:absolute;left:5.4%;top:15.7%;z-index:3;width:51%}.hero-copy h1{font:400 83px/1.13 BrushKR,cursive;white-space:nowrap;color:#10170e}.hero-copy h1 span{font-size:73px;color:#3e5428}.hero-copy>p{font-size:22px;margin-top:30px;line-height:1.85}.hero-copy .button{margin-top:28px}.hero-food{position:absolute;left:31.27%;top:8.55%;width:68.73%;height:56.35%;object-fit:cover;object-position:68% center;mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(180deg,transparent,#000 12%);mask-composite:intersect;clip-path:polygon(0 0,100% 0,100% 99%,87% 99.5%,75% 100%,65% 100%,55% 98.5%,45% 97%,35% 95%,25% 94%,18% 85%,0 76%)}.hero-quote{position:absolute;right:5%;top:14.4%;z-index:4;font:400 34px/1.4 BrushKR,cursive;color:#fff;text-align:center;transform:rotate(-7deg);text-shadow:0 1px 8px #332a1c}.roots{position:absolute;z-index:2;left:0;top:51.19%;width:45.9%;height:53.84%;object-fit:cover;object-position:45% center;clip-path:polygon(0 0,13% 0,31% 3%,50% 7%,70% 14%,84% 24%,93% 35%,98% 49%,100% 65%,99% 78%,94% 87%,83% 93%,66% 98%,43% 100%,23% 98%,0 92%)}.ingredient-copy{position:absolute;left:47.8%;top:68%;width:30%}.ingredient-copy h2{font-size:35px;line-height:1.55;white-space:nowrap}.ingredient-copy>p:not(.eyebrow){font-size:20px;margin-top:22px}.ingredient-copy .outline{margin-top:26px}.qualities{position:absolute;right:3%;top:69%;width:12%;height:25.8%;padding:0;margin:0;list-style:none;display:grid;grid-template-rows:repeat(4,1fr);align-items:center;font-size:18px;word-break:keep-all}
.menu{display:grid;grid-template-columns:30% 1fr;gap:3%;padding:2% 3.7% 3% 5.4%;background:var(--paper)}.menu-copy{align-self:center}.menu-copy>p:not(.eyebrow){font-size:21px;margin-top:20px}.menu-copy .outline{margin-top:28px}.menu-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 20px}.menu-grid figure{grid-column:span 3;min-width:0}.menu-grid figure:nth-child(n+3){grid-column:span 2}.menu-grid img{width:100%;aspect-ratio:1.9;object-fit:cover;border-radius:5px}.menu-grid figure:nth-child(n+3) img{aspect-ratio:1.43}.menu-grid figcaption{font-size:21px;text-align:center;line-height:1.5;padding-top:12px;font-weight:600;word-break:keep-all}.menu-grid small{display:block;font-size:17px;font-weight:400;color:#6f7566;margin-top:4px}
.philosophy{aspect-ratio:793/193;overflow:hidden}.bowl{position:absolute;left:0;top:0;width:39.1%;height:100%;object-fit:cover;object-position:left center;mask-image:linear-gradient(90deg,#000 85%,transparent),linear-gradient(180deg,transparent,#000 13%,#000 88%,transparent);mask-composite:intersect}.philosophy>div:not(.plate){position:absolute;left:40%;top:21%;width:45%}.philosophy h2{font:400 47px/1.25 BrushKR,cursive;transform:rotate(-3deg)}.philosophy p{font-size:20px;margin-top:19px}
.space{aspect-ratio:793/287;overflow:hidden}.space-copy{position:absolute;left:5.5%;top:8%;width:28%}.space-copy h2{font-size:40px;white-space:nowrap}.space-copy>p:not(.eyebrow){font-size:21px;margin-top:20px}.space-copy .outline{margin-top:28px}
.reservation{aspect-ratio:793/242;overflow:hidden;color:#fff}.reservation:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#18282166,transparent 70%)}.reservation>div:not(.plate){position:absolute;left:6.5%;top:17%}.reservation .eyebrow{color:#f4f5ed;font-size:16px}.reservation h2{font-size:49px;font-weight:500}.reservation .button{margin-top:28px}
footer{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:185px;padding:28px 5%;background:#f8f7f2}footer .logo{width:260px}footer nav{display:flex;gap:35px;font:14px SansKR,sans-serif}footer address{font:16px/1.8 SansKR,sans-serif;text-align:right}footer small{display:block;font-size:12px;color:#777e6e;margin-top:10px}
@media(min-width:1700px){:root{--body:28px;--heading:55px}header{height:175px}header .logo{width:290px}header nav{font-size:19px;gap:46px}.button,.outline{font-size:20px;padding:17px 33px}.hero-copy h1{font-size:107px}.hero-copy h1 span{font-size:92px}.hero-copy>p{font-size:28px;margin-top:36px}.hero-quote{font-size:44px}.eyebrow{font-size:16px;margin-bottom:25px}.ingredient-copy h2{font-size:44px}.ingredient-copy>p:not(.eyebrow){font-size:25px}.qualities{font-size:23px}.menu-copy>p:not(.eyebrow){font-size:26px}.menu-grid figcaption{font-size:27px}.menu-grid small{font-size:21px}.philosophy h2{font-size:62px}.philosophy p{font-size:25px}.space-copy h2{font-size:52px}.space-copy>p:not(.eyebrow){font-size:26px}.reservation h2{font-size:62px}.reservation .eyebrow{font-size:19px}footer .logo{width:300px}}
@media(min-width:701px) and (max-width:1199px){:root{--body:15px;--heading:29px}header{height:85px;gap:15px;padding:12px 4%}header .logo{width:160px}header nav{gap:17px;font-size:12px}.button,.outline{font-size:12px;padding:9px 14px}.header-action{font-size:12px}.hero-copy h1{font-size:55px}.hero-copy h1 span{font-size:49px}.hero-copy>p{font-size:15px;margin-top:16px}.hero-copy .button{margin-top:18px}.hero-quote{font-size:23px}.eyebrow{font-size:12px;margin-bottom:10px}.ingredient-copy h2{font-size:23px}.ingredient-copy>p:not(.eyebrow){font-size:13px;margin-top:12px}.ingredient-copy .outline{margin-top:16px}.qualities{font-size:12px}.menu-copy>p:not(.eyebrow){font-size:14px;margin-top:12px}.menu-copy .outline{margin-top:18px}.menu-grid{gap:20px 12px}.menu-grid figcaption{font-size:14px;padding-top:8px}.menu-grid small{font-size:12px}.philosophy h2{font-size:32px}.philosophy p{font-size:13px;margin-top:12px}.space-copy h2{font-size:26px}.space-copy>p:not(.eyebrow){font-size:14px;margin-top:12px}.space-copy .outline{margin-top:15px}.reservation h2{font-size:33px}.reservation .eyebrow{font-size:12px}.reservation .button{margin-top:17px}footer{min-height:125px;gap:20px}footer .logo{width:180px}footer nav{font-size:12px;gap:20px}footer address{font-size:12px}}
@media(max-width:700px){:root{--body:16px;--heading:29px}header{height:135px;display:block;padding:10px 18px;background:linear-gradient(#f7f6f0 0 85%,transparent)}header .logo{width:195px;margin:auto}header nav{display:grid;grid-template-columns:1.15fr .5fr 1.25fr .85fr 1.15fr;gap:8px;text-align:center;font-size:11px;margin-top:8px}header nav a{white-space:normal;word-break:keep-all;padding:6px 0}.header-action{display:none}.button,.outline{font-size:14px;padding:11px 17px}.opening{aspect-ratio:auto;display:flex;flex-direction:column;overflow:hidden;background:#f2f1e9}.opening>.plate{display:none}.hero-copy{position:relative;left:auto;top:auto;width:auto;padding:165px 22px 24px;background:#f7f6f0;z-index:1}.hero-copy h1{font-size:45px;line-height:1.16;white-space:normal;word-break:keep-all}.hero-copy h1 span{font-size:41px}.hero-copy>p{font-size:15px;margin-top:18px;line-height:1.9}.hero-copy .button{margin-top:20px}.hero-food{position:relative;left:auto;top:auto;width:100%;height:330px;mask-image:linear-gradient(180deg,transparent,#000 12%);clip-path:ellipse(90% 90% at 50% 10%);object-position:70% center;margin-top:-25px}.hero-quote{display:none}.roots{position:relative;left:auto;top:auto;order:4;width:100%;height:280px;object-position:45% center;clip-path:ellipse(85% 80% at 50% 15%);margin-top:20px}.ingredient-copy{position:relative;left:auto;top:auto;width:auto;padding:25px 22px 0;order:3}.ingredient-copy h2{font-size:26px;white-space:normal}.ingredient-copy>p:not(.eyebrow){font-size:15px;margin-top:17px}.ingredient-copy .outline{margin-top:19px}.qualities{position:relative;right:auto;top:auto;width:auto;height:auto;order:5;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px;margin:0 22px 30px;font-size:14px;padding-top:18px;border-top:1px solid #cbd0be}.qualities li:before{content:'·';color:#65813e;margin-right:8px}.eyebrow{font-size:12px;margin-bottom:15px}.menu{display:block;padding:36px 20px 40px}.menu-copy>p:not(.eyebrow){font-size:15px;margin-top:16px}.menu-copy .outline{display:none}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px;margin-top:26px}.menu-grid figure,.menu-grid figure:nth-child(n+3){grid-column:span 1}.menu-grid img,.menu-grid figure:nth-child(n+3) img{aspect-ratio:1.3}.menu-grid figcaption{font-size:14px;padding-top:9px}.menu-grid small{font-size:12px;margin-top:5px}.philosophy{aspect-ratio:auto;height:410px;background:#ede8db}.philosophy>.plate{display:none}.bowl{left:0;top:auto;bottom:0;width:100%;height:250px;object-fit:cover;object-position:left center;mask-image:linear-gradient(180deg,transparent,#000 20%)}.philosophy>div:not(.plate){left:22px;top:27px;width:auto;right:22px;z-index:1}.philosophy h2{font-size:34px}.philosophy p{font-size:14px;margin-top:14px}.space{aspect-ratio:auto;height:620px;background:var(--paper)}.space>.plate{top:auto;bottom:0;height:290px}.space .plate img{width:890px;left:-315px;top:-1511px}.space-copy{left:22px;right:22px;top:31px;width:auto}.space-copy h2{font-size:29px;white-space:normal}.space-copy>p:not(.eyebrow){font-size:15px;margin-top:17px}.space-copy .outline{margin-top:20px}.reservation{aspect-ratio:auto;height:335px}.reservation .plate img{width:1100px;left:-280px;top:-2265px}.reservation>div:not(.plate){left:22px;top:38px;right:22px}.reservation .eyebrow{font-size:12px}.reservation h2{font-size:30px}.reservation .button{margin-top:24px}footer{flex-direction:column;gap:23px;padding:26px 22px;align-items:flex-start}footer .logo{width:200px}footer nav{font-size:13px;gap:30px}footer address{font-size:14px;text-align:left}footer small{font-size:12px}}
.opening{z-index:1}.menu{z-index:0}.hero-copy h1{font-weight:600}
@media(max-width:700px){header nav{font-size:12px}.space{height:660px}}
/* Replace the raster artwork's icons with crisp, independently sized vectors. */
.qualities{left:77.5%;right:3%;width:auto;top:69%;height:26%;background:#efeee7;font-family:SansKR,sans-serif;font-size:18px;font-weight:400;color:#45513c;border-left:1px solid #d5d9cd;padding:0 0 0 22px}
.qualities li{display:flex;align-items:center;gap:18px;height:100%;border-bottom:1px solid #dfe2d7;line-height:1.5}
.qualities li:last-child{border-bottom:0}.qualities li:before{content:none}.qualities img{width:34px;height:34px;flex:0 0 34px;opacity:.78}.qualities span{white-space:nowrap}
@media(min-width:1700px){.qualities{font-size:22px;padding-left:30px}.qualities img{width:42px;height:42px;flex-basis:42px}.qualities li{gap:22px}}
@media(min-width:701px) and (max-width:1199px){.qualities{font-size:13px;padding-left:12px}.qualities img{width:26px;height:26px;flex-basis:26px}.qualities li{gap:10px}}
@media(max-width:700px){.qualities{left:auto;right:auto;top:auto;width:auto;height:auto;background:transparent;border-left:0;padding:18px 0 0;font-size:14px;gap:12px 14px}.qualities li{gap:10px;min-height:48px;padding:8px 0}.qualities img{width:26px;height:26px;flex-basis:26px}}
.space:after{content:'';position:absolute;z-index:-1;inset:0 0 0 33.3%;background:url(assets/interior-v202.png) center/cover no-repeat}
.reservation>.plate{background:url(assets/valley-v202.png) center/cover no-repeat}.reservation>.plate img{display:none}
@media(max-width:700px){.space:after{inset:auto 0 0;height:290px;background-position:52% center}.reservation>.plate{background-position:40% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:700px){.space{height:auto!important;padding-bottom:0;display:flex;flex-direction:column}.space .space-copy{position:relative;inset:auto;width:auto}.space:after{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1737/905;flex:none;background-size:100% 100%;background-position:center}}
@media(max-width:700px){.space>.plate{display:none}.space .space-copy{padding:32px 22px;background:#f2f1e9}.space:after{z-index:0}}