:root{color:#f4f4f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050505;font-family:Arial,Pretendard,sans-serif}*{box-sizing:border-box}html{background:#050505;min-width:320px}body{background:#050505;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}.header{z-index:100;background:#050505;border-bottom:1px solid #ffffff59;justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex;position:sticky;top:0}.logo{align-items:center;display:flex}.logo img{width:104px;height:auto;display:block}.navigation{align-items:center;gap:42px;height:100%;display:flex}.navigation a{color:#f4f4f2;align-items:center;height:100%;font-size:14px;font-weight:400;display:flex;position:relative}.navigation a:after{content:"";opacity:0;background:#f4f4f2;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:17px;left:0;right:0;transform:scaleX(0)}.navigation a:hover:after,.navigation a.active:after{opacity:1;transform:scaleX(1)}.mobile-menu-button{color:#f4f4f2;cursor:pointer;background:0 0;border:0;width:36px;height:36px;padding:0;display:none;position:relative}.mobile-menu-button span{background:currentColor;width:24px;height:1px;transition:transform .22s;position:absolute;top:50%;left:6px}.mobile-menu-button span:first-child{transform:translateY(-4px)}.mobile-menu-button span:last-child{transform:translateY(4px)}.mobile-menu-button.open span:first-child{transform:rotate(45deg)}.mobile-menu-button.open span:last-child{transform:rotate(-45deg)}.page{color:#f4f4f2;letter-spacing:-.06em;background:#050505;place-items:center;min-height:calc(100vh - 76px);padding:48px;font-size:clamp(64px,10vw,160px);font-weight:400;display:grid}@media (width<=800px){.header{height:64px;padding:0 18px}.logo{z-index:2}.logo img{width:88px}.mobile-menu-button{z-index:2;display:block}.navigation{z-index:1;opacity:0;visibility:hidden;pointer-events:none;background:#050505;flex-direction:column;align-items:stretch;gap:0;height:auto;padding:18px;transition:opacity .22s,visibility .22s,transform .22s;display:flex;position:fixed;inset:64px 0 0;transform:translateY(-8px)}.navigation.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.navigation a{letter-spacing:-.04em;border-bottom:1px solid #ffffff59;justify-content:flex-start;width:100%;height:auto;min-height:68px;font-size:28px;font-weight:400}.navigation a:after{display:none}.navigation a.active:before{content:"";background:#f4f4f2;border-radius:50%;width:7px;height:7px;margin-right:12px}.navigation a:last-child{letter-spacing:.02em;border-top:1px solid #ffffff59;justify-content:space-between;margin-top:auto;font-size:28px}.navigation a:last-child:after{content:"";opacity:1;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 13L13 3M7 3H13V9' fill='none' stroke='%23ffffff' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;flex:0 0 16px;width:16px;height:16px;display:block;position:static;transform:none}.page{min-height:calc(100vh - 64px);padding:24px}}.home{background:#050505;min-height:calc(100vh - 76px)}.hero{background:linear-gradient(#0000007a 0%,#00000052 45%,#000000b8 100%),url(/images/home-hero.jpg) 50% 48%/cover no-repeat;place-items:center;min-height:calc(100vh - 76px);display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 20%,#0000002e 70%,#0000006b 100%);position:absolute;inset:0}.hero-content{z-index:1;flex-direction:column;align-items:center;gap:5px;width:min(90%,900px);display:flex;position:relative}.hero-logo{width:clamp(320px,42vw,680px);height:auto}.hero-subtitle{color:#f4f4f2;letter-spacing:.38em;text-align:center;margin:0;font-size:14px;font-weight:400}.scroll-guide{z-index:2;color:#ffffffb8;letter-spacing:.24em;flex-direction:column;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-arrow{font-size:22px;line-height:1}.home-story{background:#050505;border-top:1px solid #ffffff59;border-bottom:1px solid #ffffff59;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;height:clamp(280px,20vw,400px);display:grid;overflow:hidden}.story-photo{align-items:center;min-width:0;min-height:0;padding:28px 20px;display:flex;overflow:hidden}.story-photo img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:0;display:block}.story-illustration{border-left:1px solid #ffffff59;place-items:center;min-width:0;min-height:0;padding:28px 48px;display:grid;position:relative;overflow:hidden}.story-illustration img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.story-message{z-index:1;color:#f4f4f2;letter-spacing:-.02em;margin:0;font-size:14px;line-height:1.35;position:absolute;top:44px;left:8%}.footer{color:#ffffffb8;letter-spacing:.02em;background:#050505;justify-content:space-between;align-items:center;min-height:72px;padding:0 40px;font-size:11px;display:flex}.footer-address{margin:0;font-style:normal}.footer-copyright{text-align:right;margin:0;font-size:10px}.menu-page{background:#050505;grid-template-columns:minmax(0,2fr) minmax(360px,1fr);min-height:calc(100vh - 76px);display:grid}.menu-content{min-width:0;padding:54px 48px}.menu-categories{align-items:center;gap:54px;margin-bottom:52px;display:flex}.category-button{color:#ffffff8c;cursor:pointer;background:0 0;border:0;padding:0 0 14px;font-size:16px;position:relative}.category-button:after{content:"";opacity:0;background:#fff;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.category-button:hover,.category-button.active{color:#fff}.category-button.active:after{opacity:1;transform:scaleX(1)}.menu-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;display:grid}.menu-item{color:#f4f4f2;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;min-height:98px;padding:0 14px;font-size:18px;transition:background .18s,border-color .18s;display:flex}.menu-item:hover{background:#ffffff0a;border-color:#ffffff8c}.menu-item.selected{outline-offset:-1px;outline:1px solid #fffc}.menu-item-name{padding-right:20px}.menu-item-price{color:#ffffffb8;font-variant-numeric:tabular-nums}.menu-detail{background:#050505;border-left:1px solid #ffffff59;min-width:0;padding:72px 38px 42px;position:relative}.detail-close{color:#f4f4f2;cursor:pointer;background:0 0;border:0;width:36px;height:36px;padding:0;font-size:34px;font-weight:200;line-height:1;position:absolute;top:22px;right:28px}.detail-image{aspect-ratio:4/3;object-fit:cover;width:100%}.detail-information h1{letter-spacing:-.04em;border:0;margin:30px 0 5px;padding:0;font-size:clamp(28px,2.3vw,42px);font-weight:400}.detail-information p{color:#ffffffad;min-height:48px;margin:0;font-size:14px;line-height:1.7}.detail-information strong{margin-top:32px;font-size:34px;font-weight:400;display:block}.menu-item-titles{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.menu-item-name-ko{color:#ffffff7a;font-size:11px;font-weight:400}.drink-filters{gap:28px;margin:-24px 0 34px;display:flex}.drink-filter{color:#ffffff6b;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.drink-filter:hover,.drink-filter.active{color:#fff}.menu-note{color:#ffffff7a;margin-top:30px}.menu-note p{margin:4px 0;font-size:11px;line-height:1.5}.detail-name-ko{border-bottom:1px solid #ffffff59;padding-bottom:18px;color:#ffffff85!important;min-height:0!important;margin:0 0 20px!important;font-size:12px!important}.detail-description-en{min-height:0!important;margin:0 0 6px!important}.detail-description-ko{color:#ffffff7a!important;min-height:0!important;margin:0!important;font-size:11px!important;line-height:1.6!important}.recommended-base{border-top:1px solid #fff3;border-bottom:1px solid #fff3;grid-template-columns:1fr auto;align-items:end;gap:5px 20px;margin-top:24px;padding:16px 0;display:grid}.recommended-base span{color:#ffffff7a;letter-spacing:.08em;font-size:10px}.recommended-base strong{grid-area:1/2/3;margin:0;font-size:18px;font-weight:400}.recommended-base small{color:#ffffff61;font-size:10px}.detail-information .detail-price{margin-top:24px;font-size:34px;font-weight:400;display:block}.drink-groups{gap:46px;display:grid}.drink-group-title{color:#ffffffb8;letter-spacing:.12em;border-bottom:1px solid #ffffff73;margin:0 0 6px;padding-bottom:14px;font-size:12px;font-weight:400}.gallery-page{background:#050505;min-height:calc(100vh - 76px);padding:8px}.gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(110px,12vw,190px);grid-auto-flow:dense;gap:6px;display:grid}.gallery-card{cursor:zoom-in;background:#111;border:0;min-width:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.gallery-card:after{content:"";opacity:0;pointer-events:none;background:#0003;transition:opacity .22s;position:absolute;inset:0}.gallery-card:hover:after{opacity:1}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.gallery-card:hover img{transform:scale(1.025)}.gallery-wide{grid-area:span 2/span 5}.gallery-poster{grid-area:span 2/span 3}.gallery-standard{grid-area:span 2/span 4}.gallery-tall{grid-area:span 3/span 3}.gallery-lightbox{z-index:1000;cursor:zoom-out;background:#000000f0;place-items:center;padding:48px;display:grid;position:fixed;inset:0}.gallery-lightbox-image{object-fit:contain;cursor:default;width:auto;max-width:min(90vw,1600px);height:auto;max-height:88vh;display:block}.gallery-lightbox-close{z-index:1001;color:#fff;cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;font-size:40px;font-weight:200;line-height:1;position:fixed;top:24px;right:30px}.gallery-lightbox-close:hover{opacity:.65}.gallery-grid-added{margin-top:6px}.gallery-grid-featured .gallery-card:first-child{grid-area:1/1/span 2/span 5}.gallery-grid-featured .gallery-card:nth-child(2){grid-area:1/6/span 2/span 3}.gallery-grid-featured .gallery-card:nth-child(3){grid-area:1/9/span 2/span 4}.gallery-grid-featured .gallery-card:nth-child(4){grid-area:3/1/span 2/span 4}.gallery-grid-featured .gallery-card:nth-child(5){grid-area:3/5/span 2/span 5}.gallery-grid-featured .gallery-card:nth-child(6){grid-area:5/1/span 2/span 4}.gallery-grid-featured .gallery-card:nth-child(7){grid-area:5/5/span 2/span 5}.gallery-grid-featured .gallery-card:nth-child(8){grid-area:3/10/span 3/span 3}.gallery-grid-featured .gallery-card:nth-child(9){grid-area:6/10/span 1/span 3}.contact-page{color:#f4f4f2;background:#050505;grid-template-columns:minmax(460px,.78fr) minmax(0,1.22fr);min-height:calc(100vh - 76px);display:grid}.contact-information{border-right:1px solid #ffffff59;flex-direction:column;min-width:0;padding:30px 34px 26px;display:flex}.contact-drawing{justify-content:center;align-items:center;height:clamp(300px,38vh,410px);margin:0;display:flex}.contact-drawing img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.contact-details{border-top:1px solid #ffffff59;margin-top:12px;display:grid}.contact-detail{color:#f4f4f2;border-bottom:1px solid #ffffff59;min-height:88px;padding:15px 0 14px;display:block}.contact-label{color:#ffffff73;letter-spacing:.12em;margin-bottom:13px;font-size:10px;font-weight:400;display:block}.contact-detail strong,.contact-detail p,.contact-detail>a{color:#f4f4f2;letter-spacing:0;margin:0;font-family:inherit;font-size:15px;font-style:normal;font-weight:400;line-height:1.5}.contact-links{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.contact-links a{color:#f4f4f2;letter-spacing:.04em;border-bottom:1px solid #ffffff59;border-right:1px solid #ffffff59;justify-content:space-between;align-items:center;min-width:0;min-height:66px;padding:0 20px;font-size:12px;transition:background .18s;display:flex}.contact-links a:first-child{padding-left:0}.contact-links a:last-child{border-right:0;padding-right:0}.contact-links a:hover{background:#ffffff0d}.contact-links a span{font-size:17px}.contact-map{cursor:pointer;background:#0d0d0d;place-items:center;min-width:0;min-height:calc(100vh - 76px);display:grid;position:relative;overflow:hidden}.contact-map img{object-fit:cover;object-position:center;width:100%;height:100%;transition:filter .25s,transform .6s;display:block}.contact-map:hover img{filter:brightness(1.12);transform:scale(1.01)}.contact-address small{color:#ffffff8c;margin-top:5px;font-size:12px;font-weight:400;line-height:1.5;display:block}@media (width<=800px){.home{min-height:calc(100svh - 64px)}.hero{background-position:50% 48%;min-height:calc(100svh - 64px)}.hero-content{gap:8px;width:calc(100% - 36px)}.hero-logo{width:min(68vw,320px)}.hero-subtitle{letter-spacing:.24em;font-size:10px;line-height:1.6}.scroll-guide{gap:6px;font-size:8px;bottom:20px}.scroll-arrow{font-size:19px}.home-story{grid-template-rows:auto auto;grid-template-columns:1fr;height:auto;display:grid}.story-photo{aspect-ratio:4/3;width:100%;height:auto;padding:10px}.story-photo img{width:100%;height:100%}.story-illustration{aspect-ratio:4/3;border-top:1px solid #ffffff59;border-left:0;width:100%;height:auto;padding:24px 22px}.story-message{font-size:12px;top:26px;left:22px}.footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:104px;padding:22px 18px;font-size:12px;line-height:1.5}.footer-copyright{text-align:left;font-size:11px}}.detail-heading{display:block}.detail-price-mobile{display:none!important}.contact-links a span[aria-hidden=true]{flex:0 0 14px;width:14px;height:14px;position:relative;font-size:0!important}.contact-links a span[aria-hidden=true]:before{content:"";transform-origin:50%;background:#fff;width:12px;height:1px;position:absolute;top:6px;left:1px;transform:rotate(-45deg)}.contact-links a span[aria-hidden=true]:after{content:"";border-top:1px solid #fff;border-right:1px solid #fff;width:7px;height:7px;position:absolute;top:1px;right:1px}@media (width<=800px){.menu-page{min-height:calc(100svh - 64px);display:block}.menu-content{width:100%;padding:0 18px 40px}.menu-categories{z-index:20;scrollbar-width:none;background:#050505;border-bottom:1px solid #fff3;gap:28px;margin:0 0 18px;padding:20px 0 0;display:flex;position:sticky;top:64px;overflow-x:auto}.menu-categories::-webkit-scrollbar{display:none}.category-button{white-space:nowrap;flex:none;padding:0 0 13px;font-size:14px}.menu-list{grid-template-columns:1fr;column-gap:0}.menu-item{width:100%;min-height:88px;padding:0 3px;font-size:17px}.menu-item.selected{outline:0}.menu-item-name{padding-right:18px}.menu-item-name-ko{font-size:12px}.menu-item-price{flex:none;font-size:16px}.menu-note{margin-top:24px}.menu-note p{font-size:12px;line-height:1.6}.drink-groups{gap:36px}.drink-group-title{padding-bottom:12px;font-size:12px}.menu-detail{z-index:90;overscroll-behavior:contain;background:#050505;border-left:0;width:100%;padding:54px 18px 36px;display:none;position:fixed;inset:64px 0 0;overflow-y:auto}.menu-detail.open{display:block}.detail-close{width:38px;height:38px;font-size:34px;position:absolute;top:12px;right:16px}.detail-image{aspect-ratio:4/3;object-fit:cover;width:100%}.detail-heading{border-bottom:1px solid #ffffff59;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 0 20px;display:flex}.detail-heading>div{min-width:0}.detail-information h1{border:0;margin:24px 0 5px;padding:0;font-size:clamp(28px,8vw,38px);line-height:1}.detail-name-ko{border:0;padding:0;min-height:0!important;margin:0!important;font-size:12px!important}.detail-information .detail-price-mobile{flex:none;padding-bottom:1px;font-size:24px;font-weight:400;line-height:1;margin:0!important;display:block!important}.detail-description-en{min-height:0!important;margin:22px 0 7px!important;font-size:15px!important;line-height:1.65!important}.detail-description-ko{min-height:0!important;margin:0!important;font-size:12px!important;line-height:1.65!important}.recommended-base{margin-top:24px;padding:16px 0}.recommended-base span,.recommended-base small{font-size:10px}.recommended-base strong{font-size:18px}.detail-information .detail-price{display:none}.gallery-page{min-height:calc(100svh - 64px);padding:4px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(105px,28vw,140px);gap:4px}.gallery-grid-added{margin-top:4px}.gallery-grid-featured .gallery-card:first-child{grid-area:1/1/span 2/span 2}.gallery-grid-featured .gallery-card:nth-child(2){grid-area:3/1}.gallery-grid-featured .gallery-card:nth-child(3){grid-area:3/2}.gallery-grid-featured .gallery-card:nth-child(4){grid-area:4/1/span 2}.gallery-grid-featured .gallery-card:nth-child(5){grid-area:4/2/span 2}.gallery-grid-featured .gallery-card:nth-child(6){grid-area:6/1/auto/span 2}.gallery-grid-featured .gallery-card:nth-child(7){grid-area:7/1}.gallery-grid-featured .gallery-card:nth-child(8){grid-area:7/2/span 2}.gallery-grid-featured .gallery-card:nth-child(9){grid-area:8/1}.gallery-grid-added .gallery-card{grid-area:span 1/span 1}.gallery-grid-added .gallery-card:nth-child(5n+1){grid-area:span 2/span 2}.gallery-grid-added .gallery-card:nth-child(5n+4){grid-row:span 2}.gallery-card:hover img{transform:none}.gallery-card:hover:after{opacity:0}.gallery-lightbox{padding:18px}.gallery-lightbox-image{max-width:94vw;max-height:84svh}.gallery-lightbox-close{width:48px;height:48px;font-size:38px;top:14px;right:14px}.contact-page{flex-direction:column;min-height:calc(100svh - 64px);display:flex}.contact-information{display:contents}.contact-drawing{display:none}.contact-map{aspect-ratio:1850/875;cursor:default;pointer-events:none;border-bottom:1px solid #ffffff59;order:1;width:100%;min-height:0}.contact-map img{object-fit:contain;object-position:center;width:100%;height:100%}.contact-details{border-top:0;order:2;width:100%;margin:0;padding:0 20px 28px}.contact-detail{min-height:0;padding:20px 0 19px}.contact-label{margin-bottom:11px;font-size:10px}.contact-address>strong,.contact-detail>p,.contact-detail>a{font-size:15px;line-height:1.55}.contact-address small{margin-top:5px;font-size:12px;line-height:1.55}.contact-links{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-links a{min-height:56px;padding:0 14px;font-size:12px}.contact-links a:first-child{padding-left:0}.contact-links a:last-child{padding-right:0}.contact-links a span{font-size:16px}.contact-map:hover img{filter:none;transform:none}}