@font-face{font-family:PieceSerif;src:url('assets/display.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f5f2e9;--ink:#2e3e33;--muted:#64695e;--line:#d5d6c9;--warm:#eae5d9;--serif:PieceSerif,'AppleMyungjo','Batang',serif;--sans:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}::selection{background:#d6dfc7;color:#223329}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #7a5630;outline-offset:6px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;word-break:keep-all;text-wrap:balance}h3{font-weight:500}p{line-height:1.9;word-break:keep-all}button{border:0;background:none}section{scroll-margin-top:24px} .skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:14px;z-index:100}.skip:focus{top:10px}
.header{height:110px;max-width:1600px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:18px;align-items:center}.wordmark{font-family:var(--serif);font-weight:600;font-size:34px;letter-spacing:-.04em}.brand-sub{font-family:Georgia,serif;font-size:11px;letter-spacing:.03em}.header nav{display:flex;gap:35px;align-items:center;font-size:13px}.header nav a{padding:12px 0}.nav-visit{display:flex;gap:15px;align-items:center}.header nav a:hover,.text-link:hover{color:#765a37}.nav-toggle{display:none}.mobile-nav[hidden]{display:none}
.hero{max-width:1600px;margin:auto;padding:54px 6% 0;display:grid;grid-template-columns:1fr 1fr;column-gap:7%;position:relative}.hero-copy{padding-top:58px}.hero h1{font-size:clamp(48px,4.7vw,76px);line-height:1.42;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:#656d49}.hero-en{font-family:Georgia,serif;font-style:italic;font-size:20px;margin:22px 0 28px;color:#62664f}.hero-description{font-size:15px;color:var(--muted);line-height:2}.button{display:inline-flex;gap:32px;justify-content:space-between;align-items:center;background:var(--ink);color:var(--paper);padding:18px 24px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#4f604b;transform:translateY(-2px)}.hero .button{margin-top:32px}.hero-hours{font-size:11px;letter-spacing:.02em;display:flex;align-items:center;gap:9px;margin-top:38px}.tiny-square{width:5px;height:5px;background:#7a8058}.hero-photo{position:relative;padding:0 0 28px}.hero-photo img{width:100%;height:min(580px,46vw);object-fit:cover;object-position:center 45%}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.12em}.hero-bottom{grid-column:1/-1;padding:36px 0 26px;display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid var(--line)}.hero-bottom a{display:flex;gap:20px;align-items:center}.hero-bottom svg{height:16px}
.section{max-width:1600px;padding:110px 6%;margin:auto}.about{padding-top:78px;padding-bottom:100px}.section-note{font-size:12px;color:var(--muted);margin-bottom:40px}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:7%}.about h2{font-size:38px;line-height:1.65;letter-spacing:-.035em}.about-text{padding:3px 0 0 35px;color:var(--muted);font-size:14px}.about-text p+p{margin-top:20px}.handwritten{display:block;font-family:Georgia,serif;font-style:italic;font-size:17px;color:#656d49;margin-top:26px}.menu-section{background:#ebe8de;max-width:none}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px}.section-head h2{font-size:38px;letter-spacing:-.035em}.section-head p{font-size:13px;margin-top:14px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;padding:8px 0;white-space:nowrap}.text-link svg{width:18px}.featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.photo-button{padding:0;display:block;width:100%;position:relative;overflow:hidden;text-align:left}.photo-button img{width:100%;aspect-ratio:4/5;object-fit:cover;height:auto;transition:transform .55s cubic-bezier(.16,1,.3,1)}.photo-button:hover img{transform:scale(1.035)}.photo-badge{position:absolute;top:14px;left:14px;background:var(--paper);font-size:11px;letter-spacing:.08em;padding:7px 9px}.zoom-icon{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;background:var(--paper);width:26px;height:26px;font-size:18px;font-weight:300}.item-heading{display:flex;justify-content:space-between;gap:6px;padding-top:19px;align-items:flex-start}.item-heading h3{font-size:13px;line-height:1.7;word-break:keep-all}.item-heading span{font-family:Georgia,serif;font-size:14px;line-height:1.7;font-variant-numeric:tabular-nums}.featured article>p{font-size:11px;color:var(--muted);margin-top:4px}.full-menu{margin-top:65px;padding-top:38px;border-top:1px solid #c8cbbd}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.menu-top h3{font-family:var(--serif);font-size:25px}.filters{display:flex;gap:6px}.filters button{border:1px solid transparent;padding:10px 16px;font-size:12px;min-height:42px}.filters button:hover{border-color:#adb7a3}.filters button.active{background:var(--ink);color:var(--paper)}.menu-list{display:grid;grid-template-columns:1fr 1fr;column-gap:65px}.menu-item{padding:17px 0;border-bottom:1px solid #d0d1c4;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}.menu-item-name{font-size:13px}.menu-item p{color:var(--muted);font-size:11px;margin-top:3px}.menu-item-price{font-size:14px;font-variant-numeric:tabular-nums;font-family:Georgia,serif;white-space:nowrap}.menu-footnote{font-size:11px;color:var(--muted);margin-top:26px;line-height:1.9}
.space-section{display:grid;grid-template-columns:1fr 1fr;background:#344437;color:#f5f2e9;padding:85px 10%;gap:12%;align-items:center}.space-photos{position:relative;padding-bottom:28px}.space-photos img{aspect-ratio:4/5;max-height:560px;object-position:50% 52%}.space-caption{font-family:Georgia,serif;font-size:12px;font-style:italic;position:absolute;bottom:0;color:#d0d7c4}.space-copy h2{font-size:42px;line-height:1.65;letter-spacing:-.03em}.space-copy>p{color:#d0d7c4;margin-top:25px;font-size:13px;line-height:2}.text-link.light{margin-top:30px;color:var(--paper);border-bottom:1px solid #89957f}.text-link.light:hover{color:#d9dbab}.space-signature{font-family:var(--serif);font-size:30px;margin-top:50px;display:flex;align-items:center;gap:20px}.space-signature span{font-family:Georgia,serif;font-size:11px}.journal{padding-top:100px;padding-bottom:100px}.journal-row{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:25px;border-top:1px solid var(--line);padding:30px 0}.journal-row:last-child{border-bottom:1px solid var(--line)}.journal-row>span:first-child{font-family:Georgia,serif;color:var(--muted);font-size:12px}.journal-row h3{font-size:16px}.journal-action{display:flex;align-items:center;gap:22px;font-size:11px}.journal-row:hover h3{color:#765a37}.journal-row svg{width:17px}.visit{background:#e9e7da;max-width:none;padding-top:85px;padding-bottom:85px}.visit-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:55px}.visit-heading h2{font-size:38px;letter-spacing:-.03em}.visit-heading>p{font-size:13px;color:var(--muted)}.visit-details{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:7%;border-top:1px solid #c4c9b9;padding-top:35px}.visit-details h3{font-size:12px;margin-bottom:23px}.visit-details p{font-size:13px}.muted{color:var(--muted);font-size:11px!important;margin-top:14px}.visit .button{margin-top:22px;padding:14px 20px;font-size:11px;gap:22px}.hours{font-size:12px;margin:0}.hours>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px}.hours dd{margin:0;font-variant-numeric:tabular-nums}.phone{font-family:Georgia,serif;display:block;margin-top:21px;font-size:20px}.copy-address{margin-top:12px;display:flex}.copy-address+span{font-size:11px;display:block;line-height:1.6}footer{padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font-family:var(--serif);font-size:28px;display:flex;flex-direction:column;gap:6px}.footer-brand span{font-family:Georgia,serif;font-size:11px;letter-spacing:.03em}footer>p{font-size:12px;color:var(--muted)}footer>div{display:flex;gap:22px;font-size:11px}footer>div>span{color:var(--muted)}
dialog{padding:0 0 22px;max-width:min(700px,90vw);width:max-content;border:0;background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:rgba(20,29,23,.8)}dialog>img{width:auto;max-width:100%;max-height:72dvh;object-fit:contain}dialog>h2{font-family:var(--sans);font-size:16px;margin:20px 25px 0}dialog>p{margin:5px 25px 0;font-size:13px}#close-photo{position:absolute;top:10px;right:10px;width:40px;height:40px;background:var(--paper);display:grid;place-items:center}body:has(dialog[open]){overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:#909782;border:2px solid var(--paper)}
@media(min-width:1600px){.menu-section,.visit{padding-left:max(6%,calc((100vw - 1408px)/2));padding-right:max(6%,calc((100vw - 1408px)/2))}.space-section{padding-left:max(10%,calc((100vw - 1280px)/2));padding-right:max(10%,calc((100vw - 1280px)/2))}}
@media(max-width:1000px){.header{height:90px}.header nav{gap:22px}.hero{column-gap:5%;padding-top:35px}.hero-copy{padding-top:25px}.hero h1{font-size:48px}.hero-en{font-size:17px;margin:16px 0 20px}.hero-description{font-size:13px}.hero .button{margin-top:25px;gap:18px}.hero-hours{margin-top:25px}.hero-photo img{height:490px}.section{padding-top:75px;padding-bottom:75px}.about-text{padding-left:0}.featured{gap:14px}.item-heading{flex-direction:column;gap:2px}.item-heading h3{font-size:12px}.space-section{padding:65px 6%;gap:8%}.space-copy h2{font-size:32px}.space-signature{margin-top:30px}.visit-details{gap:4%}.visit-heading h2{font-size:32px}footer>p{display:none}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:83px;padding:0 6%}.wordmark{font-size:29px}.brand{gap:13px}.brand-sub{font-size:11px}.header nav{display:none}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;width:44px;height:44px;padding:10px}.nav-toggle span{width:22px;height:1px;background:var(--ink)}.mobile-nav{padding:16px 6% 24px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:0}.mobile-nav a{padding:13px 0}.hero{display:flex;flex-direction:column;padding-top:28px}.hero-copy{padding-top:6px}.hero h1{font-size:49px;line-height:1.4}.hero-en{font-size:17px;margin:16px 0 22px}.hero-description{font-size:13px}.hero .button{margin-top:23px;padding:15px 20px;font-size:12px}.hero-hours{font-size:11px;margin-top:24px}.hero-photo{margin-top:32px;padding-bottom:23px}.hero-photo img{height:390px;object-position:50% 46%}.hero-photo figcaption{font-size:11px;letter-spacing:.08em}.hero-bottom{padding:24px 0 22px;font-size:11px}.section{padding:60px 6%}.about{padding-top:48px}.section-note{font-size:11px;margin-bottom:25px}.about-body{grid-template-columns:1fr;gap:24px}.about h2{font-size:30px;line-height:1.6}.about-text{font-size:12px}.about-text p+p{margin-top:16px}.handwritten{font-size:15px;margin-top:24px}.section-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:26px}.section-head h2{font-size:30px}.section-head p{font-size:12px;margin-top:10px}.text-link{font-size:11px;gap:14px}.featured{grid-template-columns:1fr 1fr;gap:28px 14px}.item-heading{padding-top:12px}.item-heading h3{font-size:12px}.item-heading span{font-size:14px}.featured article>p{font-size:11px}.photo-badge{font-size:11px;top:9px;left:9px;padding:5px 6px}.zoom-icon{width:23px;height:23px;bottom:9px;right:9px}.full-menu{margin-top:40px;padding-top:28px}.menu-top{display:block;margin-bottom:14px}.menu-top h3{font-size:23px}.filters{margin-top:18px;gap:4px}.filters button{padding:9px 13px;font-size:11px}.menu-list{grid-template-columns:1fr}.menu-item{padding:15px 0;min-height:58px}.menu-footnote{font-size:11px}.space-section{grid-template-columns:1fr;padding:48px 6%;gap:35px}.space-photos{width:86%;padding-bottom:23px}.space-photos img{max-height:425px;aspect-ratio:4/5}.space-copy{padding-left:10%}.space-copy h2{font-size:33px}.space-copy>p{font-size:12px;margin-top:20px}.space-signature{font-size:27px;margin-top:32px}.journal-row{grid-template-columns:1fr auto;gap:12px;padding:24px 0}.journal-row>span:first-child{grid-column:1/-1;font-size:11px}.journal-row h3{font-size:13px}.journal-action{font-size:0;gap:0}.journal-action svg{width:18px}.visit-heading{display:block;margin-bottom:30px}.visit-heading h2{font-size:29px}.visit-heading>p{font-size:12px;margin-top:17px}.visit-details{grid-template-columns:1fr;gap:32px;padding-top:28px}.visit-details>div{padding-bottom:28px;border-bottom:1px solid #c4c9b9}.visit-details>div:last-child{padding-bottom:0;border:0}.visit-details h3{margin-bottom:16px}.visit-details p{font-size:12px}.hours{max-width:310px}.phone{font-size:21px}.copy-address{margin-top:14px}footer{padding:35px 6%;align-items:flex-start;gap:24px}.footer-brand{font-size:27px}footer>div{flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:11px;max-width:180px}footer>div>span{width:100%;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* 네이버에 등록된 실제 메뉴 사진 */
.menu-item-copy{flex:1;min-width:0}.menu-photo{padding:0;flex:0 0 104px;width:104px;height:104px;overflow:hidden;background:var(--paper)}.menu-photo img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.menu-photo:hover img{transform:scale(1.05)}.menu-item:has(.menu-photo){gap:20px;min-height:139px}.menu-item:not(:has(.menu-photo)){min-height:90px}
@media(max-width:1000px){.menu-list{column-gap:28px}.menu-photo{flex-basis:84px;width:84px;height:84px}.menu-item:has(.menu-photo){gap:14px;min-height:115px}.menu-item-price{font-size:13px}}
@media(max-width:700px){.menu-photo{flex-basis:96px;width:96px;height:96px}.menu-item:has(.menu-photo){gap:16px;min-height:127px}.menu-item:not(:has(.menu-photo)){min-height:70px}.menu-item-price{font-size:14px}.menu-item-name{font-size:13px}}

/* 실제 공간 사진 갤러리 */
.room-gallery{padding-bottom:55px}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;align-items:start}.room-grid figure:first-child{grid-column:span 2}.room-grid .photo-button img{aspect-ratio:1/1;object-fit:cover}.room-grid figure:first-child .photo-button img{aspect-ratio:2.08/1}.room-grid figcaption{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.7}.room-grid figure:nth-child(2) img{object-position:center bottom}.room-grid .zoom-icon{width:32px;height:32px}.room-gallery+.journal{padding-top:55px}
@media(max-width:700px){.room-grid{grid-template-columns:1fr 1fr;gap:23px 14px}.room-grid figure:first-child,.room-grid figure:nth-child(4){grid-column:span 2}.room-grid figure:first-child .photo-button img,.room-grid figure:nth-child(4) .photo-button img{aspect-ratio:1.5/1}.room-grid figcaption{font-size:11px;margin-top:10px}.room-gallery{padding-bottom:30px}.room-gallery+.journal{padding-top:30px}}

/* 공식 Instagram 공개 게시물 */
.instagram-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.instagram-grid figure[hidden],#photo-source[hidden]{display:none}.instagram-grid img{aspect-ratio:1/1;object-fit:cover}.instagram-grid figcaption{margin-top:12px;display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.7}.instagram-grid time{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.instagram-more{display:flex;justify-content:center;margin-top:38px}#photo-source{margin:12px 25px 0;border-bottom:1px solid var(--line)}
@media(max-width:700px){.instagram-grid{grid-template-columns:1fr 1fr;gap:26px 14px}.instagram-grid figcaption{font-size:11px;margin-top:10px}.instagram-more{margin-top:30px}.instagram-more .button{font-size:12px;padding:15px 22px}}