@font-face{font-family:CrustSerif;src:url(../assets/fonts/NotoSerifKR-VF-site.woff2);font-weight:100 900;font-style:normal}
@font-face{font-family:CrustSans;src:url(../assets/fonts/NotoSansKR-VF-site.woff2);font-weight:100 900;font-style:normal}
body{color:#464637;font-weight:450}
h1,h2{font-weight:600;color:#353c2e}
h3{font-weight:600;color:#414637}
.hero h1{font-weight:550;color:#f4eedc}
.hero p{font-family:CrustSans,sans-serif;font-size:16px;font-weight:400;line-height:1.85;color:#ded8c8}
.hero>img{object-position:center 50%}
.hero:after{background:linear-gradient(90deg,rgba(28,28,20,.83),rgba(28,28,20,.38) 38%,transparent 72%)}
.dark h2,.dark h3,.visit-copy h2{color:#ebe3ca}
.eyebrow{color:#8f7958;font-weight:500}
.dark .eyebrow{color:#b6a37c}
.title-row .small,.section-head .small,.aroma-copy>p{color:#777566;font-weight:400}
.products p,.coffee-menu p{color:#77715f;font-size:13px;line-height:1.9}
.coffee-menu h3{font-weight:650;font-size:24px;color:#484837}
.coffee-menu i{font-family:Georgia,serif;color:#9b8157;font-weight:400}
.notes li{font-size:14px;color:#656555;gap:28px;align-items:center;min-height:54px}
.notes strong{font:700 15px CrustSans,sans-serif;color:#8c7048;flex:0 0 38px}
.space-note{font-family:Georgia,'Times New Roman',serif;font-size:27px;line-height:1.24;font-weight:400;color:#ddd0ab}
.space-note em{color:#bfa36c;font-weight:400}
.space-note p{font:400 12px/1.9 CrustSans,sans-serif;color:#a7aa97;margin-top:27px}
.section-index{display:flex;gap:22px;align-items:center}
.section-index .number{font-family:Georgia,serif;color:#99734e;font-size:45px}
.index-copy{font:500 10px/1.8 CrustSans,sans-serif;color:#967c58}
.index-copy em{font-style:normal;font-weight:400;font-size:9px;color:#8c826e}
.clip-defs{position:absolute;width:0;height:0;overflow:hidden}
.slow-picture>img{clip-path:url(#slow-wave)}
.slow-label{box-shadow:15px 15px 0 rgba(107,95,65,.08)}
.slow-label b,.slow-label strong{font-family:Georgia,'Times New Roman',serif}
.slow-label b{font-size:42px}.slow-label strong{font-size:92px;color:#cbb17c}
.slow-caption{font-family:CrustSerif,serif;font-size:16px;line-height:1.85;color:#88816d;font-weight:450}
.brand{gap:15px;flex-shrink:0;align-items:center}
.brand .bear-crop{display:block;position:relative;overflow:hidden;width:56px;height:60px;flex:0 0 56px}
.brand .bear-crop img{width:56px;height:auto;max-width:none;object-fit:initial}
.brand .brand-type{display:flex;flex-direction:column;align-items:center;gap:4px}
.brand .wordmark-crop{position:relative;display:block;width:163px;height:46px;overflow:hidden}
.brand .wordmark-crop img{position:absolute;top:-181px;left:0;width:163px;height:auto;max-width:none;object-fit:initial}
.brand .brand-caption{font:500 9px/1.2 CrustSans,sans-serif;color:#806545;white-space:nowrap}
.header{height:99px}.header nav{font-size:13px;font-weight:500}
.footer{padding-top:30px;padding-bottom:30px}
@media(max-width:700px){
 .header{height:auto;min-height:116px;flex-wrap:wrap;gap:14px;padding:14px 22px}
 .header nav{width:100%;justify-content:space-between;font-size:11px;gap:10px;order:2}
 .header .back{display:block;font-size:11px}
 .brand .bear-crop{width:42px;height:45px;flex-basis:42px}.brand .bear-crop img{width:42px}
 .brand .wordmark-crop{width:128px;height:36px}.brand .wordmark-crop img{width:128px;top:-142px}
 .brand .brand-caption{font-size:7px}.brand{gap:10px}
 .hero p{font-size:14px}.hero h1{font-weight:550}
 .section-head{grid-template-columns:1fr 1.5fr;gap:18px}.section-index{gap:9px;align-items:start}
 .section-index .number{font-size:31px}.index-copy{font-size:7px;margin-top:5px}.index-copy em{font-size:7px}
 .slow-label b{font-size:23px}.slow-label strong{font-size:46px}.slow-caption{font-size:13px}
 .coffee-menu h3{font-size:21px}.products p{font-size:10px}.notes li{font-size:12px}.notes strong{font-size:13px}
 .footer{flex-wrap:wrap}.footer .brand-type{display:flex}
}