*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-weight:400;font-size:16px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}h1,h2,h3{margin:0;font-weight:700;text-wrap:balance}:focus-visible{outline:2px solid var(--sage);outline-offset:3px}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}.eyebrow{margin:0;font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-deep);display:flex;align-items:center}.banners{padding-block:0}.banner-main{display:block;position:relative;overflow:hidden;background:var(--paper-2)}.banner-main img{width:100%;height:auto;display:block;transition:transform 1.2s var(--ease)}.banner-main:hover img{transform:scale(1.015)}.banner-ph{width:100%;aspect-ratio:5 / 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--rule);background:var(--card);text-align:center;padding:24px}.banner-ph span{font-size:15px;font-weight:500;color:var(--ink-60)}.banner-ph small{font-size:12.5px;color:var(--ink-40)}.marquee{border-block:1px solid var(--rule);background:var(--paper-2);padding-block:15px;overflow:hidden;display:flex;user-select:none}.marquee-track{display:flex;flex:none;gap:40px;padding-right:40px;animation:slide 36s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes slide{to{transform:translate(-100%)}}.marquee-track span{font-size:13px;letter-spacing:.05em;color:var(--ink-60);white-space:nowrap;display:flex;align-items:center;gap:40px}.marquee-track span:after{content:"◦";color:var(--sage)}.sec{padding-block:clamp(56px,7.5vw,96px)}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(26px,3.4vw,40px)}.sec-head h2{font-size:clamp(25px,3.2vw,38px);line-height:1.3;letter-spacing:-.03em;margin-top:14px}.sec-head p.lead{margin:12px 0 0;color:var(--ink-60);font-size:15px;max-width:38em}.more{font-size:13px;font-weight:500;color:var(--ink-60);padding-bottom:4px;border-bottom:1px solid var(--rule);transition:color .28s var(--ease),border-color .28s var(--ease)}.more:hover{color:var(--sage-deep);border-color:var(--sage)}.prdList{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,32px) clamp(14px,1.6vw,24px)}@media(max-width:1000px){.prdList{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.prdList{grid-template-columns:repeat(2,minmax(0,1fr))}}.prdList>li{position:relative}.thumbnail{position:relative;margin-bottom:15px}.prdImg{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:1/1;background:var(--paper-2)}.prdImg>a{display:block;width:100%;height:100%}.prdImg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--ease)}.prdList>li:hover .prdImg img{transform:scale(1.055)}.bean{width:100%;height:100%;transition:transform 1.1s var(--ease)}.bean:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.5;pointer-events:none}.roast-l{background:radial-gradient(120% 110% at 30% 22%,#c9a97e,#a9865c 52%,#8a6a45)}.roast-m{background:radial-gradient(120% 110% at 30% 22%,#9c7550,#7a563a 52%,#5c3f2a)}.roast-d{background:radial-gradient(120% 110% at 30% 22%,#6b4b34,#4c3423 52%,#33231a)}.roast-g{background:radial-gradient(120% 110% at 30% 22%,#a9b085,#87905f 52%,#697248)}.prdList>li:hover .bean{transform:scale(1.055)}.quick{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;gap:6px;transform:translateY(calc(100% + 12px));opacity:0;transition:transform .42s var(--ease),opacity .42s var(--ease)}.quick button{flex:1;cursor:pointer;font-family:var(--f);font-size:13px;font-weight:500;padding:11px 8px;border:0;border-radius:2px;background:color-mix(in srgb,var(--ink) 92%,transparent);color:var(--paper);backdrop-filter:blur(6px);transition:background .26s var(--ease)}.quick button:hover{background:var(--sage-deep)}.quick button.icon{flex:none;width:42px;background:color-mix(in srgb,var(--card) 90%,transparent);color:var(--ink)}.quick button.icon:hover{background:var(--card);color:var(--sage-deep)}@media(hover:none){.quick{position:static;transform:none;opacity:1;margin-top:8px}}.description .name{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:14.5px;font-weight:500;line-height:1.5;letter-spacing:-.015em}.description .name .mch{flex:none;font-style:normal;font-size:11.5px;font-weight:500;letter-spacing:.02em;color:var(--sage-deep);background:var(--paper-2);border-radius:999px;padding:3px 9px}.description .name a{background-image:linear-gradient(var(--sage),var(--sage));background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .45s var(--ease);padding-bottom:1px}.prdList>li:hover .description .name a{background-size:100% 1px}.spec{margin-top:7px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.price{font-size:14.5px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.cup{font-size:12.5px;color:var(--ink-40)}.rv{opacity:0;transform:translateY(22px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.rv.in{opacity:1;transform:none}.pillars{position:relative;background:var(--roast) url(/texture-roast.webp) center/cover no-repeat;color:#e9e4da}.pillars:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#281d14a3,#1c140ecc)}.pillars>*{position:relative}.pillars .eyebrow{color:#b7be94}.pillars h2{font-size:clamp(24px,3vw,36px);line-height:1.36;letter-spacing:-.03em;margin-top:14px}.pillar-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,64px);margin-top:clamp(30px,4vw,46px);align-items:start}.pillar-list{display:flex;flex-direction:column}.pillar{padding-block:clamp(20px,2.6vw,26px);border-top:1px solid rgba(233,228,218,.16);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2.2vw,28px);align-items:baseline}.pillar:first-child{border-top:0;padding-top:0}.pillar:before{content:"";width:9px;height:12px;border-radius:50%/46%;background:var(--bean,#B08A5E);transform:translateY(3px);box-shadow:inset 0 0 0 1px #00000047}.pillar:nth-child(2):before{--bean:#8A6442}.pillar:nth-child(3):before{--bean:#5E432D}.pillar h3{font-size:clamp(17px,2vw,20px);margin:0 0 7px;letter-spacing:-.02em}.pillar p{margin:0;font-size:14.5px;line-height:1.85;color:#e9e4dabd}@media(max-width:820px){.pillar-grid{grid-template-columns:1fr;gap:26px}}.rental .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px);align-items:start;border:1px solid var(--rule);border-radius:3px;padding:clamp(30px,4vw,50px) clamp(24px,3.4vw,46px);background:var(--card)}@media(max-width:880px){.rental .wrap{grid-template-columns:1fr}}.rental h2{font-size:clamp(24px,3vw,34px);line-height:1.36;letter-spacing:-.03em;margin-block:14px 12px}.rental>.wrap>div>p{margin:0;color:var(--ink-60);font-size:15px;max-width:36em}.rental-tel{display:inline-block;margin-top:22px;font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;border-bottom:2px solid transparent;transition:border-color .3s var(--ease),color .3s var(--ease)}.rental-tel:hover{border-bottom-color:var(--sage);color:var(--sage-deep)}.rental-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-block;font-family:var(--f);font-size:14.5px;font-weight:500;padding:14px 26px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--paper);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}.btn:hover{background:var(--sage-deep);border-color:var(--sage-deep);transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.btn.ghost:hover{background:transparent;color:var(--sage-deep);border-color:var(--sage)}.terms{border-top:1px solid var(--rule);padding-top:6px}@media(max-width:880px){.terms{border-top:0;padding-top:0}}.terms li{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--rule);font-size:14.5px;line-height:1.7}.terms li .k{font-size:11.5px;font-weight:500;letter-spacing:.06em;color:var(--sage-deep);padding-top:5px;white-space:nowrap}.terms li strong{font-weight:500}.faq-list{border-top:1px solid var(--ink)}.faq{border-bottom:1px solid var(--rule)}.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:20px 2px;font-size:16px;font-weight:500;letter-spacing:-.015em;transition:color .25s var(--ease)}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--sage-deep)}.faq summary .plus{position:relative;width:14px;height:14px;flex:none;opacity:.5;transition:transform .35s var(--ease),opacity .25s var(--ease)}.faq summary .plus:before,.faq summary .plus:after{content:"";position:absolute;background:currentColor;left:0;top:50%;width:14px;height:1.5px;margin-top:-.75px}.faq summary .plus:after{transform:rotate(90deg);transition:transform .35s var(--ease)}.faq[open] summary{color:var(--sage-deep)}.faq[open] summary .plus{transform:rotate(180deg);opacity:1}.faq[open] summary .plus:after{transform:rotate(0)}.faq-body{overflow:hidden}.faq-body p{margin:0;padding:2px 0 24px;max-width:56em;color:var(--ink-60);font-size:15px;line-height:1.9}.faq[open] .faq-body{animation:reveal .42s var(--ease)}@keyframes reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px)}@media(max-width:820px){.boards{grid-template-columns:1fr}}.board h3{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);padding-bottom:12px;border-bottom:1px solid var(--ink)}.board li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--rule)}.board li a{font-size:14.5px;color:var(--ink-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s var(--ease)}.board li:hover a{color:var(--sage-deep)}.board li time{font-size:12px;color:var(--ink-40);font-variant-numeric:tabular-nums}:root{--paper:#FFFFFF;--paper-2:#F4F4F0;--card:#FAFAF8;--ink:#16180F;--ink-60:#5C6050;--ink-40:#93968A;--rule:#E3E3DC;--roast:#4B3626;--sage:#6E7D46;--sage-deep:#556135;--f:"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;--wrap:1760px;--gut:clamp(20px,4vw,72px);--ease:cubic-bezier(.22,.61,.36,1)}.syn-hd,.syn-ft{font-family:var(--f);color:var(--ink);line-height:1.7}.syn-hd *,.syn-hd *:before,.syn-hd *:after,.syn-ft *,.syn-ft *:before,.syn-ft *:after{box-sizing:border-box}.syn-hd ul,.syn-hd li,.syn-ft ul,.syn-ft li,.syn-ft dl,.syn-ft dt,.syn-ft dd{margin:0;padding:0;list-style:none;background:none;border:0}.syn-hd li,.syn-ft li{float:none;width:auto;min-height:0;height:auto;text-align:left;line-height:inherit}.syn-hd p,.syn-ft p,.syn-hd h1,.syn-ft h2,.syn-ft h3{margin:0;padding:0}.syn-hd img,.syn-ft img{max-width:100%;display:block;border:0}.syn-hd div,.syn-ft div{float:none}.syn-hd strong,.syn-hd span,.syn-ft strong,.syn-ft span{font-weight:inherit;color:inherit}.syn-hd button{font-family:inherit;cursor:pointer;border:0;background:none;padding:0;color:inherit}.syn-hd :focus-visible,.syn-ft :focus-visible{outline:2px solid var(--sage);outline-offset:3px}.syn-hd-wrap,.syn-ft-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}.syn-hd{position:sticky;top:0;z-index:400;background:var(--paper);border-bottom:1px solid var(--rule)}.syn-hd-util{border-bottom:1px solid var(--rule);background:var(--paper-2)}.syn-hd-util .syn-hd-wrap{display:flex;justify-content:flex-end;align-items:center;gap:0;min-height:36px}.syn-hd-util a{font-size:12.5px;color:var(--ink-60);padding:8px 12px;transition:color .25s var(--ease)}.syn-hd-util a:hover{color:var(--sage-deep)}.syn-hd-util .me{font-size:12.5px;color:var(--ink-60);padding:8px 4px 8px 12px}.syn-hd-util .me b{font-weight:500;color:var(--ink)}@media(max-width:760px){.syn-hd-util{display:none}}.syn-hd-main .syn-hd-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,48px);min-height:72px}@media(max-width:900px){.syn-hd-main .syn-hd-wrap{grid-template-columns:auto minmax(0,1fr) auto;min-height:60px;gap:12px}}.syn-logo{font-size:22px;font-weight:700;letter-spacing:-.03em;white-space:nowrap;line-height:1}.syn-logo em{font-style:normal;color:var(--ink)}.syn-logo{display:inline-flex;align-items:center}.syn-nav{display:flex;justify-content:center}.syn-nav>ul{display:flex;gap:clamp(14px,2.4vw,38px)}.syn-nav>ul>li>a{position:relative;display:block;padding:24px 2px;font-size:15.5px;font-weight:500;letter-spacing:-.015em;white-space:nowrap;transition:color .25s var(--ease)}.syn-nav>ul>li>a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:1.5px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--ease)}.syn-nav>ul>li>a:hover{color:var(--sage-deep)}.syn-nav>ul>li>a:hover:after{transform:scaleX(1)}@media(max-width:900px){.syn-nav{display:none}}.syn-hd-act{display:flex;align-items:center;gap:4px;justify-self:end}.syn-ico{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:2px;transition:background .25s var(--ease),color .25s var(--ease)}.syn-ico:hover{background:var(--paper-2);color:var(--sage-deep)}.syn-ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.syn-ico .cnt{position:absolute;top:3px;right:3px;min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--sage-deep);color:#fff;font-size:10.5px;font-weight:500;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}.syn-burger{display:none}@media(max-width:900px){.syn-burger{display:flex}}.syn-search{display:none;border-top:1px solid var(--rule);background:var(--paper)}.syn-search.on{display:block;animation:synDrop .3s var(--ease)}@keyframes synDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.syn-search form{display:flex;align-items:center;gap:14px;padding-block:22px}.syn-search input[type=text]{flex:1;min-width:0;border:0;border-bottom:1px solid var(--rule);background:none;font-family:var(--f);font-size:clamp(17px,2.4vw,24px);font-weight:500;letter-spacing:-.02em;color:var(--ink);padding:10px 2px;outline:none;transition:border-color .3s var(--ease)}.syn-search input[type=text]::placeholder{color:var(--ink-40);font-weight:400}.syn-search input[type=text]:focus{border-bottom-color:var(--sage)}.syn-search button[type=submit]{flex:none;padding:13px 26px;border-radius:2px;background:var(--ink);color:#fff;font-size:14.5px;font-weight:500;transition:background .28s var(--ease)}.syn-search button[type=submit]:hover{background:var(--sage-deep)}.syn-drawer{position:fixed;inset:0;z-index:500;visibility:hidden;pointer-events:none}.syn-drawer.on{visibility:visible;pointer-events:auto}.syn-drawer-dim{position:absolute;inset:0;background:#16180f73;opacity:0;transition:opacity .35s var(--ease)}.syn-drawer.on .syn-drawer-dim{opacity:1}.syn-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(84vw,340px);background:var(--paper);display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s var(--ease);overflow-y:auto}.syn-drawer.on .syn-drawer-panel{transform:none}.syn-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--rule)}.syn-drawer-nav{padding:8px 20px 20px}.syn-drawer-nav a{display:block;padding:15px 0;border-bottom:1px solid var(--rule);font-size:16px;font-weight:500;letter-spacing:-.015em}.syn-drawer-nav a:hover{color:var(--sage-deep)}.syn-drawer-sub{padding:18px 20px 28px;background:var(--paper-2);margin-top:auto}.syn-drawer-sub a{display:flex;align-items:center;gap:9px;padding:9px 0;font-size:14px;color:var(--ink-60)}.syn-drawer-sub .contact{margin-top:14px;padding-top:16px;border-top:1px solid var(--rule)}.syn-drawer-sub .tel{display:flex;align-items:center;gap:9px;padding:0;font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.syn-drawer-sub .tel .ch-ico{width:19px;height:19px;stroke:var(--ink)}.syn-drawer-sub .talk{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:13px 14px;border-radius:3px;background:#03c75a;color:#fff;font-size:14.5px;font-weight:500}.syn-drawer-sub .talk .talk-ico{flex:none;display:block}.syn-ft{background:var(--paper-2);border-top:1px solid var(--rule);margin-top:clamp(48px,7vw,88px)}.syn-ft-top .syn-ft-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(32px,5vw,72px);padding-block:clamp(40px,5vw,64px)}@media(max-width:880px){.syn-ft-top .syn-ft-wrap{grid-template-columns:1fr;gap:36px}}.syn-ft-brand .nm{font-size:20px;font-weight:700;letter-spacing:-.03em}.syn-ft-brand .nm em{font-style:normal;color:var(--ink)}.syn-ft-brand .since{margin-top:5px;font-size:12px;letter-spacing:.16em;color:var(--ink-40)}.syn-ft-brand .cs{margin-top:20px;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40)}.syn-ft-brand .tel{display:inline-block;margin-top:6px;font-size:clamp(26px,3vw,32px);font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;border-bottom:2px solid transparent;transition:border-color .3s var(--ease),color .3s var(--ease)}.syn-ft-brand .tel:hover{border-bottom-color:var(--sage);color:var(--sage-deep)}.syn-ft-brand .hint{margin-top:8px;font-size:13.5px;color:var(--ink-60)}.syn-ft-ch{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.syn-ft-ch a{padding:9px 16px;border:1px solid var(--rule);border-radius:2px;background:var(--paper);font-size:13px;font-weight:500;transition:background .28s var(--ease),border-color .28s var(--ease),color .28s var(--ease)}.syn-ft-ch a:hover{background:var(--roast);border-color:var(--roast);color:#ede8de}.syn-ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media(max-width:560px){.syn-ft-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}}.syn-ft-cols h3{font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);margin-bottom:14px}.syn-ft-cols li a{display:block;padding:6px 0;font-size:14px;color:var(--ink-60);transition:color .25s var(--ease)}.syn-ft-cols li a:hover{color:var(--sage-deep)}.syn-ft-legal{border-top:1px solid var(--rule)}.syn-ft-legal .syn-ft-wrap{padding-block:26px 34px}.syn-ft-legal dl{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12.5px;color:var(--ink-60);line-height:1.9}.syn-ft-legal dl>div{display:flex;gap:7px}.syn-ft-legal dt{color:var(--ink-40)}.syn-ft-legal dd{margin:0}.syn-ft-copy{margin-top:16px;font-size:12px;color:var(--ink-40);letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.rv{transform:none!important;opacity:1!important;transition:none!important}.banner-main:hover img,.hero-slider .slide img,.prdList>li:hover .prdImg img{transform:none!important}.fab:hover,.btn:hover,.syn-hd-act .btn.store:hover{transform:none!important}.syn-drawer-panel{transition:none!important}}.skip{position:absolute;left:-9999px}.skip:focus{position:fixed;left:12px;top:12px;z-index:900;padding:10px 16px;border-radius:2px;background:var(--ink);color:#fff}.roast-light{background:radial-gradient(120% 110% at 30% 22%,#c9a97e,#a9865c 52%,#8a6a45)}.roast-medium{background:radial-gradient(120% 110% at 30% 22%,#9c7550,#7a563a 52%,#5c3f2a)}.roast-dark{background:radial-gradient(120% 110% at 30% 22%,#6b4b34,#4c3423 52%,#33231a)}.roast-green{background:radial-gradient(120% 110% at 30% 22%,#a9b085,#87905f 52%,#697248)}.syn-hd-util .syn-hd-wrap{justify-content:flex-end;gap:0}.syn-hd-util .tel{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.syn-nav li.has-sub{position:relative}.syn-nav .caret{display:inline-flex;margin-left:5px;vertical-align:-2px;opacity:.45;transition:transform .28s var(--ease),opacity .28s var(--ease)}.syn-nav .caret svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.syn-nav li.has-sub:hover .caret,.syn-nav li.has-sub:focus-within .caret{transform:rotate(180deg);opacity:.9}.syn-nav .sub{position:absolute;top:100%;left:50%;z-index:10;min-width:172px;padding:7px;margin:0;display:flex;flex-direction:column;gap:1px;list-style:none;background:var(--paper);border:1px solid var(--rule);border-radius:3px;box-shadow:0 14px 34px #16180f1a;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px);transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s}.syn-nav li.has-sub:hover>.sub,.syn-nav li.has-sub:focus-within>.sub{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.syn-nav .sub a{display:block;padding:11px 15px;border-radius:2px;font-size:14.5px;font-weight:400;white-space:nowrap;color:var(--ink-60);transition:background .22s var(--ease),color .22s var(--ease)}.syn-nav .sub a:after{display:none}.syn-nav .sub a:hover{background:var(--paper-2);color:var(--sage-deep)}.syn-nav>ul>li>a[aria-current=page]{color:var(--ink)}.syn-nav>ul>li>a[aria-current=page]:after{transform:scaleX(1)}.syn-hd-act .btn.store{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 18px;border-radius:2px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:14px;font-weight:500;white-space:nowrap;transition:background .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease)}.syn-hd-act .btn.store:hover{background:var(--sage-deep);border-color:var(--sage-deep);transform:translateY(-1px)}.syn-hd-act .btn.store svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.7}@media(max-width:560px){.syn-hd-act .btn.store{display:none}}.syn-drawer-nav a.depth2{padding-left:14px;font-size:14.5px;font-weight:400;color:var(--ink-60);position:relative}.syn-drawer-nav a.depth2:before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:var(--rule)}.prdList>li .prd-link{display:block}.prdList .quick{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;transform:translateY(calc(100% + 12px));opacity:0;transition:transform .42s var(--ease),opacity .42s var(--ease)}.prdList>li:hover .quick,.prdList>li:focus-within .quick{transform:none;opacity:1}.prdList .buy{flex:1;text-align:center;padding:12px 8px;border-radius:2px;background:color-mix(in srgb,var(--ink) 92%,transparent);color:var(--paper);font-size:13px;font-weight:500;backdrop-filter:blur(6px)}@media(hover:none){.prdList .quick{position:static;transform:none;opacity:1;margin-top:8px}.prdList .buy{background:var(--ink)}}.prdList .description .name span{background-image:linear-gradient(var(--sage),var(--sage));background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .45s var(--ease);padding-bottom:1px}.prdList>li:hover .description .name span{background-size:100% 1px}.floating{position:fixed;right:clamp(14px,2.4vw,28px);bottom:clamp(14px,2.4vw,28px);z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.fab{display:inline-flex;align-items:center;gap:9px;padding:14px 20px;border-radius:100px;font-size:14.5px;font-weight:500;letter-spacing:-.01em;box-shadow:0 6px 24px #16180f38;transition:background .28s var(--ease),transform .28s var(--ease)}.fab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.fab:hover{transform:translateY(-2px)}.fab.tel{background:var(--ink);color:var(--paper)}.fab.tel:hover{background:var(--sage-deep)}.fab.talk{background:#03c75a;color:#fff}.fab.talk svg{fill:#fff;stroke:none}.fab.talk:hover{background:#02b152}@media(max-width:560px){.fab{padding:14px;border-radius:50%}.fab span{display:none}}.page-hero{padding-block:clamp(44px,6vw,84px) clamp(36px,4.6vw,64px);background:var(--paper)}.page-hero h1{font-size:clamp(30px,4.6vw,54px);line-height:1.22;letter-spacing:-.035em;font-weight:700;margin-top:18px;max-width:20em}.page-hero .lead{margin:18px 0 0;font-size:clamp(15px,1.6vw,17.5px);line-height:1.85;color:var(--ink-60);max-width:38em}.page-hero.dark{position:relative;background:var(--roast) url(/texture-beans.webp) center/cover no-repeat;color:#e9e4da}.page-hero.dark:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#20191394,#1a140fb8)}.page-hero.dark>*{position:relative}.page-hero.dark .eyebrow{color:#b7be94}.page-hero.dark .lead{color:#e9e4dac7}.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.page-hero.dark .hero-cta .btn{background:#ede8de;border-color:#ede8de;color:var(--roast)}.page-hero.dark .hero-cta .btn:hover{background:#fff;border-color:#fff;color:var(--roast)}.place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:3px;overflow:hidden}@media(max-width:820px){.place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.place-grid{grid-template-columns:1fr}}.place-grid li{background:var(--paper);padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:7px;transition:background .28s var(--ease)}.place-grid li:hover{background:var(--card)}.place-grid strong{font-size:17px;font-weight:700;letter-spacing:-.02em}.place-grid span{font-size:14px;color:var(--ink-60)}.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e9e4da2e;margin-top:clamp(32px,4.4vw,52px);list-style:none;padding:0}@media(max-width:900px){.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.step-grid{grid-template-columns:1fr}}.step-grid li{background:var(--roast);padding:clamp(26px,3vw,34px) clamp(22px,2.4vw,28px)}.step-grid .no{font-size:12px;font-weight:500;letter-spacing:.14em;color:#b7be94;font-variant-numeric:tabular-nums}.step-grid h3{font-size:18px;font-weight:700;letter-spacing:-.02em;margin:12px 0 10px;line-height:1.4}.step-grid p{margin:0;font-size:14px;line-height:1.8;color:#e9e4dac2}.cta-band .wrap{text-align:center;border:1px solid var(--rule);border-radius:3px;background:var(--card);padding:clamp(40px,5.4vw,72px) clamp(24px,3.4vw,44px)}.cta-band h2{font-size:clamp(24px,3vw,34px);line-height:1.36;letter-spacing:-.03em}.cta-band p{margin:14px auto 0;max-width:34em;color:var(--ink-60);font-size:15.5px}.cta-band .cta-tel{display:inline-block;margin-top:26px;font-size:clamp(30px,4.4vw,48px);font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;border-bottom:3px solid transparent;transition:border-color .3s var(--ease),color .3s var(--ease)}.cta-band .cta-tel:hover{border-bottom-color:var(--sage);color:var(--sage-deep)}.cta-band .sub{margin-top:18px;font-size:13.5px;color:var(--ink-40)}.sec>.wrap>.terms{max-width:none}.post-list{border-top:1px solid var(--ink)}.post-list li{border-bottom:1px solid var(--rule)}.post-list a{display:grid;grid-template-columns:104px minmax(0,1fr);gap:6px 24px;padding:22px 4px;align-items:baseline;transition:background .24s var(--ease)}@media(max-width:620px){.post-list a{grid-template-columns:1fr;gap:6px}}.post-list time{font-size:12.5px;color:var(--ink-40);font-variant-numeric:tabular-nums;letter-spacing:.02em}.post-list strong{font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:1.5;transition:color .24s var(--ease)}.post-list span{grid-column:2;font-size:14.5px;color:var(--ink-60);line-height:1.7}@media(max-width:620px){.post-list span{grid-column:1}}.post-list li:hover strong{color:var(--sage-deep)}.post{padding-block:clamp(44px,6vw,84px) clamp(48px,6vw,80px)}.post .wrap{max-width:760px}.post .eyebrow a{color:var(--sage-deep)}.post h1{font-size:clamp(26px,3.6vw,40px);line-height:1.3;letter-spacing:-.035em;font-weight:700;margin-top:16px}.post>.wrap>time{display:block;margin-top:14px;padding-bottom:26px;border-bottom:1px solid var(--rule);font-size:13px;color:var(--ink-40);font-variant-numeric:tabular-nums}.post-body{margin-top:32px;font-size:16.5px;line-height:1.95;color:var(--ink-60)}.post-body>*+*{margin-top:20px}.post-body p{margin:0}.post-body strong{font-weight:500;color:var(--ink)}.post-body h2{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-top:38px}.post-body ul,.post-body ol{margin:0;padding-left:20px;list-style:disc}.post-body ol{list-style:decimal}.post-body li{margin-top:8px}.post-body a{color:var(--sage-deep);text-decoration:underline;text-underline-offset:3px}.post-back{margin-top:44px;padding-top:26px;border-top:1px solid var(--rule)}.terms a,.cta-band .sub a{color:var(--sage-deep);text-decoration:underline;text-underline-offset:3px}.photo{margin:0}.photo img{width:100%;height:auto;display:block;border-radius:3px;background:var(--paper-2)}.photo-ph{width:100%;aspect-ratio:var(--ratio,16/9);border-radius:3px}.photo figcaption{margin-top:14px;font-size:13.5px;color:var(--ink-40);letter-spacing:.01em}.photo-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--rule);background:var(--card);text-align:center;padding:24px}.photo-ph span{font-size:15px;font-weight:500;color:var(--ink-60)}.photo-ph small{font-size:12.5px;color:var(--ink-40)}.photo.map img,.photo.map .photo-ph{border-radius:3px}.hero-slider{position:relative;overflow:hidden;background:var(--paper-2);aspect-ratio:var(--slide-ratio,2.5)}.hero-slider .slides{position:absolute;inset:0}.hero-slider .slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility .7s}.hero-slider .slide.on{opacity:1;visibility:visible}.hero-slider .slide img{width:100%;height:100%;object-fit:cover;display:block}.hero-slider .slide-caption{position:absolute;inset:auto 0 0;padding:clamp(28px,5vw,64px) 0 clamp(24px,4vw,52px);background:linear-gradient(to top,rgba(22,24,15,.72) 0%,rgba(22,24,15,.34) 55%,transparent 100%);color:#fff}.hero-slider .slide-caption strong{display:block;font-weight:700;letter-spacing:-.03em;line-height:1.3;font-size:clamp(20px,3.2vw,38px);text-shadow:0 1px 14px rgba(0,0,0,.28)}.hero-slider .slide-caption span{display:block;margin-top:10px;font-size:clamp(12.5px,1.4vw,15px);letter-spacing:.06em;color:#ffffffd1}.hero-slider .nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffd1;color:var(--ink);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s var(--ease),background .25s var(--ease)}.hero-slider .nav.prev{left:clamp(10px,2vw,24px)}.hero-slider .nav.next{right:clamp(10px,2vw,24px)}.hero-slider:hover .nav,.hero-slider:focus-within .nav{opacity:1}.hero-slider .nav:hover{background:#fff}.hero-slider .nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(hover:none){.hero-slider .nav{opacity:.9}}.hero-slider .dots{position:absolute;left:0;right:0;bottom:clamp(12px,1.8vw,20px);z-index:3;display:flex;justify-content:center;gap:8px}.hero-slider .dots button{width:8px;height:8px;border-radius:50%;padding:0;background:#ffffff80;box-shadow:0 1px 4px #00000040;transition:background .25s var(--ease),width .25s var(--ease)}.hero-slider .dots button.on{background:#fff;width:22px;border-radius:4px}.ch-ico{width:17px;height:17px;flex:none;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s var(--ease)}.ch-ico.smartstore,.ch-ico.blog{stroke:#03c75a}.ch-ico.instagram{stroke:#c13584}.ch-ico.instagram .dot{fill:#c13584;stroke:none;transition:fill .35s var(--ease)}.syn-ft-ch a{display:inline-flex;align-items:center;gap:8px}.syn-ft-ch a:hover .ch-ico{stroke:#ede8de}.syn-ft-ch a:hover .ch-ico.instagram .dot{fill:#ede8de}.ch-ico.talk{stroke:#03c75a}.ch-ico.tel{stroke:var(--ink-60)}.syn-ft-cols li a:hover .ch-ico.tel{stroke:var(--sage-deep)}.syn-ft-cols li a{display:inline-flex;align-items:center;gap:8px}.syn-hd-util a{display:inline-flex;align-items:center;gap:6px}.syn-hd-util .ch-ico{width:14px;height:14px}.syn-hd-util .ch-ico.tel{stroke:var(--ink)}.syn-hd-util a.tel:hover .ch-ico.tel{stroke:var(--sage-deep)}@media(max-width:640px){.hero-slider .nav{display:none}.hero-slider .dots{bottom:9px;gap:6px}.hero-slider .dots button{width:6px;height:6px}.hero-slider .dots button.on{width:16px;border-radius:3px}.hero-slider .slide-caption{padding:16px 0 22px}.hero-slider .slide-caption strong{font-size:16px;line-height:1.35}.hero-slider .slide-caption span{margin-top:4px;font-size:11.5px}.syn-hd-main .syn-hd-wrap{grid-template-columns:auto 1fr;min-height:54px}.syn-ico{width:36px;height:36px}.syn-ico svg{width:19px;height:19px}}.syn-logo .wm{font-family:Outfit,Apple SD Gothic Neo,sans-serif;display:flex;flex-direction:column;gap:.18em;font-size:13px;font-weight:300;letter-spacing:.34em;line-height:1;margin-right:-.34em}.syn-logo .wm em{font-style:normal;display:block;white-space:nowrap}@media(max-width:640px){.syn-logo .wm{font-size:11.5px;letter-spacing:.3em;margin-right:-.3em}}.trade-note{display:flex;align-items:center;justify-content:space-between;gap:clamp(18px,3vw,40px);flex-wrap:wrap;margin-top:clamp(28px,3.6vw,44px);padding:clamp(20px,2.6vw,28px) clamp(22px,3vw,32px);border:1px solid var(--rule);border-left:3px solid var(--sage);border-radius:3px;background:var(--card)}.tn-title{font-size:15.5px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.tn-lead{margin-top:6px;font-size:14px;line-height:1.75;color:var(--ink-60);max-width:46em}.tn-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tn-tel,.tn-talk{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:2px;font-size:14.5px;font-weight:500;white-space:nowrap;transition:background .26s var(--ease),border-color .26s var(--ease),color .26s var(--ease)}.tn-tel{background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tn-tel:hover{background:var(--sage-deep)}.tn-tel .ch-ico{stroke:#fff}.tn-talk{border:1px solid var(--rule);background:var(--paper);color:var(--ink)}.tn-talk:hover{border-color:#03c75a;color:#03c75a}.tn-talk .ch-ico{fill:#03c75a;stroke:none}.tn-talk:hover .ch-ico{fill:#03c75a}@media(max-width:640px){.trade-note{padding:18px;gap:14px}.tn-actions{width:100%}.tn-tel,.tn-talk{flex:1;justify-content:center}}.cmp{border-top:1px solid var(--ink)}.cmp-head,.cmp-row{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:20px;padding:16px 4px;border-bottom:1px solid var(--rule)}.cmp-head{padding-block:12px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-40)}.cmp-head .cmp-a{color:var(--sage-deep)}.cmp-k{font-size:14px;color:var(--ink-40)}.cmp-a,.cmp-b{font-size:14.5px;line-height:1.75;color:var(--ink-60)}.cmp-a{color:var(--ink)}@media(max-width:760px){.cmp-head{display:none}.cmp-row{grid-template-columns:1fr;gap:6px;padding:18px 4px}.cmp-k{font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--sage-deep)}.cmp-a:before{content:"캡슐 · 파드 — ";color:var(--ink-40)}.cmp-b:before{content:"전자동 — ";color:var(--ink-40)}}.prd-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--rule);background:var(--card);text-align:center;padding:16px}.prd-ph span{font-size:14px;font-weight:500;color:var(--ink-60)}.prd-ph small{font-size:11.5px;color:var(--ink-40);word-break:break-all}.machines .prdImg{background:var(--paper)}.machines .prdImg img{width:100%;height:100%;object-fit:contain}.machines .description .name{cursor:default}.machine-note{margin:clamp(22px,2.6vw,32px) 0 0;font-size:14.5px;color:var(--ink-60)}.hero-full{position:relative;height:100vh;height:100dvh;min-height:520px;margin-top:calc(-1 * var(--hd-h, 72px));display:flex;align-items:center;overflow:hidden;background:var(--roast)}.hero-full-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-full:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#16180f8c,#16180f47 42%,#16180f9e)}.hero-full-inner{position:relative;z-index:1;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);width:100%;padding-top:var(--hd-h,72px);color:#f2efe7}.hero-full .eyebrow{color:#c4cc9e}.hero-full h1{margin:18px 0 0;font-size:clamp(27px,4.6vw,50px);line-height:1.3;letter-spacing:-.03em;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.4)}.hero-full .lead{margin:20px 0 0;font-size:clamp(15px,1.7vw,18px);line-height:1.85;color:#f2efe7db;max-width:34em}.hero-full-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:clamp(26px,3.4vw,38px)}.hero-full-cta .btn{background:#f2efe7;border-color:#f2efe7;color:var(--ink)}.hero-full-cta .btn:hover{background:#fff;border-color:#fff;color:var(--ink)}.hero-full-cta .btn.ghost{background:transparent;color:#f2efe7;border-color:#f2efe780}.hero-full-cta .btn.ghost:hover{background:#f2efe71f;color:#fff;border-color:#f2efe7}.hero-full-scroll{position:absolute;left:50%;bottom:26px;z-index:1;width:1px;height:46px;background:linear-gradient(to bottom,#f2efe700,#f2efe7d9);animation:heroScroll 2.4s var(--ease) infinite}@keyframes heroScroll{0%{transform:translateY(-14px) scaleY(.5);opacity:0}40%{opacity:1}to{transform:translateY(10px) scaleY(1);opacity:0}}@media(max-width:900px){.hero-full{margin-top:calc(-1 * var(--hd-h, 60px))}.hero-full-inner{padding-top:var(--hd-h,60px)}}@media(max-width:640px){.hero-full{min-height:460px}.hero-full .lead br{display:none}.hero-full-cta .btn{flex:1;text-align:center;padding-inline:14px}}@media(prefers-reduced-motion:reduce){.hero-full-scroll{animation:none;opacity:.55}}.syn-hd.over-hero{background:transparent;border-bottom-color:transparent;color:#f2efe7}.syn-hd.over-hero .syn-hd-util{background:transparent;border-bottom-color:#f2efe738}.syn-hd.over-hero .syn-hd-util a,.syn-hd.over-hero .syn-hd-util .me{color:#f2efe7cc!important}.syn-hd.over-hero .syn-logo em{color:#f2efe7}.syn-hd.over-hero .syn-nav>ul>li>a{color:#f2efe7}.syn-hd.over-hero .syn-ico{color:#f2efe7}.syn-hd.over-hero .syn-ico:hover{background:#f2efe724;color:#fff!important}.syn-hd.over-hero .btn.store{background:transparent;border-color:#f2efe780;color:#f2efe7}.syn-hd.over-hero .btn.store:hover{background:#f2efe7;border-color:#f2efe7;color:var(--ink)}.roastvol{--bean-gold:#C9A97E;background:#33302a url(/texture-beans.webp) center/cover no-repeat;position:relative;color:#f2efe7;padding-block:clamp(40px,5.6vw,72px)}.roastvol-grid{display:grid;grid-template-columns:auto auto;gap:clamp(28px,4.4vw,60px);align-items:center;justify-content:center}.roastvol:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#201d186b,#1a171394)}.roastvol>*{position:relative}.roastvol-text{max-width:27em}.roastvol .eyebrow{color:var(--bean-gold)}.roastvol-h{margin:16px 0 0;font-size:clamp(24px,3vw,35px);line-height:1.38;letter-spacing:-.03em;text-wrap:balance}.roastvol-sub{margin:14px 0 0;font-size:15px;line-height:1.9;color:#f2efe7bd}.roastvol-gauge{position:relative;flex:none;width:clamp(214px,27vw,296px);aspect-ratio:1}.roastvol-gauge svg{width:100%;height:100%;display:block;overflow:visible}.roastvol-gauge circle{fill:none}.roastvol-gauge .track{stroke:#f2efe726;stroke-width:2.5}.roastvol-gauge .fill{stroke:var(--bean-gold);stroke-width:2.5;stroke-linecap:round;transform:rotate(var(--arc));transform-origin:center;stroke-dasharray:var(--c);stroke-dashoffset:var(--c);transition:stroke-dashoffset 1.5s var(--ease)}.roastvol.in .roastvol-gauge .fill{stroke-dashoffset:var(--gap)}.roastvol-gauge .sweep{transform-origin:center;rotate:var(--start);transition:rotate 1.5s var(--ease)}.roastvol.in .roastvol-gauge .sweep{rotate:var(--end)}.roastvol-gauge .dot{fill:var(--bean-gold);stroke:none}.roastvol-num{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1vw,11px);letter-spacing:-.035em;font-variant-numeric:tabular-nums}.roastvol-num strong{font-size:clamp(46px,6.6vw,78px);font-weight:700;line-height:1;color:#f2efe7}.roastvol-num .u{font-size:clamp(12px,1.5vw,16px);font-weight:500;letter-spacing:.1em;color:var(--bean-gold)}@media(max-width:760px){.roastvol-grid{grid-template-columns:1fr;gap:30px;justify-items:center;text-align:center}.roastvol .eyebrow{justify-content:center}.roastvol-h br,.roastvol-sub br{display:none}}@media(prefers-reduced-motion:reduce){.roastvol-gauge .fill{stroke-dashoffset:var(--gap);transition:none}.roastvol-gauge .sweep{rotate:var(--end);transition:none}}.tn-sample{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:var(--paper);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .26s var(--ease),border-color .26s var(--ease)}.tn-sample:hover{background:var(--sage-deep);border-color:var(--sage-deep)}.page-hero.center{text-align:center}.page-hero.center h1,.page-hero.center .lead{margin-inline:auto}.sform{max-width:560px;margin-inline:auto;text-align:center}.sform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(15px,1.9vw,20px)}.sform-grid[hidden],.sform-foot[hidden],.sform-done[hidden]{display:none}.sform-head{grid-column:1/-1;margin:clamp(12px,1.8vw,20px) 0 2px;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);padding-bottom:11px;border-bottom:1px solid var(--rule)}.sform-head:first-child{margin-top:0}.sf{display:flex;flex-direction:column;gap:7px;min-width:0;border:0;padding:0;margin:0}.sf-wide{grid-column:1/-1}.sf-k{font-size:13.5px;font-weight:500;color:var(--ink)}.sf-k b{color:var(--sage-deep);font-weight:500}.sf-k small{font-weight:400;font-size:12.5px;color:var(--ink-40);margin-left:3px}.sform input[type=text],.sform input[type=tel],.sform input[type=month],.sform select,.sform textarea{width:100%;box-sizing:border-box;font-family:var(--f);font-size:15px;line-height:1.6;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:12px 15px;text-align:center;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.sform textarea{resize:vertical;min-height:92px;text-align:left}.sform input[type=text]:focus,.sform input[type=tel]:focus,.sform input[type=month]:focus,.sform select:focus,.sform textarea:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 3px color-mix(in srgb,var(--sage) 16%,transparent)}.sform input:invalid:not(:placeholder-shown){border-color:#b4553f}.sform select{appearance:none;cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C6050' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px}.sform select:required:invalid{color:var(--ink-40)}.sf-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sf-pick label{display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;border:1px solid var(--rule);border-radius:10px;padding:13px 12px;font-size:14.5px;background:var(--paper);transition:border-color .22s var(--ease),background .22s var(--ease)}.sf-pick label:hover{border-color:var(--ink-40)}.sf-pick input[type=radio]{accent-color:var(--sage-deep);margin:0;flex:none}.sf-pick label:has(input:checked){border-color:var(--sage-deep);background:var(--paper-2)}.sf-pick label:has(input:focus-visible){outline:2px solid var(--sage);outline-offset:2px}.sf-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.sform-foot{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:clamp(24px,3.2vw,32px)}.sform-foot .btn{border-radius:10px;padding-inline:34px}.sform-note{margin:0;font-size:13px;line-height:1.9;color:var(--ink-60)}.sform-note b{font-weight:500;color:var(--ink)}.sform-note a{font-weight:500;border-bottom:1px solid var(--rule)}.sform-done{background:var(--paper-2);border:1px solid var(--rule);border-radius:12px;padding:clamp(28px,3.6vw,38px) clamp(22px,3vw,32px)}.sform-done-t{margin:0;font-size:clamp(19px,2.4vw,23px);font-weight:700;letter-spacing:-.02em}.sform-done-p{margin:12px 0 0;font-size:15px;line-height:1.85;color:var(--ink-60)}.sform-tel{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;border-bottom:2px solid var(--sage)}.sform-msg{display:none;margin:22px 0 0;font-size:15px;line-height:1.7}.sform-msg.show{display:block;padding:16px 18px;border-radius:10px;background:var(--paper-2);border:1px solid var(--rule);color:var(--ink)}.sform-msg.show.err{border-color:#d9a99c;background:#fbf3f1}@media(max-width:640px){.sform-grid{grid-template-columns:1fr}.sform-foot .btn{width:100%}}.blend-group{margin:clamp(26px,3.4vw,40px) 0 clamp(16px,2vw,22px)}.blend-group:first-of-type{margin-top:clamp(18px,2.2vw,26px)}.bg-k{margin:0;font-size:14.5px;font-weight:700;letter-spacing:-.015em;color:var(--ink);padding-bottom:10px;border-bottom:1px solid var(--ink)}.bg-p{margin:11px 0 0;font-size:13.5px;line-height:1.75;color:var(--ink-60);max-width:44em}.cta-band .cta-sample{display:flex;align-items:center;justify-content:center;width:fit-content;margin:20px auto 0;padding:13px 26px;border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:var(--paper);font-size:14.5px;font-weight:500;transition:background .26s var(--ease),border-color .26s var(--ease),transform .26s var(--ease)}.cta-band .cta-sample:hover{background:var(--sage-deep);border-color:var(--sage-deep);transform:translateY(-1px)}.bd{padding-block:clamp(34px,4.4vw,52px);border-top:1px solid var(--ink);scroll-margin-top:92px}.bd-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ttl shot" "body shot";column-gap:clamp(20px,3vw,40px);align-items:start}.bd-ttl{grid-area:ttl}.bd-shot{grid-area:shot}.bd-body{grid-area:body}.bd-no{margin:0;font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-deep)}.bd-head h3{margin:10px 0 0;font-size:clamp(23px,3.2vw,34px);letter-spacing:-.03em;line-height:1.2;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bd-mch{flex:none;font-style:normal;font-size:11.5px;font-weight:500;letter-spacing:.02em;color:var(--sage-deep);background:var(--paper-2);border-radius:999px;padding:5px 11px}.bd-en{margin:7px 0 0;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-40)}.bd-shot{flex:none;width:clamp(88px,14vw,184px);height:clamp(88px,14vw,184px);object-fit:cover;border-radius:12px;background:var(--paper-2)}.bd-body{margin:clamp(16px,2vw,22px) 0 0;font-size:15.5px;line-height:1.9;color:var(--ink-60);max-width:46em;min-width:0}.bd-taste{list-style:none;margin:clamp(20px,2.6vw,28px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bd-taste li{background:var(--paper-2);border-radius:10px;padding:13px 16px;display:flex;flex-direction:column;gap:9px}.bd-tk{font-size:12.5px;font-weight:500;color:var(--ink-40)}.bd-dots{display:flex;gap:6px}.bd-dots i{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--ink);background:transparent}.bd-dots i.on{background:var(--ink)}.bd-roast{margin-top:clamp(20px,2.6vw,28px)}.bd-rk{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.bd-rk span{font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40)}.bd-rk strong{font-size:15px;font-weight:700;letter-spacing:-.02em}.bd-bar{position:relative;height:5px;border-radius:999px;margin-top:11px;background-color:#efeae1;background-image:linear-gradient(to right,#d9be96,#a9865c 55%,#6b4b34);background-repeat:no-repeat;background-size:calc(var(--at) * 1%) 100%}.bd-bar i{position:absolute;top:50%;left:calc(var(--at) * 1%);width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--ink);border:2px solid var(--paper)}.bd-rx{display:flex;justify-content:space-between;margin-top:9px;font-size:12px;color:var(--ink-40)}.bd-foot{margin-top:clamp(22px,2.8vw,30px)}.bd-nk{margin:0;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40)}.bd-note{margin:8px 0 0;font-size:15px;font-weight:500;letter-spacing:-.01em}.bd-origin{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:0}.bd-origin li{font-size:12.5px;color:var(--ink-60);border:1px solid var(--rule);border-radius:999px;padding:5px 12px}@media(max-width:640px){.bd-taste{grid-template-columns:1fr}.bd-head{grid-template-areas:"ttl shot" "body body"}}.bd-end{margin-top:clamp(30px,4vw,44px);padding-top:clamp(26px,3.4vw,36px);border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,3vw,32px);flex-wrap:wrap}.bd-end p{margin:0;font-size:14.5px;line-height:1.8;color:var(--ink-60);max-width:34em}.bd-end .btn{flex:none;border-radius:10px}@media(max-width:640px){.bd-end .btn{width:100%;text-align:center}}