*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#f7f2eb}.nav{height:76px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;gap:36px;padding:0 max(7vw,28px);background:linear-gradient(#090909d9,#09090900)}.brand{color:white;text-decoration:none;display:flex;flex-direction:column;letter-spacing:3px;font-weight:800}.brand small{font-size:7px;letter-spacing:2px;margin-top:4px}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a,.nav-wa{color:white;text-decoration:none;font-size:14px}.nav-wa{padding:13px 18px;background:#bd6f3d;border-radius:12px;font-weight:700}.hero{min-height:650px;position:relative;background-image:url('kopi-senja-hero.jpg');background-size:cover;background-position:center right}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.82) 40%,rgba(5,5,5,.18) 74%,rgba(5,5,5,.05) 100%)}.hero-inner{position:relative;z-index:2;max-width:1200px;margin:auto;padding:145px 34px 50px}.copy{max-width:600px}.pill{display:inline-block;border:1px solid #c9824d;border-radius:999px;padding:8px 13px;font-size:13px}.copy h1{font-size:64px;line-height:.98;margin:22px 0 18px;letter-spacing:-2.5px}.copy p{font-size:18px;line-height:1.55;max-width:580px;color:#f4f4f4}.actions{display:flex;gap:14px;margin-top:28px}.actions a{padding:16px 22px;border-radius:12px;text-decoration:none;color:white;font-weight:700}.primary{background:#bd6f3d}.secondary{border:1px solid #fff;background:#1119}.proof{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:45px;font-size:14px}.proof b{font-size:20px;color:#ffd24a}.proof i{height:32px;width:1px;background:#aaa}.placeholder{color:#171717;padding:60px max(7vw,28px);min-height:300px}.placeholder small{letter-spacing:3px;color:#9a603c}.placeholder h2{font-size:38px;margin:12px 0}.placeholder p{color:#666}.demo-badge{position:fixed;right:14px;bottom:14px;background:#111;color:white;padding:9px 12px;border-radius:999px;font-size:11px;z-index:10}
@media(max-width:800px){.nav{height:72px;padding:0 22px}.nav nav{display:none}.nav-wa{font-size:11px;padding:10px 12px}.hero{min-height:720px;background-position:60% center}.shade{background:linear-gradient(180deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.78) 58%,rgba(5,5,5,.4) 100%)}.hero-inner{padding:145px 28px 48px}.copy h1{font-size:48px}.copy p{font-size:17px}.actions{flex-direction:column}.actions a{text-align:center}.proof{gap:11px}.proof i{display:none}}

/* Menu Favorit */
.ks-menu-section{background:#f7f2eb;color:#18130f;padding:84px 28px}.ks-menu-wrap{max-width:1160px;margin:auto}.ks-menu-kicker{font-size:12px;font-weight:800;letter-spacing:4px;color:#b96d3e;margin-bottom:14px}.ks-menu-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.ks-menu-head h2{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:0 0 14px}.ks-menu-head p{max-width:560px;color:#6d625a;line-height:1.6;margin:0}.ks-menu-all{color:#9d5831;text-decoration:none;font-weight:800;white-space:nowrap}.ks-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ks-menu-card{background:#fff;border:1px solid #eadfd4;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px #6d4a2a12}.ks-drink{height:210px;display:grid;place-items:center;position:relative;overflow:hidden}.ks-drink:before,.ks-drink:after{content:"";position:absolute;border-radius:50%}.ks-drink:before{width:190px;height:190px;background:#ffffff26;top:-65px;right:-35px}.ks-drink:after{width:120px;height:120px;background:#0000000b;bottom:-45px;left:-25px}.ks-drink span{font-size:72px;filter:drop-shadow(0 10px 12px #0003);z-index:1}.ks-latte{background:linear-gradient(145deg,#d6aa79,#8b4f2c)}.ks-americano{background:linear-gradient(145deg,#5b3a29,#211712)}.ks-caramel{background:linear-gradient(145deg,#e7c99d,#ad7043)}.ks-matcha{background:linear-gradient(145deg,#b8c89b,#63764b)}.ks-menu-body{padding:24px}.ks-menu-body small{font-size:10px;font-weight:900;letter-spacing:2px;color:#b96d3e}.ks-menu-body h3{font-size:25px;margin:8px 0}.ks-menu-body p{font-size:14px;color:#756b63;line-height:1.55;min-height:44px}.ks-menu-body>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee3d9;padding-top:17px;margin-top:18px}.ks-menu-body b{font-size:18px}.ks-menu-body a{min-width:76px;text-align:center;padding:11px 10px;border-radius:999px;background:#bf713f;color:white;text-decoration:none;font-size:13px;font-weight:800}
@media(max-width:800px){.ks-menu-section{padding:68px 28px}.ks-menu-head{display:block}.ks-menu-head h2{font-size:42px}.ks-menu-all{display:inline-block;margin-top:18px}.ks-menu-grid{grid-template-columns:1fr;gap:16px}.ks-drink{height:180px}.ks-menu-body p{min-height:0}}
\n\n/* Tentang Kopi Senja */\n.ks-about{background:#17100c;color:#fff;padding:28px 28px 84px}.ks-about-wrap{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;grid-template-areas:"photo copy" "points points";overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#25170f,#100c09);border:1px solid #ffffff0f;box-shadow:0 24px 60px #0003}.ks-about-photo{grid-area:photo;min-height:500px;background-image:linear-gradient(90deg,rgba(18,10,6,.06),rgba(18,10,6,.35)),url('kopi-senja-hero.jpg');background-size:cover;background-position:68% center}.ks-about-copy{grid-area:copy;padding:68px 56px 50px;display:flex;flex-direction:column;justify-content:center}.ks-about-kicker{font-size:11px;font-weight:900;letter-spacing:3.5px;color:#d18450;margin-bottom:18px}.ks-about-copy h2{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:0 0 22px}.ks-about-copy>p{font-size:15px;line-height:1.75;color:#d9d0ca;margin:0 0 30px;max-width:470px}.ks-about-cta{align-self:flex-start;text-decoration:none;color:#fff;background:#bd6f3d;border-radius:13px;padding:15px 20px;font-weight:800;font-size:14px}.ks-about-cta span{margin-left:10px}.ks-about-points{grid-area:points;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #ffffff12}.ks-about-points>div{padding:34px 38px 38px;text-align:center}.ks-about-points>div+div{border-left:1px solid #ffffff12}.ks-about-points strong{display:block;color:#d98249;font-size:31px;height:42px}.ks-about-points h3{font-size:17px;margin:12px 0 8px}.ks-about-points p{font-size:13px;line-height:1.55;color:#bdb3ac;margin:0 auto;max-width:240px}\n@media(max-width:800px){.ks-about{padding:14px 18px 70px}.ks-about-wrap{display:flex;flex-direction:column;border-radius:24px}.ks-about-photo{min-height:340px;background-position:70% center}.ks-about-copy{padding:42px 28px 38px}.ks-about-copy h2{font-size:40px}.ks-about-copy>p{font-size:15px}.ks-about-cta{width:100%;text-align:center}.ks-about-points{display:grid;grid-template-columns:1fr;border-top:1px solid #ffffff12}.ks-about-points>div{padding:26px 28px}.ks-about-points>div+div{border-left:0;border-top:1px solid #ffffff12}.ks-about-points p{max-width:300px}}\n