: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)}.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 20px}.navigation{gap:16px}.navigation a{font-size:11px}.navigation a:last-child{display: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-bottom:1px solid #ffffff59;margin:30px 0 20px;padding-bottom:18px;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-information h1{border:0;margin:30px 0 5px;padding:0}.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}