:root{--wood:#a87a4f;--foam:#f6f5f0;--display:var(--font-nanummyeongjo), "Nanum Myeongjo", serif;--hand:var(--font-nanumpen), "Nanum Pen Script", cursive;--body:var(--font-gowundodum), "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--gut:clamp(1rem, 4vw, 3.5rem);--space:clamp(4.5rem, 10vw, 9rem)}body.f{--bg:#8e9a79;--bg-2:#808c6c;--fg:#1e2317;--fg-soft:#33402a;--glow:#e9c98f;--line:#1e231738}body.f[data-time=morning]{--bg:#b7c0a3;--bg-2:#a9b394;--fg:#22281a;--fg-soft:#3c4632;--glow:#f3e6c4;--line:#22281a33}body.f[data-time=evening]{--bg:#3e4533;--bg-2:#353b2b;--fg:#efebdd;--fg-soft:#cfcab6;--glow:#e6a85a;--line:#efebdd33}*,: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.f{background:var(--bg);color:var(--fg);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.8;transition:background-color .9s cubic-bezier(.2,.8,.2,1),color .6s;overflow-x:clip}.f img{object-fit:cover;width:100%;height:100%;display:block}.f picture{height:100%;display:block}.f figure{margin:0}.f h1,.f h2,.f h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:800;line-height:1.22}.f p{margin:0}.f :where(a){color:inherit;text-underline-offset:.22em}.f ::selection{background:var(--glow);color:#1e2317}.f :focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:6px}.f{scrollbar-color:var(--wood) var(--bg)}.f-nav{z-index:20;padding:.85rem var(--gut);background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1rem;transition:background-color .9s;display:flex;position:sticky;top:0}.f-progress{background:var(--wood);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.f-mark{font-family:var(--display);letter-spacing:.04em;font-size:1.3rem;font-weight:800;text-decoration:none}.f-mark span{color:var(--wood)}.f-nav nav{align-items:center;gap:clamp(.9rem,3vw,2rem);display:flex}.f-nav nav a{color:var(--fg-soft);text-decoration:none}.f-nav .f-nav-cta{color:var(--foam);background:var(--fg);border-radius:999px;padding:.4rem 1.05rem;transition:background-color .6s,color .6s}body.f[data-time=evening] .f-nav .f-nav-cta{color:#2a3022}.f-hero{padding:clamp(2rem, 5vw, 4rem) var(--gut) clamp(3rem, 6vw, 5rem);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:calc(100svh - 6.5rem);display:grid;position:relative;overflow:hidden}.f-light{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--glow) 55%, transparent) 46%, transparent 62%);mix-blend-mode:soft-light;position:absolute;inset:-20% -10%}.f-hero-text{z-index:2;justify-items:start;gap:1.3rem;display:grid;position:relative}.f-times{border:0;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;display:flex}.f-times legend{float:left;font-family:var(--hand);color:var(--fg-soft);margin-right:.8rem;font-size:1.6rem;line-height:1}.f-time{cursor:pointer;position:relative}.f-time input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.f-time span{border:1px solid var(--line);border-radius:999px;padding:.45rem 1.05rem;transition:background-color .4s,color .4s,border-color .4s;display:block}.f-time:has(input:checked) span{background:var(--fg);color:var(--bg);border-color:var(--fg)}.f-time:has(input:focus-visible) span{outline:2px solid var(--fg);outline-offset:2px}.f-title{min-height:2.4em;font-size:clamp(2.8rem,6.4vw,5.4rem);line-height:1.18}.f-sub{color:var(--fg-soft);max-width:30ch;min-height:3.6em;font-size:1.08em}.f-open{color:var(--fg-soft);align-items:center;gap:.6rem;font-size:.95rem;display:inline-flex}.f-dot{background:var(--line);border-radius:50%;flex:none;width:.6rem;height:.6rem}.f-open[data-on=true] .f-dot{background:var(--glow);box-shadow:0 0 0 4px color-mix(in srgb, var(--glow) 30%, transparent)}.f-btn{background:var(--fg);border-radius:999px;padding:.95rem 1.6rem;font-weight:700;text-decoration:none;transition:background-color .6s,color .6s;display:inline-block;color:var(--bg)!important}.f-hero-photos{aspect-ratio:5/4.4;border-radius:4px 4px 220px;position:relative;overflow:hidden}.f-hp{visibility:hidden;position:absolute;inset:0}.f-hp.on{visibility:visible;z-index:1}.f-note{z-index:2;background:var(--foam);color:#2a3022;font-family:var(--hand);border-radius:3px;padding:.45rem 1rem .35rem;font-size:1.55rem;line-height:1.1;position:absolute;bottom:1.4rem;left:1.2rem;rotate:-3deg;box-shadow:0 10px 24px -12px #00000073}.m-on [data-f-intro]{visibility:hidden}.f-menu{padding:var(--space) 0;background:var(--bg-2);transition:background-color .9s}.f-menu-head{padding:0 var(--gut);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.6rem 2rem;margin-bottom:clamp(1.6rem,3vw,2.6rem);display:flex}.f-menu h2{font-size:clamp(2.4rem,5vw,4rem)}.f-menu-head p{color:var(--fg-soft)}.f-rail{padding:0 var(--gut);overflow:hidden}.f-cards{cursor:grab;touch-action:pan-y;gap:clamp(1rem,2vw,1.6rem);width:max-content;margin:0;padding:0 0 1rem;list-style:none;display:flex}.f-cards.is-grab{cursor:grabbing}.f-card{background:var(--foam);color:#22281a;user-select:none;border-radius:4px 4px 90px;align-content:start;gap:.35rem;width:clamp(15rem,22vw,19rem);padding:.9rem .9rem 1.4rem;display:grid}.f-card figure{aspect-ratio:1;border-radius:3px 3px 70px;margin-bottom:.7rem;overflow:hidden}.f-card img{pointer-events:none}.f-card h3{font-size:1.45rem}.f-card-note{color:#55604a;font-size:.95rem}.f-card-price{font-family:var(--display);color:var(--wood);margin-top:.4rem;font-size:1.3rem;font-weight:700}.f-card-text{color:var(--fg);border:1px solid var(--line);background:0 0;align-content:end;min-height:20rem}.f-card-text .f-card-note{color:var(--fg-soft)}.f-journal{padding:var(--space) var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(1rem,2vw,1.8rem);display:grid}.f-journal-text{grid-area:1/1/3/6;align-self:center;gap:1.2rem;display:grid}.f-journal h2{font-size:clamp(2.4rem,5vw,4.2rem)}.f-journal-text p{color:var(--fg-soft);max-width:32ch}.f-hand{font-family:var(--hand);font-size:1.9rem;line-height:1.2;rotate:-2deg;color:var(--fg)!important}.f-journal figure{border-radius:var(--j-radius);overflow:hidden}.f-journal{--j-radius:4px 4px clamp(56px, 7vw, 110px) 4px}.f-journal picture{will-change:transform;transform-origin:50%}.f-j1{aspect-ratio:3/2;grid-column:7/13}.f-j2{aspect-ratio:4/5;grid-column:6/9;margin-top:2rem}.f-j3{aspect-ratio:3/4;grid-column:9/12;margin-top:6rem}.f-j4{aspect-ratio:1;grid-column:2/6;margin-top:-2rem}.f-seats{padding:0 0 var(--space)}.f-seats-title{padding:0 var(--gut);margin-bottom:clamp(1.6rem,3vw,2.6rem);font-size:clamp(2.4rem,5vw,4.2rem)}.f-seat{margin-bottom:clamp(1rem,2vw,1.6rem);position:relative}.f-seat figure{height:min(78vh,46rem);overflow:hidden}.f-seat-cap{left:var(--gut);max-width:min(26rem, calc(100% - 2 * var(--gut)));background:var(--foam);color:#22281a;border-radius:4px 4px 60px;gap:.3rem;padding:1.2rem 1.4rem;display:grid;position:absolute;bottom:clamp(1.2rem,3vw,2.4rem)}.f-seat-cap h3{font-size:1.6rem}.f-seat-cap p{color:#55604a}.f-seat:nth-child(odd) .f-seat-cap{left:auto;right:var(--gut)}.f-ask{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}.f-ask-side{align-content:start;gap:1.1rem;display:grid}.f-ask h2{font-size:clamp(2.4rem,5vw,4rem)}.f-ask-side>p,.f-ask-side address{color:var(--fg-soft);font-style:normal}.f-hours{margin:0}.f-hours div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.6rem 0;display:flex}.f-hours dt{color:var(--fg-soft)}.f-hours dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.f-contact{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.f-contact a{border:1px solid var(--fg);border-radius:999px;padding:.9rem 1.3rem;text-decoration:none;transition:background-color .25s,color .25s;display:block}.f-contact a:hover{background:var(--fg);color:var(--bg)}.f-contact .roga-contact-kakao{background:var(--fg);color:var(--bg);font-weight:700}.f-form{background:var(--foam);color:#22281a;border-radius:4px 4px 120px;align-self:start;padding:clamp(1.4rem,3vw,2.4rem)}.f-form .mf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem;display:grid}.f-form .mf-wide{grid-column:1/-1}.f-form .mf-field{gap:.35rem;display:grid}.f-form .mf-label{align-items:baseline;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.f-form .mf-optional{color:#6a735e;font-size:.82rem;font-weight:400}.f-form .mf-input{width:100%;font:inherit;color:#22281a;background:#ecebe4;border:1px solid #0000;border-radius:10px;padding:.8rem .95rem;transition:border-color .2s}.f-form select.mf-input{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#22281a 50%),linear-gradient(135deg,#22281a 50%,#0000 50%);background-position:calc(100% - 1.1rem) 55%,calc(100% - .75rem) 55%;background-repeat:no-repeat;background-size:.35rem .35rem;padding-right:2.2rem}.f-form .mf-input::placeholder{color:#848c78}.f-form .mf-input:focus{border-color:#22281a;outline:none}.f-form .mf-input[aria-invalid=true]{border-color:#a33a22}.f-form .mf-error{color:#a33a22;font-size:.88rem;font-weight:700}.f-form .mf-error:empty{display:none}.f-form .mf-consent{cursor:pointer;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.f-form .mf-consent input{accent-color:#3e4533;width:1.15rem;height:1.15rem}.f-form .mf-submit{width:100%;color:var(--foam);font:inherit;cursor:pointer;background:#3e4533;border:0;border-radius:999px;margin-top:1.2rem;padding:1.05rem;font-size:1.05rem;font-weight:700;transition:background-color .25s}.f-form .mf-submit:hover{background:var(--wood)}.f-form .mf-done{gap:1rem;display:grid}.f-form .mf-done:focus{outline:none}.f-form .mf-done-title{font-family:var(--display);font-size:1.9rem;font-weight:800}.f-form .mf-done-text{color:#55604a}.f-form .mf-done-links{flex-wrap:wrap;gap:.6rem 1.4rem;font-weight:700;display:flex}.f-form .mf-reset{font:inherit;color:#55604a;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.f-foot{padding:2.5rem var(--gut) 3rem;color:#d9d5c3;background:#2a3022;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 2rem;font-size:.92rem;display:flex}.f-foot .f-mark span{color:#c9a27a}.f-foot a{color:#f3e6c4}@media (width<=64em){.f-hero{grid-template-columns:1fr;min-height:0}.f-hero-photos{aspect-ratio:4/3;border-radius:4px 4px 140px;order:-1}.f-journal-text{grid-area:auto/1/auto/-1}.f-j1{grid-column:1/-1}.f-j2{grid-column:1/7;margin-top:0}.f-j3{grid-column:7/13;margin-top:3rem}.f-j4{grid-column:3/11;margin-top:0}.f-ask{grid-template-columns:1fr}}@media (width<=40em){.f-nav nav a:not(.f-nav-cta){display:none}.f-title{min-height:0}.f-seat figure{height:60vh}.f-seat-cap,.f-seat:nth-child(odd) .f-seat-cap{margin:-3rem var(--gut) 0;max-width:none;position:relative;bottom:auto;left:auto;right:auto}.f-form .mf-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){body.f,.f-nav,.f-menu{transition:none}}
