@font-face{font-family:PretendardHome;src:url(/fonts/PretendardHome-r10.woff2) format("woff2");font-weight:100 900;font-display:swap}body:has(.home){font-family:PretendardHome,Pretendard,Arial,sans-serif}body:has(.home)>header{min-height:76px;padding-inline:max(20px,calc((100vw - 1224px)/2))}body:has(.home)>.portfolio-notice{font-size:14px;padding:6px 20px;line-height:18px}body:has(.home)>footer{display:none}.home{--page:1224px;font-size:15px;line-height:1.7}.home h1,.home h2{font-family:PretendardHome,Pretendard,sans-serif}.home h2{font-size:38px;line-height:1.3;letter-spacing:-.05em;margin:0 0 12px}.home p{margin-top:0}.home .eyebrow{font-family:Barlow,PretendardHome,sans-serif;font-size:14px;margin-bottom:12px;line-height:22px}.home .home-signature{padding:32px max(20px,calc((100vw - 1224px)/2));grid-template-columns:540px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:34px;min-height:0}.home .intro-copy{align-self:end}.home h1{font-size:72px;line-height:1.08}.home .intro-note{display:block;font-size:15px;margin:12px 0 16px}.home .cup-stage{height:650px;min-height:0;align-self:center}.home .mix-panel{padding:16px;border-radius:20px;max-width:540px;margin:0;align-self:start}.home .ratio-heading label{font-size:22px}.home .ratio-heading strong{font-size:34px}.home .reset{font-size:14px;min-height:36px}.home input[type=range]{margin:0;height:48px}.home .range-axis{font-size:14px;line-height:22px;opacity:.85;margin:0}.home .presets{margin-top:8px;gap:6px}.home .presets button{min-height:48px;flex-direction:row;gap:6px;font-size:15px;border:1px solid #ffffff50;border-radius:40px;padding:4px 8px;white-space:nowrap}.home .presets button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.home .preset-icon{width:22px;height:22px;border:0;font-size:20px}.home .presets small{display:none}.home .custom-state{font-size:14px;line-height:22px;margin:8px 0;color:#eee6ff}.home .recommendation{padding-top:8px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.home .recommendation h2{font-size:30px;line-height:42px;margin:0}.home .recommendation p{font-size:14px;line-height:26px;margin:0}.home .menu-cta{min-height:48px;padding:10px 20px;font-size:15px;margin:0}.home .stage-caption{font-size:14px}.home .scene-notice{font-size:14px;line-height:1.7;padding:6px;min-height:60px}.home .home-disclosure{grid-column:1/-1;font-size:14px;line-height:26px;margin:12px 0 0;color:#eee6ff}.home .home-scene{width:min(var(--page),calc(100% - 40px));margin-inline:auto;padding-block:48px;scroll-margin-top:20px}.home .home-scene img{display:block;width:100%;height:auto;object-fit:cover;border-radius:4px}.home .menu-scene{display:grid;grid-template-columns:minmax(0,880fr) minmax(0,312fr);gap:32px;align-items:center}.home .menu-photo{aspect-ratio:8/5;position:relative;overflow:hidden;background:#eee7da;border-radius:4px}.home .menu-photo img{width:100%;height:100%;object-fit:cover}.home .menu-copy{min-width:0}.home .menu-copy h2{font-size:32px}.home .selected-menu{min-height:77px;line-height:26px;margin:12px 0 16px}.home .selected-menu strong{display:block;font-size:22px;margin-bottom:6px}.home .selected-menu span{display:block;font-size:15px}.home .menu-tabs{display:flex;gap:6px}.home .menu-tabs button{flex:1 1;min-height:48px;font-size:14px;line-height:20px;padding:4px 6px;background:white;border:1px solid #c7bbdc;color:var(--ink);border-radius:5px;word-break:keep-all}.home .menu-tabs button[aria-pressed=true]{background:var(--violet);color:white;border-color:var(--violet)}.home dl{font-size:14px;line-height:22px;margin:16px 0;gap:0}.home dt{margin:0;color:#675b77}.home dd+dt{margin-top:8px}.home .home-link{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:24px;font-size:15px;font-weight:700;border-bottom:1px solid #bfb3ce}.home .home-link span{font-size:23px}.home .ingredient-scene{display:grid;grid-template-columns:minmax(0,392fr) minmax(0,800fr);gap:32px;align-items:center}.home .scene-copy p:not(.eyebrow){font-size:15px;line-height:1.7;margin-bottom:16px}.home .ingredient-scene img{aspect-ratio:1400/933;object-fit:contain}.home .bar-scene img,.home .stream-scene img{aspect-ratio:8/3;object-fit:cover}.home .stream-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:16px}.home .stream-caption h2{font-size:26px;margin:0}.home .stream-caption p{margin:0}.home .window-scene{display:grid;grid-template-columns:minmax(0,800fr) minmax(0,392fr);gap:32px;align-items:center}.home .window-scene img{aspect-ratio:8/5}.home .bar-scene{padding-block:32px}.home .bar-scene h2{margin-bottom:12px}.home .bar-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px}.home .bar-caption p{margin:0}.home .bar-caption a{min-width:220px}.home-footer{padding:32px max(20px,calc((100vw - 1224px)/2));background:var(--night);color:white;font-size:14px;min-height:144px}.home-footer p{margin-bottom:16px}.home-footer>div{display:flex;gap:32px}.home-footer a{display:inline-flex;align-items:center;min-height:44px}.photo-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eee7da;padding:24px}.photo-error button{padding:12px;border:1px solid;background:white;border-radius:24px}@media(min-width:701px) and (max-width:1100px){.home .home-signature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}.home h1{font-size:56px}.home .presets button{font-size:14px;padding:4px}.home .preset-icon{display:none}.home .recommendation{display:block}.home .menu-cta{margin-top:8px}.home .menu-scene{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.home .menu-copy h2{font-size:28px}.home .home-scene{padding-block:32px}.home .scene-copy h2{font-size:30px}}@media(max-width:700px){.home .home-signature{display:flex;padding:24px 20px;gap:0}.home .intro-copy{align-self:stretch}.home .eyebrow{font-size:14px;margin-bottom:12px}.home h1{font-size:44px;line-height:1.2}.home .intro-note{display:none}.home .cup-stage{height:380px;width:100%;margin-top:12px}.home .cup-stage:has(.scene-notice){height:448px;padding-bottom:68px}.home .mix-panel{padding:16px;margin-top:12px;max-width:none;width:100%}.home .ratio-heading label{font-size:20px}.home .ratio-heading strong{font-size:30px}.home .reset{font-size:14px}.home .presets button{font-size:15px;padding:4px 2px;gap:3px}.home .preset-icon{font-size:17px;width:18px;height:20px}.home .recommendation{display:block;padding-top:8px}.home .menu-cta{width:100%;margin-top:12px;justify-content:space-between}.home .home-disclosure{margin:12px 0 0;line-height:24px;font-size:14px}.home h2{font-size:26px;line-height:1.35}.home .home-scene{display:flex;flex-direction:column;gap:24px;padding-block:24px}.home .menu-photo{width:100%;aspect-ratio:1}.home .menu-copy{width:100%}.home .menu-copy h2{font-size:26px;margin:0}.home .selected-menu{min-height:64px;margin:12px 0}.home .selected-menu strong{font-size:22px;margin:0}.home .menu-copy .eyebrow{display:none}.home .menu-tabs{gap:6px}.home .menu-tabs button{font-size:15px}.home dl{margin:12px 0}.home .ingredient-scene .scene-copy{order:2;width:100%}.home .ingredient-scene img{order:1}.home .scene-copy h2 br{display:none}.home .scene-copy p:not(.eyebrow){margin-bottom:0}.home .scene-copy .home-link{margin-top:12px}.home .stream-caption{display:block;padding:0;width:100%}.home .stream-caption h2{font-size:26px;margin-bottom:12px}.home .bar-scene img,.home .stream-scene img{aspect-ratio:16/9}.home .window-scene img{aspect-ratio:4/3}.home .window-scene .scene-copy{width:100%}.home .bar-scene{gap:12px}.home .bar-scene h2{width:100%;margin:0}.home .bar-caption{display:block;width:100%;padding:0}.home .bar-caption a{margin-top:12px}.home-footer{padding:24px 20px;min-height:144px}}.home h1{letter-spacing:-.035em}.home h2{letter-spacing:-.025em}.home .bar-scene,.home .stream-scene{max-width:960px}.home .bar-scene h2{font-size:28px;line-height:1.4}@media(min-width:701px){.home .ingredient-scene .scene-copy{align-self:center;display:flex;flex-direction:column;justify-content:center}.home .ingredient-scene .scene-copy p:last-child{margin-bottom:0}}@media(max-width:700px){.home .bar-scene h2{font-size:22px;line-height:1.4}}