:root{--ink:#1e211a;--cream:#f7f4ec;--paper:#fffcf5;--gold:#d9a750;--line:#ded9cc;--muted:#66695f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px;z-index:50}.skip:focus{left:10px}header{position:sticky;top:0;z-index:40;background:rgba(255,252,245,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;min-height:80px;padding:0 4%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;min-width:220px;font-family:'Noto Serif KR',serif;font-weight:700;font-size:17px;line-height:1.25}.brand small{display:block;margin-top:4px;color:#80745e;font:500 10px 'DM Sans',sans-serif;letter-spacing:.26em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:var(--gold);background:var(--ink);font-size:21px}nav{display:flex;align-items:center;gap:23px;margin:auto;font-size:13px;font-weight:600;white-space:nowrap}nav a{padding:29px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{border-color:var(--gold)}.header-call{font-size:13px;font-weight:700;white-space:nowrap}.header-call span{color:#b48135}.menu-toggle{display:none;border:0;background:none;font-size:25px;cursor:pointer}.hero{background:var(--ink);color:#fff;overflow:hidden}.hero-inner{max-width:1440px;min-height:560px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr}.hero-copy{position:relative;z-index:1;padding:110px 6% 105px 8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{display:block;color:#9b733c;font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.eyebrow.light{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Noto Serif KR',serif;letter-spacing:-.045em}h1{font-size:clamp(40px,4.6vw,72px);line-height:1.25;margin:25px 0}h2{font-size:clamp(30px,3vw,48px);line-height:1.35;margin:18px 0 0}h3{font-size:23px;line-height:1.35}.hero-copy>p{max-width:480px;color:#d6d2c8;font-size:17px}.hero-actions,.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.button{min-width:150px;min-height:48px;padding:12px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.gold{background:var(--gold);color:var(--ink)}.button.ghost{border:1px solid #858780;color:#fff}.button.dark{background:var(--ink);color:#fff}.button.outline{border:1px solid var(--ink)}.hero-art{min-height:560px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 40%,#66502e 0,#342d21 38%,#1e211a 78%)}.circle{position:absolute;border:1px solid rgba(217,167,80,.38);border-radius:50%;aspect-ratio:1}.circle-one{width:540px;top:-40px;left:9%}.circle-two{width:390px;top:35px;left:24%;border-width:30px;border-color:rgba(217,167,80,.09)}.art-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Noto Serif KR',serif;font-size:clamp(50px,5.1vw,84px);font-weight:700;line-height:1.25;letter-spacing:-.05em;color:#e6d4ab;text-shadow:0 8px 30px #171813}.art-word em{font-size:.5em;font-style:normal;color:var(--gold)}.art-line{position:absolute;left:8%;bottom:42px;font-size:11px;letter-spacing:.36em;color:#bcb39e}.section,.intro{padding:100px max(5%,calc((100vw - 1220px)/2))}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.split p{font-size:17px;color:#51554d;line-height:1.95}.source{font-size:12px!important;color:#8b8e84!important}.inline-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.inline-facts span{padding:7px 13px;background:var(--cream);border:1px solid var(--line);font-size:12px;font-weight:700}.warm{background:var(--cream)}.section-head{max-width:760px;margin-bottom:36px}.section-head>p{color:var(--muted);font-size:16px;margin:15px 0 0}.cards{display:grid;gap:14px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{position:relative;min-height:240px;padding:30px;background:var(--paper);border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.card[href]:hover{transform:translateY(-3px);box-shadow:0 12px 35px #28292013}.card h3{margin:28px 0 12px}.card p{max-width:320px;color:var(--muted);font-size:14px}.arrow{position:absolute;right:30px;bottom:25px;color:#a77634;font-size:20px}.dark-band{background:#33382e;color:#fff}.dark-band p{margin:18px 0;color:#d8d7ce}.text-link{display:inline-block;margin-top:19px;color:var(--gold);font-size:14px;font-weight:700;border-bottom:1px solid currentColor}.text-link.dark{color:#735024}.menu-list{border-top:2px solid var(--ink)}.menu-row{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 3px;border-bottom:1px solid var(--line)}.menu-row h3{margin:0 0 5px;font-size:20px}.menu-row p{margin:0;color:var(--muted);font-size:13px}.menu-row strong{white-space:nowrap;font-size:14px;text-align:right}.notice{padding:17px 20px;margin-top:25px;background:var(--cream);color:#6a675f;font-size:12px;line-height:1.8}.address-block{padding:0 0 21px;margin-bottom:20px;border-bottom:1px solid var(--line)}.address-block span{display:block;color:#8b704b;font-size:12px;font-weight:700;letter-spacing:.15em;margin-bottom:5px}.address-block strong{display:block;font-size:22px}.address-block small{color:var(--muted)}.faq-list{border-top:2px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:23px 4px;list-style:none;cursor:pointer;font-size:17px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#a87939;font-size:25px;font-weight:400;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{padding:0 35px 22px 4px;margin:0;color:var(--muted);line-height:1.8}footer{background:var(--ink);color:#fff;padding:65px max(5%,calc((100vw - 1220px)/2)) 25px}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:end;padding-bottom:60px}.footer-top h2{font-size:32px}.footer-cta{display:flex;flex-direction:column;gap:12px;align-items:flex-end;color:var(--gold);font-size:16px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #5b5c55;color:#aeb0a9;font-size:11px}@media(max-width:1120px){nav{gap:13px}.header-call{display:none}.brand{min-width:180px;font-size:15px}}@media(max-width:900px){.header-inner{min-height:68px}.menu-toggle{display:block;margin-left:auto}nav{display:none;position:absolute;top:67px;left:0;right:0;background:var(--paper);padding:15px 5% 25px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{padding:12px 0}.hero-inner{grid-template-columns:1fr}.hero-copy{min-height:450px;padding:70px 6%}.hero-art{display:none}.split{grid-template-columns:1fr;gap:25px}.section,.intro{padding:70px 6%}.cards.three{grid-template-columns:1fr 1fr}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-cta{align-items:flex-start}}@media(max-width:580px){h1{font-size:40px}.cards.three{grid-template-columns:1fr}.card{min-height:190px}.menu-row{display:block}.menu-row strong{display:block;text-align:left;margin-top:8px}.hero-copy{min-height:470px}.footer-top h2{font-size:27px}}
:root{--fire:#ff6b16}.hero-home{position:relative;isolation:isolate;background:#090a08 url('/hero-fire-concept.png') center center/cover no-repeat}.hero-home:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(4,5,4,.5) 0%,rgba(4,5,4,.23) 37%,transparent 65%),linear-gradient(0deg,rgba(4,5,4,.28),transparent 40%)}.hero-home:after{content:"연출 이미지";position:absolute;right:28px;bottom:20px;z-index:3;color:#e2d5bd;font-size:11px;letter-spacing:.08em;text-shadow:0 1px 5px #000}.hero-home .hero-inner{position:relative;z-index:2;min-height:690px;display:block}.hero-home .hero-copy{min-height:690px;max-width:720px;padding:100px 7%;justify-content:center}.hero-home .hero-art{display:none}.hero-home h1{font-size:clamp(44px,5vw,78px);text-shadow:0 4px 22px #000}.hero-home .hero-copy>p{color:#eee9de;text-shadow:0 2px 10px #000}.fire-effects{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.fire-effects:before{content:"";position:absolute;right:-3%;top:0;width:55%;height:75%;background:radial-gradient(ellipse at 70% 30%,rgba(255,143,19,.26),rgba(255,70,0,.08) 40%,transparent 70%);mix-blend-mode:screen;animation:fire-glow 1.4s ease-in-out infinite alternate}.fire-effects:after{content:"";position:absolute;right:1%;top:0;width:43%;height:50%;background:radial-gradient(ellipse at 70% 40%,rgba(255,191,70,.1),transparent 60%);filter:blur(12px);mix-blend-mode:screen;animation:fire-glow 1s ease-in-out infinite alternate-reverse}.fire-effects i{position:absolute;bottom:24%;right:15%;width:3px;height:3px;border-radius:50%;background:#ffc46a;box-shadow:0 0 8px 2px #fb6e1a;opacity:0;animation:ember 4s linear infinite}.fire-effects i:nth-child(2){right:23%;bottom:33%;animation-delay:.7s}.fire-effects i:nth-child(3){right:34%;bottom:28%;animation-delay:1.4s}.fire-effects i:nth-child(4){right:12%;bottom:38%;animation-delay:2.2s}.fire-effects i:nth-child(5){right:27%;bottom:20%;animation-delay:3s}.fire-effects i:nth-child(6){right:41%;bottom:26%;animation-delay:3.6s}@keyframes fire-glow{0%{opacity:.5;transform:scale(.97) translateY(6px)}100%{opacity:1;transform:scale(1.06) translateY(-6px)}}@keyframes ember{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:.8}70%{opacity:.4}100%{opacity:0;transform:translate(-28px,-230px) scale(.2)}}@media(max-width:900px){.hero-home{background-position:60% center}.hero-home:before{background:linear-gradient(90deg,rgba(4,5,4,.82),rgba(4,5,4,.43) 78%)}.hero-home .hero-inner,.hero-home .hero-copy{min-height:610px}.hero-home .hero-copy{padding:70px 6%}.fire-effects:before{width:100%}}@media(max-width:580px){.hero-home{background-position:63% center}.hero-home .hero-copy{min-height:590px}.hero-home h1{font-size:42px}}@media(prefers-reduced-motion:reduce){.fire-effects:before,.fire-effects:after,.fire-effects i{animation:none!important}}
.hero-home{min-height:max(860px,calc(100svh - 80px));background-image:linear-gradient(0deg,rgba(7,7,5,.38),transparent 26%),url('/hero-fire-only.png');background-position:center center;background-size:cover}.hero-home:before{background:radial-gradient(ellipse at 72% 61%,rgba(255,100,0,.1),transparent 45%);animation:oven-pulse 2.2s ease-in-out infinite alternate}.hero-home:after{display:none}.fire-effects{z-index:1}.fire-effects:before{right:0;top:15%;width:75%;height:70%;background:radial-gradient(ellipse at 68% 57%,rgba(255,131,0,.26),rgba(255,76,0,.12) 42%,transparent 70%);animation:oven-pulse 1.25s ease-in-out infinite alternate}.fire-effects:after{right:0;top:25%;width:67%;height:60%;background:radial-gradient(ellipse at 70% 60%,rgba(255,218,83,.18),transparent 55%);animation:oven-pulse 1.7s ease-in-out infinite alternate-reverse}.flame-layer{position:absolute;left:38%;right:0;top:16%;bottom:15%;mix-blend-mode:screen;overflow:hidden}.flame{position:absolute;bottom:10%;width:10%;height:43%;transform-origin:50% 100%;border-radius:65% 25% 60% 20%;background:linear-gradient(0deg,rgba(255,81,0,.05) 0%,rgba(255,79,0,.68) 27%,rgba(255,194,27,.76) 53%,rgba(255,243,160,.54) 72%,rgba(255,197,54,0) 100%);filter:blur(12px);opacity:.64;animation:flame-dance 2.1s ease-in-out infinite alternate}.flame:nth-child(1){left:5%;height:28%;width:8%;animation-delay:-.7s}.flame:nth-child(2){left:18%;height:42%;width:11%;animation-delay:-1.4s;animation-duration:1.6s}.flame:nth-child(3){left:30%;height:35%;width:9%;animation-delay:-.3s;animation-duration:2.4s}.flame:nth-child(4){left:40%;height:55%;width:12%;animation-delay:-1.8s;animation-duration:1.9s}.flame:nth-child(5){left:50%;height:48%;width:10%;animation-delay:-1.1s;animation-duration:2.3s}.flame:nth-child(6){left:61%;height:68%;width:13%;animation-delay:-.2s;animation-duration:1.5s}.flame:nth-child(7){left:72%;height:51%;width:11%;animation-delay:-1.6s;animation-duration:2s}.flame:nth-child(8){left:83%;height:60%;width:12%;animation-delay:-.9s;animation-duration:1.7s}.flame:nth-child(9){left:93%;height:38%;width:9%;animation-delay:-2.1s;animation-duration:2.5s}.spark{position:absolute;width:3px;height:3px;left:70%;top:70%;border-radius:50%;background:#ffd16d;box-shadow:0 0 8px 2px #ff7a13;opacity:0;animation:spark-rise 3.8s linear infinite}.spark:nth-child(2){left:56%;top:63%;animation-delay:.24s}.spark:nth-child(3){left:84%;top:65%;animation-delay:.53s}.spark:nth-child(4){left:64%;top:77%;animation-delay:.79s}.spark:nth-child(5){left:92%;top:70%;animation-delay:1.07s}.spark:nth-child(6){left:47%;top:67%;animation-delay:1.31s}.spark:nth-child(7){left:74%;top:79%;animation-delay:1.62s}.spark:nth-child(8){left:59%;top:73%;animation-delay:1.85s}.spark:nth-child(9){left:88%;top:78%;animation-delay:2.1s}.spark:nth-child(10){left:39%;top:75%;animation-delay:2.31s}.spark:nth-child(11){left:76%;top:65%;animation-delay:2.57s}.spark:nth-child(12){left:97%;top:74%;animation-delay:2.76s}.spark:nth-child(13){left:53%;top:81%;animation-delay:2.97s}.spark:nth-child(14){left:68%;top:68%;animation-delay:3.17s}.spark:nth-child(15){left:81%;top:71%;animation-delay:3.4s}.spark:nth-child(16){left:44%;top:70%;animation-delay:3.64s}@keyframes flame-dance{0%{transform:translateY(10px) rotate(-9deg) scaleX(.74) scaleY(.74);opacity:.29}35%{transform:translateY(-12px) rotate(8deg) scaleX(1.18) scaleY(1.13);opacity:.62}65%{transform:translateY(6px) rotate(-5deg) scaleX(.87) scaleY(.92);opacity:.47}100%{transform:translateY(-28px) rotate(13deg) scaleX(1.3) scaleY(1.29);opacity:.77}}@keyframes oven-pulse{from{opacity:.48;transform:scale(.97)}to{opacity:1;transform:scale(1.04)}}@keyframes spark-rise{0%{opacity:0;transform:translate(0,0) scale(.4)}12%{opacity:.9}70%{opacity:.6}100%{opacity:0;transform:translate(-35px,-300px) scale(.2)}}@media(max-width:900px){.hero-home{min-height:790px;background-position:62% center}.flame-layer{left:17%}}@media(max-width:580px){.hero-home{min-height:700px;background-position:64% center}.flame-layer{left:0;top:20%;bottom:20%}.flame{filter:blur(9px)}}@media(prefers-reduced-motion:reduce){.hero-home:before,.fire-effects:before,.fire-effects:after,.flame,.spark{animation:none!important}}
/* Full-screen living flame composition; real restaurant food photo will sit in the dark centre. */
.hero-home{position:relative;display:block;min-height:max(900px,calc(100svh - 80px));overflow:hidden;background:#050100;isolation:isolate}.hero-home:before,.hero-home:after{display:none!important}.flame-filter{position:absolute;width:0;height:0;overflow:hidden}.flame-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;z-index:0}.flame-motion{z-index:1;opacity:.58;mix-blend-mode:screen;filter:url(#living-flames) brightness(1.18) saturate(1.08);-webkit-mask-image:linear-gradient(0deg,#000 0%,#000 58%,transparent 94%);mask-image:linear-gradient(0deg,#000 0%,#000 58%,transparent 94%);transform-origin:center bottom;animation:living-fire 1.65s ease-in-out infinite alternate}.embers{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.ember{position:absolute;left:var(--x);bottom:5%;width:3px;height:3px;border-radius:50%;background:#ffdc8a;box-shadow:0 0 10px 3px #ff741c;opacity:0;animation:ember-flight var(--dur) linear var(--delay) infinite}@keyframes living-fire{0%{transform:translateY(2.5%) scaleX(.985) scaleY(1.005);opacity:.38}30%{transform:translateY(-1.4%) scaleX(1.012) scaleY(1.027);opacity:.72}65%{transform:translateY(-3.2%) scaleX(.995) scaleY(1.04);opacity:.48}100%{transform:translateY(-5.5%) scaleX(1.02) scaleY(1.065);opacity:.83}}@keyframes ember-flight{0%{opacity:0;transform:translate3d(0,0,0) scale(.3)}12%{opacity:.9}60%{opacity:.5}100%{opacity:0;transform:translate3d(45px,-330px,0) scale(.15)}}@media(max-width:900px){.hero-home{min-height:780px}.flame-photo{object-position:center center}}@media(max-width:580px){.hero-home{min-height:700px}.flame-photo{object-position:center center}.flame-motion{opacity:.48}}@media(prefers-reduced-motion:reduce){.flame-motion{display:none}.ember{animation:none}}
.hero-home{min-height:max(750px,calc(100svh - 80px))}.flame-photo{object-fit:fill}@media(max-width:900px){.hero-home{min-height:max(680px,calc(100svh - 68px))}.flame-photo{object-fit:fill}}@media(max-width:580px){.hero-home{min-height:max(640px,calc(100svh - 68px))}}
/* Wide fire wave: horizontal energy and open upper composition. */
.hero-home{background:#1b0c06}.flame-photo{object-fit:fill}.flame-photo:not(.flame-motion){animation:fire-camera 11s ease-in-out infinite alternate}.flame-motion{-webkit-mask-image:linear-gradient(0deg,#000 0%,#000 32%,transparent 65%);mask-image:linear-gradient(0deg,#000 0%,#000 32%,transparent 65%);animation:fire-wave 1.45s ease-in-out infinite alternate;opacity:.48;filter:url(#living-flames) brightness(1.25) saturate(1.18)}@keyframes fire-wave{0%{transform:translate(-2%,1.8%) scaleX(1.025) scaleY(.98);opacity:.3}30%{transform:translate(.8%,-.8%) scaleX(1.015) scaleY(1.035);opacity:.62}65%{transform:translate(-.5%,-2.7%) scaleX(1.035) scaleY(1.055);opacity:.47}100%{transform:translate(2.2%,-4.3%) scaleX(1.02) scaleY(1.08);opacity:.75}}@keyframes fire-camera{from{transform:scale(1)}to{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.flame-photo:not(.flame-motion){animation:none}}
/* Real footage replaces the simulated flame layers. */
.hero-home{background:#050202 url('/hero-fire-wave.png') center/cover no-repeat}.hero-fire-video{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:contrast(1.07) saturate(1.15);pointer-events:none}.hero-video-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,6,2,.05),transparent 50%,rgba(13,5,1,.13));pointer-events:none}@media(max-width:580px){.hero-fire-video{object-position:center center}}@media(prefers-reduced-motion:reduce){.hero-fire-video{display:none}}
/* Transparent navigation over the dark hero; warm ivory stays readable on coal footage. */
header{position:sticky;top:0;margin-bottom:-80px;background:transparent;border-bottom:1px solid rgba(255,240,219,.22);backdrop-filter:none;color:#f7eee0;transition:background .25s,border-color .25s,box-shadow .25s}
header.is-scrolled{background:rgba(24,12,8,.92);border-bottom-color:rgba(255,240,219,.14);backdrop-filter:blur(16px);box-shadow:0 6px 24px rgba(0,0,0,.12)}
.brand{min-width:220px;font-size:19px;letter-spacing:-.055em;color:#fff3df}
nav a:hover,nav a.active{border-color:#dca45d;color:#fff8eb}
.header-call span{color:#e7ac66}
.menu-toggle{color:#fff3df}
@media(max-width:900px){header{margin-bottom:-68px}header nav{background:rgba(24,12,8,.97);border-bottom-color:rgba(255,240,219,.16);backdrop-filter:blur(16px)}}
/* Give the opening coal footage more room before the next section begins. */
.hero-home{min-height:max(960px,118svh)}
@media(max-width:900px){.hero-home{min-height:max(800px,110svh)}}
@media(max-width:580px){.hero-home{min-height:max(720px,105svh)}}
/* The photographed plate arrives toward the viewer while the real coal footage moves behind it. */
.hero-plate-stage{position:absolute;z-index:3;inset:80px 0 0;display:grid;place-items:center;pointer-events:none;overflow:hidden}
.hero-plate-stage:before{content:"";position:absolute;left:50%;top:56%;width:min(70vw,940px);height:min(33vw,370px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(238,91,20,.28) 0%,rgba(143,45,6,.12) 45%,transparent 72%);filter:blur(24px);animation:plate-glow 4s ease-in-out infinite alternate}
.hero-plate{position:relative;width:min(82vw,1080px);max-height:98%;height:auto;object-fit:contain;filter:drop-shadow(0 32px 34px rgba(0,0,0,.75)) drop-shadow(0 0 26px rgba(218,85,26,.18));animation:plate-arrive 1.25s cubic-bezier(.2,.8,.22,1) both}
@keyframes plate-arrive{from{opacity:0;transform:translateY(70px) scale(.91)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes plate-glow{from{opacity:.45;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
@media(max-width:900px){.hero-plate-stage{inset:68px 0 0}.hero-plate{width:min(108vw,940px);max-height:95%}}
@media(max-width:580px){.hero-plate{width:125vw;max-width:none;max-height:82%;}.hero-plate-stage:before{width:100vw;height:48vw}}
@media(prefers-reduced-motion:reduce){.hero-plate,.hero-plate-stage:before{animation:none}}
/* Keep the plate secondary to the moving coal background. */
.hero-plate{width:min(54vw,700px);max-height:76svh}
.hero-plate-stage:before{width:min(48vw,610px);height:min(23vw,260px)}
@media(max-width:900px){.hero-plate{width:min(72vw,620px);max-height:72svh}}
@media(max-width:580px){.hero-plate{width:82vw;max-height:68svh}}
/* Warm backlight, reflected fire, and restrained steam tie the plate to the moving footage. */
.hero-plate-stage:before{top:59%;width:min(50vw,660px);height:min(32vw,370px);background:radial-gradient(ellipse,rgba(255,125,45,.25) 0%,rgba(153,44,10,.16) 42%,transparent 74%);filter:blur(34px)}
.hero-plate{filter:brightness(.94) contrast(1.04) saturate(.94) drop-shadow(0 28px 32px rgba(0,0,0,.85)) drop-shadow(0 0 20px rgba(243,95,33,.24));animation:plate-arrive 1.25s cubic-bezier(.2,.8,.22,1) both,plate-firelight 3.3s ease-in-out 1.25s infinite alternate}
@keyframes plate-firelight{from{filter:brightness(.91) contrast(1.04) saturate(.92) drop-shadow(0 28px 32px rgba(0,0,0,.85)) drop-shadow(0 0 14px rgba(216,66,21,.14))}to{filter:brightness(1.02) contrast(1.05) saturate(1.02) drop-shadow(0 28px 32px rgba(0,0,0,.85)) drop-shadow(0 0 27px rgba(255,129,52,.34))}}
.hero-steam{position:absolute;z-index:4;left:50%;top:26%;width:min(28vw,350px);height:35%;transform:translateX(-50%);pointer-events:none;overflow:visible}
.hero-steam span{position:absolute;bottom:0;width:26%;height:90%;border-radius:50%;background:linear-gradient(180deg,transparent 0%,rgba(255,241,215,.13) 38%,rgba(255,222,190,.2) 72%,transparent 100%);filter:blur(18px);opacity:0;animation:steam-rise 5.4s ease-out infinite}
.hero-steam span:nth-child(1){left:15%;animation-delay:1.1s}.hero-steam span:nth-child(2){left:44%;animation-delay:2.8s;animation-duration:6.1s}.hero-steam span:nth-child(3){left:68%;animation-delay:4.3s;animation-duration:5.8s}
@keyframes steam-rise{0%{opacity:0;transform:translate3d(0,28px,0) scale(.72)}25%{opacity:.45}60%{opacity:.28}100%{opacity:0;transform:translate3d(18px,-95px,0) scale(1.3)}}
@media(max-width:580px){.hero-steam{width:40vw;top:28%}.hero-steam span{filter:blur(13px)}}
@media(prefers-reduced-motion:reduce){.hero-plate{animation:none}.hero-steam span{animation:none;opacity:.16}}
/* Ground the existing photo through scale, placement, light, and soft contact shadow. */
.hero-plate-stage{padding-top:0}
.hero-plate-stage:before{z-index:1;top:62%;width:min(68vw,900px);height:min(58vw,650px);background:radial-gradient(ellipse,rgba(8,4,3,.36) 0%,rgba(18,5,3,.18) 48%,transparent 75%);filter:blur(26px);animation:none}
.hero-plate-stage:after{content:"";position:absolute;z-index:2;left:50%;top:82%;width:min(56vw,720px);height:clamp(90px,13vw,170px);transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.78) 0%,rgba(0,0,0,.46) 37%,transparent 73%);filter:blur(28px);pointer-events:none}
.hero-plate-wrap{position:relative;z-index:3;top:88px;width:min(70vw,910px,79svh);animation:plate-arrive 1.25s cubic-bezier(.2,.8,.22,1) both}
.hero-plate{display:block;width:100%;max-height:none;height:auto;object-fit:contain;animation:plate-firelight 3.3s ease-in-out 1.25s infinite alternate;filter:blur(.35px) brightness(.88) sepia(.09) saturate(.9) contrast(1.04) drop-shadow(0 20px 22px rgba(0,0,0,.72))}
@keyframes plate-firelight{from{filter:blur(.35px) brightness(.86) sepia(.08) saturate(.88) contrast(1.04) drop-shadow(0 20px 22px rgba(0,0,0,.72))}to{filter:blur(.35px) brightness(.95) sepia(.16) saturate(1.01) contrast(1.04) drop-shadow(0 20px 22px rgba(0,0,0,.76))}}
.hero-plate-reflection{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 23% 44%,rgba(255,138,48,.45),transparent 52%),radial-gradient(ellipse at 83% 65%,rgba(233,54,16,.24),transparent 50%);-webkit-mask:url('/jokbal-plate-cutout.png') center/100% 100% no-repeat;mask:url('/jokbal-plate-cutout.png') center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.24;animation:plate-reflection 3.3s ease-in-out 1.25s infinite alternate}
@keyframes plate-reflection{from{opacity:.12}to{opacity:.31}}
.hero-steam{top:29%;width:min(34vw,440px)}
@media(max-width:900px){.hero-plate-wrap{top:66px;width:min(84vw,78svh)}.hero-plate-stage:after{top:80%;width:72vw}}
@media(max-width:580px){.hero-plate-wrap{top:36px;width:min(96vw,75svh)}.hero-plate-stage:after{top:76%;width:86vw}.hero-steam{top:30%;width:45vw}}
@media(prefers-reduced-motion:reduce){.hero-plate-wrap,.hero-plate,.hero-plate-reflection{animation:none}}
/* Keep the enlarged plate fully inside the opening section and place its shadow under the rim. */
.hero-plate-wrap{top:30px}
.hero-plate-stage:after{top:87%}
@media(max-width:900px){.hero-plate-wrap{top:28px}.hero-plate-stage:after{top:82%}}
@media(max-width:580px){.hero-plate-wrap{top:36px}.hero-plate-stage:after{top:76%}}
/* Crop only transparent padding with CSS so the photographed plate itself remains untouched. */
.hero-plate-wrap{top:105px;width:min(65vw,800px);height:auto;aspect-ratio:1122 / 885;overflow:hidden}
.hero-plate{position:absolute;top:-27.1%;left:0;width:100%;height:auto;max-height:none;filter:blur(.45px) brightness(.83) sepia(.12) saturate(.9) contrast(1.04) drop-shadow(0 18px 18px rgba(0,0,0,.7))}
.hero-plate-reflection{position:absolute;inset:auto;top:-27.1%;left:0;display:block;width:100%;height:auto;opacity:.22;mix-blend-mode:screen;filter:sepia(1) saturate(2.2) hue-rotate(-20deg) brightness(.9) blur(1px);-webkit-mask:none;mask:none;animation:plate-reflection 3.3s ease-in-out 1.25s infinite alternate}
.hero-plate-stage:before{top:66%;background:radial-gradient(ellipse,rgba(7,2,2,.55) 0%,rgba(16,4,3,.25) 48%,transparent 74%)}
.hero-plate-stage:after{top:86%;width:min(62vw,760px);height:170px;background:radial-gradient(ellipse,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 42%,transparent 75%)}
.hero-steam{top:34%}
@media(max-width:900px){.hero-plate-wrap{top:68px;width:min(78vw,700px)}.hero-plate-stage:after{top:83%;width:76vw}}
@media(max-width:580px){.hero-plate-wrap{top:38px;width:92vw}.hero-plate-stage:after{top:73%;width:88vw;height:90px}.hero-steam{top:36%}}
@media(prefers-reduced-motion:reduce){.hero-plate-reflection{animation:none}}
/* Clean-alpha asset with transparent breathing room prevents a rectangular crop edge. */
.hero-plate-wrap{aspect-ratio:1122 / 925}
.hero-plate,.hero-plate-reflection{top:-21.6%}
.fire-copy{position:absolute;z-index:4;left:8%;top:50%;transform:translateY(-50%);color:#fff8eb;text-shadow:0 3px 18px rgba(0,0,0,.7)}
.fire-copy-kicker{display:block;color:#f4c27b;font-size:12px;letter-spacing:.24em;font-weight:700;animation:copy-in .8s both}
.fire-copy h1{font-size:clamp(42px,6vw,88px);line-height:1.18;margin:20px 0 16px;animation:copy-in .9s .15s both}
.fire-copy h1 em{font-style:normal;color:#ffd28b}.fire-copy p{font-size:17px;line-height:1.8;color:#f3e7d5;animation:copy-in .9s .3s both}.fire-copy-scroll{display:block;margin-top:44px;font-size:10px;letter-spacing:.28em;color:#f0bf78;animation:scroll-pulse 2.4s ease-in-out infinite}
@keyframes copy-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes scroll-pulse{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}
.hero-home:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(5,2,1,.72),rgba(5,2,1,.18) 58%,transparent 82%);pointer-events:none}
@media(max-width:580px){.fire-copy{left:7%;top:47%}.fire-copy p{font-size:15px}.fire-copy-scroll{margin-top:30px}}
.plate-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:110px max(5%,calc((100vw - 1220px)/2));background:#f3eee4;overflow:hidden}.plate-intro-copy h2{font-size:clamp(32px,4vw,58px)}.plate-intro-copy p{max-width:470px;color:#5d5b53;font-size:17px;line-height:1.9}.plate-intro-photo{display:grid;place-items:center}.plate-intro-photo img{width:min(100%,560px);filter:drop-shadow(0 24px 26px rgba(35,20,10,.28));transform:translateY(26px);opacity:0;transition:opacity .8s,transform .9s}.plate-intro.revealed img{opacity:1;transform:none}@media(max-width:700px){.plate-intro{grid-template-columns:1fr;padding:76px 6%;gap:22px}.plate-intro-photo{order:-1}.plate-intro-photo img{width:90%}}
.plate-intro{display:block;padding:90px max(5%,calc((100vw - 1220px)/2)) 100px;background:radial-gradient(circle at 71% 44%,#fffaf0 0%,#f4eee3 38%,#eee6d8 100%)}
.plate-intro-main{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);align-items:center;gap:0;min-height:660px}
.plate-intro-copy{position:relative;z-index:1;align-self:center}
.plate-intro-copy h2{margin:24px 0;font-size:clamp(40px,3.6vw,58px);line-height:1.22;letter-spacing:-.06em;white-space:nowrap}
.plate-intro-copy h2 em{font-style:normal;color:#884328}
.plate-intro-copy p{max-width:350px;font-size:17px;line-height:1.85}
.plate-intro-link{display:inline-block;margin-top:26px;padding-bottom:8px;border-bottom:1px solid #8b543a;color:#633b28;font-weight:700;text-decoration:none}
.plate-intro-photo{position:relative;min-width:0;transform:translateX(3%)}
.plate-intro-photo:before{content:"";position:absolute;inset:15% 2% 10%;z-index:0;border-radius:50%;background:radial-gradient(ellipse,rgba(168,108,57,.18),transparent 68%);filter:blur(12px)}
.plate-intro-photo img{position:relative;z-index:1;width:min(100%,760px);max-width:none;margin:-95px auto -125px;filter:drop-shadow(0 34px 29px rgba(36,23,13,.26))}
.menu-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:28px}
.menu-photo-card{position:relative;display:block;overflow:hidden;min-height:320px;border-radius:18px;background:#2b211d;color:#fff;text-decoration:none;box-shadow:0 18px 40px rgba(45,29,17,.13)}
.menu-photo-card img{display:block;width:100%;height:320px;object-fit:cover;transition:transform .7s ease}
.menu-photo-card:hover img{transform:scale(1.055)}
.menu-photo-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(15,8,5,.84));pointer-events:none}
.menu-photo-card div{position:absolute;z-index:1;left:32px;right:30px;bottom:25px}
.menu-photo-card span{font-size:11px;font-weight:700;letter-spacing:.18em;color:#f2d5b1}
.menu-photo-card h3{margin:8px 0 2px;font-family:'Noto Serif KR',serif;font-size:30px}
.menu-photo-card p{margin:0;color:#f0e4d7;font-size:14px}
@media(max-width:700px){.plate-intro{padding:64px 6% 74px}.plate-intro-main{display:flex;flex-direction:column;min-height:0}.plate-intro-photo{order:-1;width:100%;transform:none}.plate-intro-photo img{width:100%;margin:-30px auto -45px}.plate-intro-copy{width:100%;margin-top:20px}.plate-intro-copy h2{font-size:clamp(37px,8vw,52px)}.plate-intro-copy p{font-size:15px}.menu-photo-grid{grid-template-columns:1fr;gap:18px;margin-top:45px}.menu-photo-card,.menu-photo-card img{height:270px;min-height:270px}}
/* Two equal-weight hero messages; the flavor keyword flickers like live fire. */
.fire-copy h1{display:flex;flex-direction:column;gap:12px;margin:0}.fire-copy .main-line{display:block;font-size:clamp(38px,5.2vw,76px);line-height:1.18;font-weight:700;letter-spacing:-.055em}.fire-copy .time-line{color:#fff1dc}.fire-copy .flavor-line{color:#fff1dc}.flavor-fire{font-style:normal;color:#ffbd62;text-shadow:0 0 8px rgba(255,111,22,.8),0 0 25px rgba(255,53,0,.55);animation:flavor-flicker 1.4s ease-in-out infinite alternate}.fire-copy-kicker{display:none}@keyframes flavor-flicker{0%{color:#ff9f35;text-shadow:0 0 6px rgba(255,91,13,.7),0 0 16px rgba(255,37,0,.38);transform:skewX(-1deg)}45%{color:#ffd17a;text-shadow:0 0 12px rgba(255,154,41,.95),0 0 32px rgba(255,53,0,.62)}100%{color:#ff7b1b;text-shadow:0 0 5px rgba(255,58,0,.85),0 0 23px rgba(255,17,0,.55);transform:skewX(1deg)}}
@media(max-width:580px){.fire-copy .main-line{font-size:clamp(31px,9vw,46px)}}
/* Directional entrance is deliberately obvious over the moving fire. */
.fire-copy .time-line{animation:hero-drop 1s cubic-bezier(.2,.85,.25,1) both;color:#fff8ea;text-shadow:0 3px 12px rgba(0,0,0,.9)}
.fire-copy .flavor-line{animation:hero-slide 1.05s .18s cubic-bezier(.2,.85,.25,1) both;color:#fff8ea;text-shadow:0 3px 14px rgba(0,0,0,.92)}
.flavor-fire{color:#ffe7ad;text-shadow:0 0 0 #2a0b04,1px 0 #2a0b04,-1px 0 #2a0b04,0 2px #2a0b04,0 0 13px rgba(255,224,150,.9);animation:flavor-glint 1.2s .9s ease-in-out infinite alternate}
@keyframes hero-drop{0%{opacity:0;transform:translateY(-90px)}70%{opacity:1;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes hero-slide{0%{opacity:0;transform:translateX(-120px)}70%{opacity:1;transform:translateX(8px)}100%{opacity:1;transform:translateX(0)}}
@keyframes flavor-glint{0%{color:#ffe7ad;text-shadow:0 0 0 #2a0b04,1px 0 #2a0b04,-1px 0 #2a0b04,0 2px #2a0b04,0 0 8px rgba(255,224,150,.65)}100%{color:#fff7d7;text-shadow:0 0 0 #2a0b04,1px 0 #2a0b04,-1px 0 #2a0b04,0 2px #2a0b04,0 0 22px rgba(255,242,190,1)}}
@media(prefers-reduced-motion:reduce){.fire-copy .time-line,.fire-copy .flavor-line,.flavor-fire{animation:none}}
/* Separate the key word from the white headline with a dark lacquer-like fill. */
.flavor-fire{color:#21100b!important;background:linear-gradient(180deg,#f6c86f 0%,#b86d22 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 0 rgba(255,226,151,.72),0 0 1px #160804,0 0 14px rgba(255,153,53,.55);-webkit-text-stroke:1px rgba(37,15,6,.92);animation:flavor-lacquer 1.7s ease-in-out infinite alternate}
@keyframes flavor-lacquer{from{filter:brightness(.92) saturate(.95);text-shadow:0 2px 0 rgba(255,226,151,.64),0 0 1px #160804,0 0 10px rgba(255,126,28,.4)}to{filter:brightness(1.18) saturate(1.14);text-shadow:0 2px 0 rgba(255,241,182,.9),0 0 1px #160804,0 0 22px rgba(255,157,44,.75)}}
/* Dark orange key word for a warmer, clearer separation from the white line. */
.flavor-fire{color:#9a3d12!important;background:linear-gradient(180deg,#b9561b 0%,#6e250d 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 0 rgba(255,174,86,.55),0 0 1px #280b03,0 0 12px rgba(117,35,7,.6);-webkit-text-stroke:1px rgba(45,13,4,.9)}
@keyframes flavor-lacquer{from{filter:brightness(.84) saturate(.95);text-shadow:0 2px 0 rgba(255,152,65,.42),0 0 1px #280b03,0 0 8px rgba(105,28,5,.45)}to{filter:brightness(1.12) saturate(1.1);text-shadow:0 2px 0 rgba(255,190,104,.72),0 0 1px #280b03,0 0 18px rgba(160,47,8,.72)}}
/* Remove the outline from the dark-orange keyword as requested. */
.flavor-fire{-webkit-text-stroke:0!important;text-shadow:0 0 1px rgba(42,12,3,.35),0 0 12px rgba(160,47,8,.42)}
/* Factual hero copy: key phrases illuminate in place instead of relying on scroll. */
.fact-copy{max-width:min(850px,78vw);font-size:clamp(27px,3.5vw,56px)!important;line-height:1.45!important;letter-spacing:-.065em!important;color:#fff6e5;text-shadow:0 4px 22px rgba(0,0,0,.82);animation:fact-settle 1.1s cubic-bezier(.2,.8,.2,1) both}
.fact-copy span{display:inline}.fact-copy strong{font-weight:800;font-style:normal;color:#c4551b;background:linear-gradient(90deg,#7c260c,#e07b31,#8e2d0e);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:key-glow 2.8s .8s ease-in-out infinite}.fact-copy em{font-style:normal;color:#f4c27d;animation:soft-glow 2.4s 1.2s ease-in-out infinite alternate}.fact-copy strong:after{content:"";display:inline-block;width:0;height:.08em;background:#ffb45c;vertical-align:middle;margin-left:.08em;animation:underline-reveal 1.1s 1.1s ease-out forwards}.fire-copy-scroll{display:none}@keyframes fact-settle{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}@keyframes key-glow{0%,100%{background-position:0% 50%;filter:brightness(.9)}50%{background-position:100% 50%;filter:brightness(1.25)}}@keyframes soft-glow{from{text-shadow:0 0 4px rgba(244,194,125,.2)}to{text-shadow:0 0 22px rgba(255,153,48,.75)}}@keyframes underline-reveal{to{width:1.8em}} 
@media(max-width:580px){.fact-copy{max-width:88vw;font-size:clamp(23px,6.6vw,34px)!important;line-height:1.55!important}}
/* Center the signature plate and give the three companion dishes equal visual weight below it. */
.plate-intro{padding-top:92px;padding-bottom:110px}
.plate-intro-main{display:flex;flex-direction:column;min-height:0;align-items:center}
.plate-intro-copy{width:100%;text-align:center}
.plate-intro-copy h2{font-size:clamp(44px,4.4vw,66px);white-space:normal;margin:18px 0 12px}
.plate-intro-copy p{max-width:560px;margin:0 auto}
.plate-intro-photo{width:min(100%,720px);margin:0 auto;transform:none}
.plate-intro-photo img{width:100%;margin:-105px auto -125px}
.menu-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.menu-photo-card{min-height:0;background:#ede5da;color:#211c18;border:1px solid #dfd3c3;box-shadow:0 15px 34px rgba(45,29,17,.1)}
.menu-photo-card img{height:auto;aspect-ratio:4/3;object-fit:cover;mix-blend-mode:multiply}
.menu-photo-card:after{display:none}
.menu-photo-card div{position:static;padding:20px 24px 24px}
.menu-photo-card span{color:#935a38}
.menu-photo-card h3{font-size:26px;margin:5px 0}
.menu-photo-card p{color:#5f554a}
.showcase-menu-link{text-align:center;margin-top:20px}
@media(max-width:700px){.plate-intro{padding-top:64px;padding-bottom:75px}.plate-intro-main{display:flex;flex-direction:column}.plate-intro-copy{order:0;margin-top:0}.plate-intro-copy h2{font-size:clamp(39px,8vw,52px)}.plate-intro-photo{order:1;width:100%}.plate-intro-photo img{width:100%;margin:-30px auto -42px}.menu-photo-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.menu-photo-card,.menu-photo-card img{height:auto;min-height:0}.menu-photo-card img{aspect-ratio:4/3}.menu-photo-card div{padding:15px 20px 19px}.menu-photo-card h3{font-size:24px}}

/* Four menu showcase */
.menu-showcase{padding:100px max(5%,calc((100vw - 1220px)/2)) 86px;background:radial-gradient(circle at 70% 40%,#faf5e9 0,#f3ece0 52%,#eae0d1 100%);overflow:hidden}
.showcase-heading{text-align:center}.showcase-heading h2{margin:13px 0 10px;font-size:clamp(36px,4.4vw,62px);line-height:1.28;letter-spacing:-.06em}.showcase-heading h2 em{font-style:normal;color:#884328}.showcase-heading p{color:#655a4e;line-height:1.7}
.showcase-stage{position:relative;margin-top:30px}.showcase-track{display:flex;transition:transform .65s cubic-bezier(.22,1,.36,1);will-change:transform}.showcase-slide{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:5%;flex:0 0 100%;min-width:0;padding:20px 4% 50px}.showcase-visual{height:520px;display:flex;align-items:center;justify-content:center;position:relative}.showcase-visual:before{content:"";position:absolute;inset:10% 2%;border-radius:50%;background:radial-gradient(ellipse,rgba(135,78,35,.16),transparent 70%);filter:blur(15px)}.showcase-visual img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 27px 22px rgba(39,23,10,.18))}.showcase-slide:not(.signature) .showcase-visual img{width:min(100%,590px);height:auto;max-height:440px;aspect-ratio:4/3;object-fit:cover;border-radius:22px;box-shadow:0 25px 55px rgba(41,25,12,.17)}.showcase-copy{padding:25px 0}.showcase-number,.showcase-english{display:block;color:#995c3d;font-size:12px;font-weight:700;letter-spacing:.19em}.showcase-english{margin-top:12px;color:#756b5e}.showcase-copy h3{font-family:'Noto Serif KR',serif;font-size:clamp(48px,5vw,76px);letter-spacing:-.065em;line-height:1.17;margin:19px 0}.showcase-copy p{max-width:370px;color:#5c554c;font-size:18px;line-height:1.85}.showcase-copy a{display:inline-block;margin-top:14px;color:#704129;border-bottom:1px solid currentColor;padding-bottom:7px;text-decoration:none;font-weight:700}.showcase-controls{display:flex;align-items:center;justify-content:center;gap:24px}.showcase-arrow{width:60px;height:60px;border:1px solid #a07b61;border-radius:50%;background:rgba(255,255,255,.55);color:#603d2c;font-size:27px;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s}.showcase-arrow:hover,.showcase-arrow:focus-visible{background:#71462e;color:#fff;transform:scale(1.05)}.showcase-count{min-width:75px;text-align:center;font-weight:700;color:#684938;letter-spacing:.12em}.menu-showcase .showcase-menu-link{margin-top:18px}
@media(max-width:760px){.menu-showcase{padding:72px 5% 70px}.showcase-heading h2{font-size:clamp(34px,8vw,48px)}.showcase-slide{display:flex;flex-direction:column;gap:0;padding:0 3% 20px}.showcase-visual{height:340px;width:100%}.showcase-visual img{max-height:330px}.showcase-slide:not(.signature) .showcase-visual img{max-height:290px}.showcase-copy{width:100%;padding:4px 4% 23px}.showcase-copy h3{font-size:43px;margin:10px 0}.showcase-copy p{font-size:15px;margin:0;line-height:1.7}.showcase-copy a{margin-top:12px}.showcase-arrow{width:50px;height:50px}.showcase-controls{gap:18px}}
@media(prefers-reduced-motion:reduce){.showcase-track,.showcase-arrow{transition:none}}

/* Editorial menu scenes: native anchor navigation works without JavaScript. */
.menu-editorial{background:#171411;padding:32px 0 40px;overflow:hidden}.menu-editorial-track{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.menu-editorial-track::-webkit-scrollbar{display:none}.menu-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:49% 30% 21%;flex:0 0 100%;width:100%;min-height:670px;overflow:hidden;scroll-snap-align:start;scroll-margin-top:90px;background:radial-gradient(circle at 48% 48%,#31231b 0,#191513 55%,#100e0d 100%);color:#fff}.menu-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,4,3,.64),transparent 65%),url('/menu-bossam-cutout.png') center/cover;opacity:.11;filter:grayscale(.6)}.menu-scene-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 6% 80px max(8vw,calc((100vw - 1180px)/2));z-index:2}.menu-scene-kicker{color:#c8ad97;font-style:italic;letter-spacing:.08em;font-size:16px}.menu-scene-copy h3{font-family:'Noto Serif KR',serif;font-size:clamp(46px,4.7vw,76px);line-height:1.13;letter-spacing:-.065em;margin:22px 0 30px}.menu-scene-copy h3 span,.menu-scene-copy h3 strong{display:block}.menu-scene-copy h3 strong{color:#c34c2d;font-weight:700}.menu-scene-copy p{max-width:350px;color:#d0c7c0;line-height:1.8;font-size:17px;margin:0 0 28px}.menu-scene-detail{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.5);min-width:180px;text-align:center;padding:15px 28px;font-weight:700}.menu-scene-detail:hover,.menu-scene-detail:focus-visible{background:#c34c2d;border-color:#c34c2d}.menu-scene-progress{margin-top:46px;font-size:18px;letter-spacing:.2em}.menu-scene-progress small{color:#9a8d84;font-size:13px}.menu-scene-image,.menu-scene-peek{position:relative;height:610px;align-self:center;overflow:hidden;background:#352923}.menu-scene-image img,.menu-scene-peek img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.86)}.menu-scene-image img[src$='.png']{object-fit:contain;background:radial-gradient(circle,#665143,#211a17 70%);filter:brightness(.92)}.menu-scene-image:after,.menu-scene-peek:after{content:"";position:absolute;inset:57% 0 0;background:linear-gradient(transparent,rgba(10,6,4,.65));pointer-events:none}.menu-scene-image strong,.menu-scene-peek strong{position:absolute;z-index:1;bottom:26px;left:26px;font-size:21px}.menu-scene-peek{height:545px;margin-left:30px;align-self:center}.menu-scene-arrows{position:absolute;z-index:3;right:0;top:50%;display:flex;transform:translateY(-50%);background:rgba(0,0,0,.72)}.menu-scene-arrows a{display:grid;place-items:center;color:#fff;text-decoration:none;width:65px;height:78px;font-size:40px;font-weight:200}.menu-scene-arrows a:hover,.menu-scene-arrows a:focus-visible{background:#b44326;outline:none}
@media(max-width:900px){.menu-scene{grid-template-columns:45% 40% 15%;min-height:580px}.menu-scene-copy{padding-left:6vw}.menu-scene-image{height:510px}.menu-scene-peek{height:450px;margin-left:12px}.menu-scene-copy h3{font-size:clamp(39px,5vw,58px)}}
@media(max-width:650px){.menu-editorial{padding:16px 0}.menu-scene{display:grid;grid-template-columns:74% 26%;grid-template-rows:360px auto;min-height:0}.menu-scene-copy{grid-column:1/-1;grid-row:2;padding:25px 6% 76px}.menu-scene-kicker{font-size:12px}.menu-scene-copy h3{font-size:42px;margin:10px 0 15px}.menu-scene-copy p{font-size:15px;margin-bottom:17px}.menu-scene-progress{margin-top:22px}.menu-scene-image{grid-column:1;grid-row:1;height:360px;width:100%}.menu-scene-peek{grid-column:2;grid-row:1;height:330px;margin:15px 0 15px 10px}.menu-scene-image strong,.menu-scene-peek strong{font-size:17px;left:15px;bottom:15px}.menu-scene-peek strong{font-size:13px}.menu-scene-arrows{top:295px;transform:none}.menu-scene-arrows a{width:48px;height:65px;font-size:32px}}
@media(prefers-reduced-motion:reduce){.menu-editorial-track{scroll-behavior:auto}}
.menu-scene-image,.menu-scene-peek{background:#58483d}.menu-scene-image img:not([src$='.png']),.menu-scene-peek img:not([src$='.png']){mix-blend-mode:multiply;filter:brightness(1.1) contrast(1.07)}

/* Same-page menu slider; radio state leaves the address unchanged. */
.menu-editorial .menu-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.menu-editorial .menu-editorial-track{overflow:visible;scroll-behavior:auto;scroll-snap-type:none;transition:transform .72s cubic-bezier(.22,1,.36,1)}
#menu-radio-01:checked ~ .menu-editorial-track{transform:translateX(0)}
#menu-radio-02:checked ~ .menu-editorial-track{transform:translateX(-100%)}
#menu-radio-03:checked ~ .menu-editorial-track{transform:translateX(-200%)}
#menu-radio-04:checked ~ .menu-editorial-track{transform:translateX(-300%)}
.menu-editorial .menu-scene{scroll-snap-align:none}
.menu-editorial .menu-scene-arrows label{display:grid;place-items:center;color:#fff;text-decoration:none;width:65px;height:78px;font-size:40px;font-weight:200;cursor:pointer;user-select:none}
.menu-editorial .menu-scene-arrows label:hover,.menu-editorial .menu-scene-arrows label:focus-visible{background:#b44326;outline:2px solid #fff;outline-offset:-2px}
@media(max-width:650px){.menu-editorial .menu-scene-arrows label{width:48px;height:65px;font-size:32px}}
@media(prefers-reduced-motion:reduce){.menu-editorial .menu-editorial-track{transition:none}}
.menu-editorial{overflow:clip}

/* Fixed copy, moving menu names and photographs only. */
.menu-editorial-v4{--photo-width:min(30vw,500px);--photo-gap:30px;position:relative;display:grid;grid-template-columns:49% 51%;height:690px;padding:0;background:radial-gradient(circle at 45% 50%,#30231c 0,#181412 55%,#100e0d 100%);color:#fff;overflow:clip}
.menu-editorial-v4:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,3,.6),transparent 70%),url('/menu-bossam-cutout.png') center/cover;opacity:.1;pointer-events:none}
.menu-editorial-v4 .menu-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.menu-fixed-copy{position:relative;z-index:2;align-self:center;padding:30px 6% 40px max(8vw,calc((100vw - 1180px)/2))}
.menu-fixed-kicker{color:#c8ad97;font-style:italic;letter-spacing:.08em;font-size:16px}
.menu-fixed-copy h3{font-family:'Noto Serif KR',serif;font-size:clamp(46px,4.7vw,76px);line-height:1.13;letter-spacing:-.065em;margin:22px 0 30px}
.menu-fixed-copy h3>span{display:block;white-space:nowrap}
.menu-name-area{display:block;height:1.18em;color:#c34c2d}.menu-name{display:none}.menu-fixed-copy p{max-width:350px;color:#d0c7c0;line-height:1.8;font-size:17px;margin:0 0 28px}
.menu-photo-viewport{position:relative;z-index:1;overflow:clip;align-self:center;width:100%;height:610px}
.menu-photo-track{display:flex;align-items:center;gap:var(--photo-gap);height:100%;width:max-content;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.menu-photo{position:relative;flex:0 0 var(--photo-width);width:var(--photo-width);height:610px;background:#58483d;overflow:hidden}
.menu-photo img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:brightness(1.1) contrast(1.07)}
.menu-photo img[src$='.png']{object-fit:contain;mix-blend-mode:normal;background:radial-gradient(circle,#665143,#211a17 70%);filter:brightness(.92)}
.menu-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(8,5,3,.7));pointer-events:none}
.menu-photo strong{position:absolute;z-index:1;left:26px;bottom:26px;font-size:21px}
.menu-fixed-controls{position:absolute;z-index:3;right:0;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.76)}
.menu-controls{display:none}.menu-controls label{display:grid;place-items:center;width:65px;height:78px;color:#fff;font-size:40px;cursor:pointer;user-select:none}.menu-controls label:hover{background:#b44326}
#menu-radio-01:checked ~ .menu-fixed-copy .menu-name-01,#menu-radio-02:checked ~ .menu-fixed-copy .menu-name-02,#menu-radio-03:checked ~ .menu-fixed-copy .menu-name-03,#menu-radio-04:checked ~ .menu-fixed-copy .menu-name-04{display:block}
#menu-radio-01:checked ~ .menu-fixed-controls .menu-controls-01,#menu-radio-02:checked ~ .menu-fixed-controls .menu-controls-02,#menu-radio-03:checked ~ .menu-fixed-controls .menu-controls-03,#menu-radio-04:checked ~ .menu-fixed-controls .menu-controls-04{display:flex}
#menu-radio-01:checked ~ .menu-photo-viewport .menu-photo-track{transform:translateX(0)}
#menu-radio-02:checked ~ .menu-photo-viewport .menu-photo-track{transform:translateX(calc(-1 * (var(--photo-width) + var(--photo-gap))))}
#menu-radio-03:checked ~ .menu-photo-viewport .menu-photo-track{transform:translateX(calc(-2 * (var(--photo-width) + var(--photo-gap))))}
#menu-radio-04:checked ~ .menu-photo-viewport .menu-photo-track{transform:translateX(calc(-3 * (var(--photo-width) + var(--photo-gap))))}
@media(max-width:900px){.menu-editorial-v4{grid-template-columns:44% 56%;--photo-width:36vw;--photo-gap:18px}.menu-fixed-copy{padding-left:6vw}.menu-photo-viewport,.menu-photo{height:540px}.menu-fixed-copy h3{font-size:clamp(38px,5vw,58px)}}
@media(max-width:650px){.menu-editorial-v4{display:flex;flex-direction:column-reverse;height:auto;--photo-width:72vw;--photo-gap:14px}.menu-photo-viewport,.menu-photo{height:340px}.menu-photo-viewport{margin-top:16px}.menu-fixed-copy{width:100%;align-self:auto;padding:26px 6% 78px}.menu-fixed-kicker{font-size:12px}.menu-fixed-copy h3{font-size:42px;margin:10px 0 16px}.menu-fixed-copy p{font-size:15px;margin-bottom:16px}.menu-fixed-controls{top:280px;transform:none}.menu-controls label{width:48px;height:60px;font-size:32px}.menu-photo strong{font-size:17px;left:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.menu-photo-track{transition:none}}

/* Selected dish softly replaces the backdrop; only the changing name animates. */
.menu-editorial-v4{isolation:isolate}
.menu-editorial-v4:before{display:none}
.menu-backgrounds{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.menu-background{position:absolute;inset:-35px;background-position:center;background-size:cover;opacity:0;filter:blur(24px) brightness(.26) saturate(.72);transform:scale(1.08);transition:opacity .75s ease}
.menu-backgrounds:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,5,4,.68) 0%,rgba(12,8,6,.48) 51%,rgba(12,8,6,.2) 100%)}
#menu-radio-01:checked ~ .menu-backgrounds .menu-background-01,#menu-radio-02:checked ~ .menu-backgrounds .menu-background-02,#menu-radio-03:checked ~ .menu-backgrounds .menu-background-03,#menu-radio-04:checked ~ .menu-backgrounds .menu-background-04{opacity:1}
.menu-name{transform-origin:left center}
#menu-radio-01:checked ~ .menu-fixed-copy .menu-name-01,#menu-radio-02:checked ~ .menu-fixed-copy .menu-name-02,#menu-radio-03:checked ~ .menu-fixed-copy .menu-name-03,#menu-radio-04:checked ~ .menu-fixed-copy .menu-name-04{animation:menu-name-enter .6s cubic-bezier(.2,.8,.22,1) both}
@keyframes menu-name-enter{0%{opacity:0;transform:translateY(24px) scale(.95);filter:blur(7px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.menu-background{transition:none}#menu-radio-01:checked ~ .menu-fixed-copy .menu-name-01,#menu-radio-02:checked ~ .menu-fixed-copy .menu-name-02,#menu-radio-03:checked ~ .menu-fixed-copy .menu-name-03,#menu-radio-04:checked ~ .menu-fixed-copy .menu-name-04{animation:none}}
.menu-background{filter:blur(15px) brightness(.48) saturate(.82)}
.menu-backgrounds:after{background:linear-gradient(90deg,rgba(8,5,4,.65) 0%,rgba(12,8,6,.42) 52%,rgba(12,8,6,.18) 100%)}

/* Brighter active dish, restrained backdrop, stronger name entrance. */
.menu-background{filter:blur(8px) brightness(.38) saturate(.7)}
.menu-backgrounds:after{background:linear-gradient(90deg,rgba(8,5,4,.7),rgba(12,8,6,.48) 55%,rgba(12,8,6,.22))}
#menu-radio-01:checked ~ .menu-photo-viewport .menu-photo:nth-child(1),#menu-radio-02:checked ~ .menu-photo-viewport .menu-photo:nth-child(2),#menu-radio-03:checked ~ .menu-photo-viewport .menu-photo:nth-child(3),#menu-radio-04:checked ~ .menu-photo-viewport .menu-photo:nth-child(4){background:#927262}
#menu-radio-01:checked ~ .menu-photo-viewport .menu-photo:nth-child(1) img{filter:brightness(1.12) saturate(1.08)}
#menu-radio-02:checked ~ .menu-photo-viewport .menu-photo:nth-child(2) img,#menu-radio-03:checked ~ .menu-photo-viewport .menu-photo:nth-child(3) img,#menu-radio-04:checked ~ .menu-photo-viewport .menu-photo:nth-child(4) img{filter:brightness(1.8) contrast(1.06) saturate(1.1)}
.menu-name{position:relative;width:fit-content}
.menu-name:after{content:"";display:block;height:4px;margin-top:7px;border-radius:4px;background:linear-gradient(90deg,#b03b21,#f19a56);width:0}
#menu-radio-01:checked ~ .menu-fixed-copy .menu-name-01,#menu-radio-02:checked ~ .menu-fixed-copy .menu-name-02,#menu-radio-03:checked ~ .menu-fixed-copy .menu-name-03,#menu-radio-04:checked ~ .menu-fixed-copy .menu-name-04{animation:menu-name-spotlight .86s cubic-bezier(.16,.85,.24,1) both}
#menu-radio-01:checked ~ .menu-fixed-copy .menu-name-01:after,#menu-radio-02:checked ~ .menu-fixed-copy .menu-name-02:after,#menu-radio-03:checked ~ .menu-fixed-copy .menu-name-03:after,#menu-radio-04:checked ~ .menu-fixed-copy .menu-name-04:after{animation:menu-name-underline .66s .28s ease-out both}
@keyframes menu-name-spotlight{0%{opacity:0;transform:translateX(-95px) scale(.66) rotate(-4deg);filter:blur(12px);text-shadow:0 0 0 transparent}65%{opacity:1;transform:translateX(10px) scale(1.09) rotate(1deg);filter:blur(0);text-shadow:0 0 30px rgba(248,112,53,.65)}100%{opacity:1;transform:none;filter:blur(0);text-shadow:0 0 0 transparent}}
@keyframes menu-name-underline{from{width:0;opacity:0}to{width:100%;opacity:1}}
@media(prefers-reduced-motion:reduce){#menu-radio-01:checked ~ .menu-fixed-copy .menu-name-01,#menu-radio-02:checked ~ .menu-fixed-copy .menu-name-02,#menu-radio-03:checked ~ .menu-fixed-copy .menu-name-03,#menu-radio-04:checked ~ .menu-fixed-copy .menu-name-04,#menu-radio-01:checked ~ .menu-fixed-copy .menu-name-01:after,#menu-radio-02:checked ~ .menu-fixed-copy .menu-name-02:after,#menu-radio-03:checked ~ .menu-fixed-copy .menu-name-03:after,#menu-radio-04:checked ~ .menu-fixed-copy .menu-name-04:after{animation:none}.menu-name:after{width:100%}}

/* FAQ and visit pages */
.page-index{display:block;color:#a15a3d;font:700 12px/1.4 'DM Sans',sans-serif;letter-spacing:.2em}
.faq-page{background:#f4eee5;color:#251f1a;padding:125px max(6%,calc((100vw - 1240px)/2)) 110px}
.faq-intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:7%;padding-bottom:72px;border-bottom:2px solid #2e2721}
.faq-intro h1,.visit-heading h1{font-family:'Noto Serif KR',serif;font-weight:700;font-size:clamp(48px,5.2vw,82px);line-height:1.27;letter-spacing:-.075em;margin:24px 0 0}
.faq-intro h1 em,.visit-heading h1 em{font-style:normal;color:#a9492d}
.faq-intro>p{max-width:380px;margin:0 0 8px;color:#685b50;line-height:1.9;font-size:18px}
.faq-row{display:grid;grid-template-columns:80px 1fr 26px;gap:28px;padding:34px 4px 38px;border-bottom:1px solid #c9bcb0;align-items:start}
.faq-number{font:700 16px 'DM Sans',sans-serif;color:#ad5435;letter-spacing:.1em;margin-top:6px}
.faq-row h2{font-family:'Noto Serif KR',serif;font-size:clamp(23px,2.25vw,32px);line-height:1.45;letter-spacing:-.045em;margin:0 0 13px}
.faq-row p{color:#655950;font-size:16px;line-height:1.9;max-width:900px;margin:0}
.faq-mark{color:#ab674e;font-size:25px;font-weight:300}
.faq-end{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:38px}.faq-end p{font-size:14px;color:#756a60;margin:0}.faq-end div{display:flex;gap:14px;flex-wrap:wrap}.faq-end a{color:#2b211c;border:1px solid #9d8574;padding:14px 19px;text-decoration:none;font-weight:700;font-size:14px}.faq-end a:first-child{background:#32261f;color:#fff;border-color:#32261f}.faq-end a:hover,.faq-end a:focus-visible{background:#a9492d;color:#fff;border-color:#a9492d}
.visit-page{background:radial-gradient(circle at 16% 16%,#493126 0,#251d19 46%,#171310 100%);color:#f6efe8;padding:125px max(6%,calc((100vw - 1240px)/2)) 118px;position:relative;overflow:hidden}.visit-page:before{content:'장충';position:absolute;right:-3%;bottom:-12%;font-family:'Noto Serif KR',serif;font-size:clamp(220px,35vw,560px);font-weight:700;letter-spacing:-.15em;color:rgba(214,159,112,.035);pointer-events:none}.visit-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.visit-page .page-index{color:#d5a47b}.visit-heading h1{margin:25px 0 25px}.visit-heading h1 em{color:#dc9a6f}.visit-heading>p{color:#cbbcb1;line-height:1.9;font-size:17px;max-width:480px;margin:0}.visit-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.visit-buttons a{display:flex;justify-content:space-between;gap:30px;min-width:185px;border:1px solid #b3947b;color:#fff;text-decoration:none;padding:16px 18px;font-weight:700;font-size:14px}.visit-buttons a:first-child{background:#a9492d;border-color:#a9492d}.visit-buttons a:hover,.visit-buttons a:focus-visible{background:#cf6744;border-color:#cf6744}.visit-info{border-top:2px solid #ae896e}.visit-info-row{display:flex;flex-direction:column;gap:8px;padding:24px 4px;border-bottom:1px solid rgba(226,198,175,.32)}.visit-info-row>span{font:700 11px 'DM Sans',sans-serif;letter-spacing:.18em;color:#cba07f}.visit-info-row strong,.visit-info-row strong a{font-family:'Noto Serif KR',serif;font-size:clamp(20px,2vw,29px);font-weight:600;letter-spacing:-.04em;color:#f9eee3;text-decoration:none}.visit-info-row small{font-size:14px;color:#bfaea1;line-height:1.6}.visit-map-section{background:#eee5d8;color:#2b251f;padding:95px max(6%,calc((100vw - 1240px)/2)) 110px}.visit-map-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.visit-map-head h2{font-family:'Noto Serif KR',serif;font-size:clamp(34px,3.5vw,54px);letter-spacing:-.06em;margin:16px 0 0}.visit-map-head p{margin:0;color:#73665b;line-height:1.8}.visit-map-wrap{background:#d6c8b7;border:1px solid #d3c4b3;padding:12px;box-shadow:0 18px 40px rgba(35,24,14,.1)}.visit-map-wrap iframe{display:block;width:100%;height:470px;border:0;background:#d7cec3}.visit-map-link{display:block;padding:18px 13px 8px;color:#76412e;font-weight:700;text-decoration:none}.visit-map-link:hover{text-decoration:underline}
.menu-fixed-copy .menu-scene-detail{display:inline-block}
@media(max-width:800px){.faq-page,.visit-page{padding:95px 6% 80px}.faq-intro,.visit-inner{grid-template-columns:1fr;gap:30px}.faq-intro{padding-bottom:45px}.faq-intro>p{max-width:620px}.visit-info{margin-top:25px}.visit-map-section{padding:70px 6% 85px}.visit-map-head{align-items:start;flex-direction:column}.visit-map-wrap iframe{height:410px}}
@media(max-width:600px){.faq-intro h1,.visit-heading h1{font-size:clamp(41px,10vw,58px)}.faq-intro>p,.visit-heading>p{font-size:16px}.faq-row{grid-template-columns:39px 1fr;gap:14px;padding:27px 0 31px}.faq-mark{display:none}.faq-row h2{font-size:23px}.faq-row p{font-size:15px}.faq-end{align-items:start;flex-direction:column}.faq-end div{width:100%}.faq-end a{flex:1;text-align:center;white-space:nowrap;padding:13px 8px;font-size:12px}.visit-buttons{flex-direction:column}.visit-buttons a{width:100%}.visit-map-wrap iframe{height:340px}}
.route-faq header{background:#241a16;border-bottom-color:#624636;backdrop-filter:none;color:#f7eee0}
.route-faq header.is-scrolled{background:rgba(24,12,8,.96)}
.menu-board-section{background:#f1e8dc}.menu-board-section .section-head{max-width:none}.menu-board-image{display:block;position:relative;overflow:hidden;background:#24140b;border:10px solid #4c2b17;box-shadow:0 24px 58px rgba(46,24,10,.2)}.menu-board-image img{display:block;width:100%;height:auto}.menu-board-image span{position:absolute;right:0;bottom:0;background:rgba(35,22,15,.9);color:#fff;font-size:13px;font-weight:700;padding:13px 18px}.menu-board-image:hover img{transform:scale(1.015)}.menu-board-image img{transition:transform .3s}.menu-row strong{max-width:55%;white-space:normal;line-height:1.7}
@media(max-width:700px){.menu-board-image{border-width:5px}.menu-board-image span{font-size:11px;padding:9px}.menu-row strong{max-width:none}}
/* Single page section navigation */
#home,#story,#menu,#menu-board,#dine,#order,#faq,#visit{scroll-margin-top:80px}
.route-home #faq .faq-intro h2,.route-home #visit .visit-heading h2{font-family:'Noto Serif KR',serif;font-weight:700;font-size:clamp(48px,5.2vw,82px);line-height:1.27;letter-spacing:-.075em;margin:24px 0 0}
.route-home #faq .faq-intro h2 em,.route-home #visit .visit-heading h2 em{font-style:normal;color:#a9492d}
.route-home #visit .visit-heading h2 em{color:#dc9a6f}
@media(max-width:600px){.route-home #faq .faq-intro h2,.route-home #visit .visit-heading h2{font-size:clamp(41px,10vw,58px)}}
/* Keep every selected dish clear; the source photos have different aspect ratios. */
.menu-editorial-v4 .menu-photo{background:#2d211d!important}
.menu-editorial-v4 .menu-photo img{mix-blend-mode:normal!important;filter:brightness(.55) saturate(.82)!important;object-fit:cover;object-position:center center}
.menu-editorial-v4 .menu-photo img[src$='.png']{object-fit:contain;background:radial-gradient(circle,#4c382e,#211a17 72%)}
.menu-editorial-v4 .menu-photo:after{inset:72% 0 0;background:linear-gradient(transparent,rgba(8,5,3,.57))}
#menu-radio-01:checked ~ .menu-photo-viewport .menu-photo:nth-child(1) img,#menu-radio-02:checked ~ .menu-photo-viewport .menu-photo:nth-child(2) img,#menu-radio-03:checked ~ .menu-photo-viewport .menu-photo:nth-child(3) img,#menu-radio-04:checked ~ .menu-photo-viewport .menu-photo:nth-child(4) img{filter:brightness(.98) saturate(1.08) contrast(1.03)!important}
#menu-radio-01:checked ~ .menu-photo-viewport .menu-photo:nth-child(1),#menu-radio-02:checked ~ .menu-photo-viewport .menu-photo:nth-child(2),#menu-radio-03:checked ~ .menu-photo-viewport .menu-photo:nth-child(3),#menu-radio-04:checked ~ .menu-photo-viewport .menu-photo:nth-child(4){box-shadow:0 0 0 2px rgba(231,178,128,.48)}
/* Visible entrance for every home section's headings, copy, and information rows. */
.reveal-item{opacity:0;filter:blur(9px);transition:opacity .8s ease,filter .8s ease,transform .92s cubic-bezier(.18,1.25,.24,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}
.reveal-item[data-motion='rise']{transform:translateY(58px) scale(.9)}
.reveal-item[data-motion='left']{transform:translate(-76px,22px) scale(.94)}
.reveal-item[data-motion='right']{transform:translate(76px,22px) scale(.94)}
.reveal-item.is-visible{opacity:1;filter:blur(0);transform:none}
#menu-board .menu-board-image.reveal-item{transform:translateY(100px) scale(.9) rotate(1.5deg)}
#menu-board .menu-board-image.reveal-item.is-visible{transform:none}
.route-home .footer-top{display:none}
.route-home footer{padding-top:30px}
@keyframes hero-words{from{opacity:0;transform:translateY(35px) scale(.85);filter:blur(10px)}70%{opacity:1;transform:translateY(-5px) scale(1.04);filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}
.route-home .years-mark{animation:hero-words .95s .7s both}
.route-home .years-frame p{animation:hero-words .9s 1.05s both}
.route-home .detail-frame h1{animation:hero-words .95s .95s both}
.route-home .detail-frame p{animation:hero-words .9s 1.3s both}
@media(prefers-reduced-motion:reduce){.reveal-item,.reveal-item[data-motion],#menu-board .menu-board-image.reveal-item{opacity:1;filter:none;transform:none;transition:none}.route-home .years-mark,.route-home .years-frame p,.route-home .detail-frame h1,.route-home .detail-frame p{animation:none}}

/* Give each section heading its own entrance direction. */
.title-line{display:block}
.title-reveal{transition-duration:.9s, .9s, 1.1s;transition-timing-function:ease,ease,cubic-bezier(.16,1,.3,1)}
.title-reveal[data-motion='top']{transform:translateY(-90px) scale(.93)}
.title-reveal[data-motion='left']{transform:translateX(-115px) rotate(-2deg)}
.title-reveal[data-motion='right']{transform:translateX(115px) rotate(2deg)}
.title-reveal.is-visible{transform:none}
.route-home #menu .menu-fixed-copy h3>.title-reveal{display:block}
@media(prefers-reduced-motion:reduce){.title-reveal[data-motion]{transform:none}}
/* Give landscape photos the same visual scale as the signature plate. */
.menu-editorial-v4{--photo-width:min(36vw,500px)}
.menu-photo-viewport,.menu-editorial-v4 .menu-photo{height:520px}
@media(max-width:900px){.menu-editorial-v4{--photo-width:43vw}.menu-photo-viewport,.menu-editorial-v4 .menu-photo{height:460px}}
@media(max-width:650px){.menu-editorial-v4{--photo-width:76vw}.menu-photo-viewport,.menu-editorial-v4 .menu-photo{height:330px}}
