:root{--soy:#1d130d;--soy-2:#2b1d14;--kraft:#c29a6b;--kraft-in:#dcc09a;--kraft-deep:#a57e52;--ink:#24160d;--ink-soft:#4e3624;--stamp:#b42318;--lamp:#f2b544;--on-soy:#f1e4d2;--on-soy-soft:#c8b39a;--display:var(--font-dohyeon), "Black Han Sans", sans-serif;--body:var(--font-nanumgothic), "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--gut:clamp(1rem, 4vw, 3.5rem);--space:clamp(4.5rem, 10vw, 9rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:4.5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body.j{background:var(--soy);color:var(--on-soy);font-family:var(--body);word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:clamp(1rem,.96rem + .22vw,1.12rem);line-height:1.75;overflow-x:clip}.j img{object-fit:cover;width:100%;height:100%;display:block}.j picture{height:100%;display:block}.j figure{margin:0}.j h1,.j h2,.j h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:400;line-height:1.12}.j p{margin:0}.j :where(a){color:inherit;text-underline-offset:.22em}.j ::selection{background:var(--lamp);color:var(--soy)}.j :focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.j{scrollbar-color:var(--kraft) var(--soy)}.j-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.j-nav{z-index:20;padding:.8rem var(--gut);background:color-mix(in srgb, var(--soy) 90%, transparent);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.j-progress{background:var(--lamp);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.j-mark{font-family:var(--display);color:var(--on-soy);letter-spacing:-.01em;font-size:1.5rem;text-decoration:none}.j-mark span{color:var(--kraft)}.j-nav nav{align-items:center;gap:clamp(.9rem,3vw,2rem);display:flex}.j-nav nav a{color:var(--on-soy-soft);text-decoration:none;transition:color .2s}.j-nav nav a:hover{color:var(--on-soy)}.j-nav .j-nav-cta{color:var(--soy);background:var(--lamp);border-radius:3px;padding:.4rem 1rem}.j-hero{align-items:end;min-height:calc(100svh - 6.5rem);display:grid;position:relative;overflow:hidden}.j-hero-photo{position:absolute;inset:0}.j-hero-photo:after{content:"";background:linear-gradient(#1d130d00 30%,#1d130d8c 62%,#1d130deb 100%);position:absolute;inset:0}.j-hero-copy{padding:0 var(--gut) clamp(2.5rem, 6vw, 5rem);gap:1.2rem;max-width:46rem;display:grid;position:relative}.j-title{font-size:clamp(3.4rem,8vw,6rem);line-height:1.02}.j-lede{color:var(--on-soy-soft);max-width:34ch;font-size:1.08em}.j-hours{align-items:center;gap:.7rem;font-weight:700;display:inline-flex}.j-lamp{background:#6b5a48;border-radius:50%;flex:none;width:.75rem;height:.75rem}.j-hours[data-open=true] .j-lamp{background:var(--lamp);box-shadow:0 0 0 4px #f2b54438,0 0 18px 2px #f2b5448c}.j-hero-cta{flex-wrap:wrap;gap:.7rem;margin-top:.4rem;display:flex}.j-btn{background:var(--lamp);border-radius:3px;padding:.95rem 1.6rem;font-weight:700;text-decoration:none;transition:background-color .25s;display:inline-block;color:var(--soy)!important}.j-btn:hover{background:#f7c766}.j-btn-ghost{background:0 0;border:1px solid #f1e4d280;color:var(--on-soy)!important}.j-btn-ghost:hover{background:#f1e4d21a}.m-on [data-j-intro]{visibility:hidden}.m-on .j-hero-photo img{filter:brightness(.08)saturate(.4)}.j-size{background:var(--kraft);color:var(--ink);padding:var(--space) var(--gut);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid;overflow:hidden}.j-size-text{justify-items:start;gap:1.3rem;display:grid}.j-size h2{font-size:clamp(2.6rem,6vw,4.8rem)}.j-tabs{border:2px solid var(--ink);border-radius:4px;display:inline-flex;overflow:hidden}.j-tab{cursor:pointer;position:relative}.j-tab input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.j-tab span{font-family:var(--display);padding:.7rem 1.8rem;font-size:1.7rem;transition:background-color .25s,color .25s;display:block}.j-tab+.j-tab span{border-left:2px solid var(--ink)}.j-tab:has(input:checked) span{background:var(--ink);color:var(--kraft-in)}.j-tab:has(input:focus-visible){outline:3px solid var(--stamp);outline-offset:-3px}.j-size-price{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(3.4rem,8vw,6.4rem);line-height:1}.j-size-who{color:var(--ink-soft);min-height:1.8em;font-size:1.2rem;font-weight:700}.j-stamps{flex-wrap:wrap;gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.j-stamp{border:3px solid var(--stamp);width:6.4rem;height:6.4rem;color:var(--stamp);text-align:center;font-family:var(--display);box-shadow:inset 0 0 0 4px var(--kraft), inset 0 0 0 5px var(--stamp);border-radius:50%;place-items:center;font-size:1.05rem;line-height:1.15;display:grid;rotate:-6deg}.j-stamp:nth-child(2){rotate:5deg}.j-stamp:nth-child(3){rotate:-2deg}.j-size-plate{aspect-ratio:1;place-items:center;display:grid}.j-plate{--s:.85;aspect-ratio:1;width:100%;scale:var(--s);border-radius:50%;transition:scale .6s cubic-bezier(.3,1.5,.5,1);overflow:hidden;box-shadow:0 40px 70px -30px #24160d8c}.m-on .j-plate{transition:none}.j-story{background:var(--soy)}.j-story-bar{display:none}.j-steps{padding:var(--space) var(--gut);gap:clamp(3rem,6vw,5rem);margin:0;list-style:none;display:grid}.j-step{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:1rem 2.5rem;display:grid}.j-step-word{font-family:var(--display);color:var(--kraft);font-size:clamp(3.6rem,9vw,8rem);line-height:1}.j-step-text{color:var(--on-soy-soft);grid-column:1;max-width:30ch}.j-step-img{aspect-ratio:4/3;border-radius:3px;grid-area:1/2/3;overflow:hidden}.j-story.is-pinned .j-story-stage{height:100svh;position:relative;overflow:hidden}.j-story.is-pinned .j-steps{height:100%;padding:6.5rem var(--gut) 3rem;flex-direction:column;justify-content:center;gap:.2rem;width:46%;display:flex}.j-story.is-pinned .j-step{display:block}.j-story.is-pinned .j-step-word{color:#c29a6b47;font-size:clamp(3.4rem,8vw,7rem);transition:color .4s,translate .5s cubic-bezier(.2,.8,.2,1);display:block}.j-story.is-pinned .j-step.on .j-step-word{color:var(--kraft);translate:1.2rem}.j-story.is-pinned .j-step-text{opacity:0;max-height:0;padding-left:1.2rem;transition:max-height .5s,opacity .4s;overflow:hidden}.j-story.is-pinned .j-step.on .j-step-text{opacity:1;max-height:8em;margin:.4rem 0 1rem}.j-story.is-pinned .j-step-img{top:6.5rem;right:var(--gut);aspect-ratio:auto;z-index:1;width:48%;position:absolute;bottom:3rem}.j-story.is-pinned .j-step-img.top{z-index:3}.j-story.is-pinned .j-story-bar{left:calc(var(--gut) * .4);background:#c29a6b33;width:2px;display:block;position:absolute;top:6.5rem;bottom:3rem}.j-story-fill{background:var(--lamp);transform-origin:top;height:100%;display:block;transform:scaleY(0)}.j-menu{background:var(--kraft);color:var(--ink);padding:var(--space) var(--gut)}.j-menu h2{margin-bottom:clamp(2rem,4vw,3rem);font-size:clamp(2.6rem,6vw,4.8rem)}.j-dishes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}.j-dish{align-content:start;gap:.5rem;display:grid}.j-dish:nth-child(2){margin-top:clamp(2rem,6vw,5rem)}.j-dish-img{aspect-ratio:4/5;margin-bottom:.8rem;position:relative}.j-dish-img picture{border-radius:3px}.j-dish-stamp{z-index:2;text-align:center;background:var(--kraft);border:3px solid var(--stamp);width:5.6rem;height:5.6rem;color:var(--stamp);font-family:var(--display);border-radius:50%;place-items:center;padding:.6rem;font-size:1.05rem;line-height:1.1;display:grid;position:absolute;top:-.8rem;right:-.8rem;rotate:8deg}.j-dish h3{font-size:clamp(1.8rem,3vw,2.4rem)}.j-dish-price{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.6rem}.j-dish-note{color:var(--ink-soft);max-width:30ch}.j-inside{position:relative}.j-inside-photo{height:min(90vh,52rem);overflow:hidden}.j-inside-text{margin:clamp(-10rem, -12vw, -5rem) var(--gut) 0 auto;width:min(34rem, calc(100% - 2 * var(--gut)));background:var(--soy-2);gap:1rem;padding:clamp(1.6rem,3vw,2.6rem);display:grid;position:relative}.j-inside-text h2{font-size:clamp(2rem,4vw,3rem)}.j-inside-text p{color:var(--on-soy-soft)}.j-sign{aspect-ratio:4/3;width:min(18rem,70%);margin-top:.6rem;overflow:hidden}.j-order{padding:var(--space) var(--gut);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,6rem);max-width:96rem;margin:0 auto;display:grid}.j-order-side{align-content:start;gap:1.1rem;display:grid}.j-order-side h2{font-size:clamp(2.4rem,5vw,4rem)}.j-order-side>p,.j-order-side address{color:var(--on-soy-soft);font-style:normal}.j-hours-list{margin:0}.j-hours-list div{border-bottom:1px dashed #c29a6b73;justify-content:space-between;gap:1rem;padding:.65rem 0;display:flex}.j-hours-list dt{color:var(--on-soy-soft)}.j-hours-list dd{margin:0;font-weight:700}.j-contact{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.j-contact a{border:1px solid #f1e4d259;border-radius:3px;padding:.9rem 1.2rem;text-decoration:none;transition:background-color .25s,border-color .25s;display:block}.j-contact a:hover{border-color:var(--lamp)}.j-contact .roga-contact-kakao{background:var(--lamp);color:var(--soy);border-color:var(--lamp);font-weight:700}.j-order-photo{aspect-ratio:16/10;border-radius:3px;margin-top:.6rem;overflow:hidden}.j-form{background:var(--kraft);color:var(--ink);border-radius:4px;align-self:start;padding:clamp(1.4rem,3vw,2.4rem)}.j-form .mf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem;display:grid}.j-form .mf-wide{grid-column:1/-1}.j-form .mf-field{gap:.35rem;display:grid}.j-form .mf-label{align-items:baseline;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.j-form .mf-optional{color:var(--ink-soft);font-size:.82rem;font-weight:400}.j-form .mf-input{width:100%;font:inherit;color:var(--ink);background:var(--kraft-in);border:2px solid #0000;border-radius:3px;padding:.8rem .9rem;transition:border-color .2s}.j-form select.mf-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 1.1rem) 55%,calc(100% - .75rem) 55%;background-repeat:no-repeat;background-size:.35rem .35rem;padding-right:2.2rem}.j-form .mf-input::placeholder{color:#85664a}.j-form .mf-input:focus{border-color:var(--ink);outline:none}.j-form .mf-input[aria-invalid=true]{border-color:var(--stamp)}.j-form .mf-error{color:#8e1a11;font-size:.88rem;font-weight:700}.j-form .mf-error:empty{display:none}.j-form .mf-consent{cursor:pointer;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.j-form .mf-consent input{width:1.15rem;height:1.15rem;accent-color:var(--ink)}.j-form .mf-submit{background:var(--ink);width:100%;color:var(--kraft-in);font:inherit;cursor:pointer;border:0;border-radius:3px;margin-top:1.2rem;padding:1.05rem;font-size:1.05rem;font-weight:700;transition:background-color .25s}.j-form .mf-submit:hover{background:var(--stamp);color:#fff}.j-form .mf-done{gap:1rem;display:grid}.j-form .mf-done:focus{outline:none}.j-form .mf-done-title{font-family:var(--display);font-size:2rem}.j-form .mf-done-text{color:var(--ink-soft)}.j-form .mf-done-links{flex-wrap:wrap;gap:.6rem 1.4rem;font-weight:700;display:flex}.j-form .mf-reset{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.j-foot{padding:2.5rem var(--gut) 3rem;color:var(--on-soy-soft);background:#120b07;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 2rem;font-size:.92rem;display:flex}.j-foot a{color:var(--lamp)}@media (width<=64em){.j-size{grid-template-columns:1fr}.j-size-plate{justify-self:center;width:100%;max-width:34rem}.j-dishes{grid-template-columns:1fr 1fr}.j-dish:nth-child(2){margin-top:0}.j-order{grid-template-columns:1fr}}@media (width<=40em){.j-nav nav a:not(.j-nav-cta){display:none}.j-tab span{padding:.6rem 1.3rem}.j-stamp{width:5.4rem;height:5.4rem;font-size:.95rem}.j-step{grid-template-columns:1fr}.j-step-img{grid-area:auto/1}.j-story.is-pinned .j-steps{justify-content:flex-end;width:100%;padding-bottom:2rem}.j-story.is-pinned .j-step-word{font-size:2.8rem}.j-story.is-pinned .j-step-img{left:var(--gut);right:var(--gut);width:auto;height:38svh;top:5.5rem;bottom:auto}.j-dishes{grid-template-columns:1fr}.j-inside-text{margin:-3rem var(--gut) 0;width:auto}.j-form .mf-grid{grid-template-columns:1fr}}
