.kp{--kp-cream:#f5efe4;--kp-paper:#fbf8f2;--kp-espresso:#2b1d15;--kp-mocha:#6d543f;--kp-clay:#b4552d;--kp-line:#e0d4c1;background:var(--kp-cream);min-height:100vh;color:var(--kp-espresso);font-family:Inter Variable,system-ui,sans-serif;font-size:15px;line-height:1.6}.kp *{box-sizing:border-box}.kp h1,.kp h2,.kp h3,.kp .serif{letter-spacing:-.02em;font-family:Playfair Display Variable,Georgia,serif;font-weight:500}.kp a{color:inherit;text-decoration:none}.kp-shell{width:min(1120px,100% - 44px);margin-inline:auto}.kp-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--kp-clay);font-size:10px;font-weight:600}.kp-nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--kp-line);background:#f5efe4eb;position:sticky;top:0}.kp-nav-inner{justify-content:space-between;align-items:center;height:70px;display:flex}.kp-wordmark{align-items:center;gap:11px;font-family:Playfair Display Variable,Georgia,serif;font-size:20px;display:flex}.kp-wordmark i{background:var(--kp-espresso);width:32px;height:32px;color:var(--kp-cream);letter-spacing:.04em;border-radius:50%;place-items:center;font-family:Inter Variable,sans-serif;font-size:11px;font-style:normal;font-weight:600;display:grid}.kp-nav ul{color:var(--kp-mocha);gap:30px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.kp-nav ul a:hover{color:var(--kp-espresso)}.kp-pill{background:var(--kp-espresso);color:var(--kp-paper);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:600;display:inline-flex}.kp-pill:hover{background:var(--kp-clay)}.kp-badge{border:1px solid var(--kp-line);background:var(--kp-paper);letter-spacing:.1em;text-transform:uppercase;color:var(--kp-mocha);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:10px;font-weight:600;display:inline-flex}.kp-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:84px 0 76px;display:grid}.kp-hero h1{margin:20px 0 18px;font-size:clamp(44px,6.4vw,74px);line-height:1.02}.kp-hero h1 em{color:var(--kp-clay);font-style:italic}.kp-hero p{max-width:440px;color:var(--kp-mocha);margin:0 0 30px;font-size:15px}.kp-hero-cta{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.kp-textlink{border-bottom:1px solid var(--kp-espresso);padding-bottom:2px;font-size:13px;font-weight:600}.kp-meta{border-top:1px solid var(--kp-line);color:var(--kp-mocha);gap:26px;margin-top:40px;padding-top:22px;font-size:11px;display:flex}.kp-meta b{color:var(--kp-espresso);font-family:Playfair Display Variable,Georgia,serif;font-size:19px;font-weight:500;display:block}.kp-art{position:relative}.kp-art svg{border-radius:200px 200px 18px 18px;width:100%;height:auto;display:block}.kp-strip{border-block:1px solid var(--kp-line);background:var(--kp-paper);padding:17px 0;overflow:hidden}.kp-strip-track{width:max-content;color:var(--kp-mocha);gap:46px;font-family:Playfair Display Variable,Georgia,serif;font-size:15px;animation:26s linear infinite kp-marquee;display:flex}.kp-strip-track span{white-space:nowrap;align-items:center;gap:46px;display:inline-flex}.kp-strip-track span:after{content:"✳";color:var(--kp-clay);font-size:11px}@keyframes kp-marquee{to{transform:translate(-50%)}}.kp-seksi{padding:86px 0}.kp-seksi-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.kp-seksi-head h2{margin:10px 0 0;font-size:clamp(30px,4vw,42px)}.kp-seksi-head p{max-width:320px;color:var(--kp-mocha);margin:0;font-size:12px}.kp-menu{border-top:1px solid var(--kp-line);grid-template-columns:repeat(2,1fr);display:grid}.kp-menu-item{border-bottom:1px solid var(--kp-line);align-items:baseline;gap:14px;padding:20px 22px 20px 0;display:flex}.kp-menu-item:nth-child(odd){border-right:1px solid var(--kp-line);padding-right:30px}.kp-menu-item:nth-child(2n){padding-left:30px}.kp-menu-item h3{margin:0;font-size:19px}.kp-menu-item .kp-dots{border-bottom:1px dotted var(--kp-mocha);opacity:.45;flex:1;transform:translateY(-4px)}.kp-menu-item .kp-price{white-space:nowrap;font-family:Inter Variable,sans-serif;font-size:13px;font-weight:600}.kp-menu-item small{color:var(--kp-mocha);margin-top:3px;font-size:11px;display:block}.kp-brew{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.kp-brew-card{background:var(--kp-paper);border:1px solid var(--kp-line);border-radius:16px;padding:26px}.kp-brew-card header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kp-brew-card header span{letter-spacing:.14em;text-transform:uppercase;color:var(--kp-clay);font-size:10px}.kp-brew-card h3{margin:0 0 8px;font-size:23px}.kp-brew-card p{color:var(--kp-mocha);margin:0 0 18px;font-size:12px}.kp-notes{flex-wrap:wrap;gap:6px;display:flex}.kp-notes i{border:1px solid var(--kp-line);color:var(--kp-mocha);border-radius:999px;padding:4px 10px;font-size:10px;font-style:normal}.kp-roast{background:var(--kp-line);border:1px solid var(--kp-line);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.kp-roast-card{background:var(--kp-cream);padding:30px 26px 26px;position:relative}.kp-roast-card:nth-child(2){background:var(--kp-paper)}.kp-level{gap:5px;margin-bottom:20px;display:flex}.kp-level i{background:var(--kp-line);border-radius:3px;width:22px;height:5px}.kp-level i.on{background:var(--kp-espresso)}.kp-roast-card h3{margin:0 0 4px;font-size:22px}.kp-roast-card .kp-origin{color:var(--kp-mocha);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.kp-roast-card ul{color:var(--kp-mocha);margin:18px 0 22px;padding:0;font-size:12px;list-style:none}.kp-roast-card li{border-bottom:1px dashed var(--kp-line);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.kp-roast-card li b{color:var(--kp-espresso);font-weight:600}.kp-roast-card footer{justify-content:space-between;align-items:center;display:flex}.kp-roast-card footer strong{font-size:17px}.kp-roast-card footer span{color:var(--kp-mocha);font-size:10px}.kp-loc{grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px;display:grid}.kp-hours{border-collapse:collapse;width:100%;margin-top:24px;font-size:13px}.kp-hours td{border-bottom:1px solid var(--kp-line);color:var(--kp-mocha);padding:11px 0}.kp-hours td:last-child{text-align:right;color:var(--kp-espresso);font-weight:600}.kp-hours tr.now td{color:var(--kp-clay)}.kp-hours tr.now td:last-child:after{content:" · sekarang";font-size:10px;font-weight:500}.kp-map{border:1px solid var(--kp-line);background:var(--kp-paper);border-radius:18px;overflow:hidden}.kp-map svg{width:100%;height:auto;display:block}.kp-map footer{border-top:1px solid var(--kp-line);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:12px;display:flex}.kp-foot{background:var(--kp-espresso);color:#d9cbb8;padding:54px 0 26px}.kp-foot-grid{grid-template-columns:1.4fr 1fr 1fr;gap:40px;display:grid}.kp-foot h4{letter-spacing:.16em;text-transform:uppercase;color:#8f7a64;margin:0 0 14px;font-size:10px;font-weight:600}.kp-foot p,.kp-foot li{margin:0;padding:0;font-size:12px;line-height:2;list-style:none}.kp-foot .kp-wordmark{color:var(--kp-paper)}.kp-foot-bottom{color:#8f7a64;border-top:1px solid #d9cbb829;justify-content:space-between;gap:16px;margin-top:40px;padding-top:20px;font-size:10px;display:flex}@media (max-width:860px){.kp-nav ul{display:none}.kp-hero,.kp-loc{grid-template-columns:1fr;gap:40px}.kp-menu,.kp-brew,.kp-roast{grid-template-columns:1fr}.kp-menu-item:nth-child(odd){border-right:0;padding-right:0}.kp-menu-item:nth-child(2n){padding-left:0}.kp-seksi-head{flex-direction:column;align-items:flex-start}.kp-foot-grid{grid-template-columns:1fr}.kp-art svg{border-radius:140px 140px 16px 16px}}